From e9104c894669449d78869d71bf9cc4a99512b0d4 Mon Sep 17 00:00:00 2001 From: Damian Dulisz Date: Mon, 3 May 2021 16:25:11 +0200 Subject: [PATCH 01/97] Update README.md --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 3dbbb3f8..eed4b532 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,10 @@ # vue-multiselect ![Build Status](https://circleci.com/gh/shentao/vue-multiselect/tree/2.0.svg?style=shield&circle-token=5c931ff28fd12587610f835472becdd514d09cef)[![Codecov branch](https://img.shields.io/codecov/c/github/shentao/vue-multiselect/2.0.svg)](https://codecov.io/gh/shentao/vue-multiselect/branch/2.0)[![npm](https://img.shields.io/npm/v/vue-multiselect.svg)](https://www.npmjs.com/package/vue-multiselect) Probably the most complete *selecting* solution for Vue.js 2.0, without jQuery. +> #### Vue 3.0 Support +> For Vue 3.0 compatible version see [`next`](https://github.com/shentao/vue-multiselect/tree/next) branch. + + Vue-Multiselect Screen From c931e6461ae36b41df57f3566fe497ce4f339cd0 Mon Sep 17 00:00:00 2001 From: Damian Dulisz Date: Mon, 3 May 2021 16:25:44 +0200 Subject: [PATCH 02/97] Update README.md --- README.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index eed4b532..a97ed82c 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,8 @@ # vue-multiselect ![Build Status](https://circleci.com/gh/shentao/vue-multiselect/tree/2.0.svg?style=shield&circle-token=5c931ff28fd12587610f835472becdd514d09cef)[![Codecov branch](https://img.shields.io/codecov/c/github/shentao/vue-multiselect/2.0.svg)](https://codecov.io/gh/shentao/vue-multiselect/branch/2.0)[![npm](https://img.shields.io/npm/v/vue-multiselect.svg)](https://www.npmjs.com/package/vue-multiselect) Probably the most complete *selecting* solution for Vue.js 2.0, without jQuery. -> #### Vue 3.0 Support -> For Vue 3.0 compatible version see [`next`](https://github.com/shentao/vue-multiselect/tree/next) branch. - +### Vue 3.0 Support +For Vue 3.0 compatible version see [`next`](https://github.com/shentao/vue-multiselect/tree/next) branch. Vue-Multiselect Screen From 3517065e3714c6b20438c5bb77d3c6f5ebd012ca Mon Sep 17 00:00:00 2001 From: Andrei Dmitrijevohh Date: Tue, 12 May 2020 17:54:42 +0300 Subject: [PATCH 03/97] ReferenceError fixed If multiselect is not searchable, then pointing at selects will throw an error. --- src/pointerMixin.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pointerMixin.js b/src/pointerMixin.js index 458c5f09..bdc70e9b 100644 --- a/src/pointerMixin.js +++ b/src/pointerMixin.js @@ -36,7 +36,7 @@ export default { this.pointerDirty = false }, pointer () { - this.$refs.search.setAttribute('aria-activedescendant', this.id + '-' + this.pointer.toString()) + this.$refs.search && this.$refs.search.setAttribute('aria-activedescendant', this.id + '-' + this.pointer.toString()) } }, methods: { From 157b0c971f0cac523d2147403761f331c345560f Mon Sep 17 00:00:00 2001 From: Matt Elen Date: Fri, 11 Jun 2021 15:34:48 +0100 Subject: [PATCH 04/97] Prep for 2.1.7 release --- dist/vue-multiselect.min.css | 2 +- dist/vue-multiselect.min.css.map | 2 +- dist/vue-multiselect.min.js | 2 +- package.json | 8 +- yarn.lock | 762 ++++++++++++++++++++----------- 5 files changed, 498 insertions(+), 278 deletions(-) diff --git a/dist/vue-multiselect.min.css b/dist/vue-multiselect.min.css index 98a0739a..5f441bc1 100644 --- a/dist/vue-multiselect.min.css +++ b/dist/vue-multiselect.min.css @@ -1 +1 @@ -fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}} \ No newline at end of file +fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{-webkit-animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__spinner:after{-webkit-animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{-webkit-box-sizing:content-box;box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{-webkit-box-sizing:border-box;box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;-webkit-transition:border .1s ease;transition:border .1s ease;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-webkit-input-placeholder{color:#35495e}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{-webkit-transition:all .15s ease;transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@-webkit-keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}} \ No newline at end of file diff --git a/dist/vue-multiselect.min.css.map b/dist/vue-multiselect.min.css.map index d1e00454..126a9181 100644 --- a/dist/vue-multiselect.min.css.map +++ b/dist/vue-multiselect.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///webpack:///src/Multiselect.vue"],"names":[],"mappings":"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B,oBAAoB;CACrB;AACD;EACE,aAAa;EACb,6BAA6B;EAC7B,8BAA8B;EAC9B,4BAA4B;EAC5B,6BAA6B;EAC7B,oBAAoB;EACpB,8BAA8B;CAC/B;AACD;EACE,cAAc;CACf;AACD;EACE,eAAe;CAChB;AACD;EACE,eAAe;EACf,cAAc;EACd,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB;EACtB,qBAAqB;EACrB,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,oBAAoB;CACrB;AACD;EACE,OAAO;EACP,SAAS;EACT,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB;EACpB,mBAAmB;EACnB,gBAAgB;CACjB;AACD;EACE,oBAAoB;EACpB,cAAc;EACd,aAAa;CACd;AACD;EACE,2BAA2B;EAC3B,oBAAoB;EACpB,aAAa;CACd;AACD;EACE,oBAAoB;EACpB,eAAe;EACf,kBAAkB;CACnB;AACD;EACE,6BAA6B;EAC7B,cAAc;CACf;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;EACpB,6BAA6B;EAC7B,YAAY;CACb;AACD;;EAEE,oBAAoB;EACpB,eAAe;CAChB;AACD;EACE,+BAA+B;EAC/B,0BAA0B;EAC1B,aAAa;EACb,qBAAqB;CACtB;AACD;EACE,oBAAoB;EACpB,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,oBAAoB;CACrB;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;EACpB,6BAA6B;EAC7B,YAAY;CACb;AACD;;EAEE,2BAA2B;CAC5B;AACD;;EAEE,WAAW;CACZ;AACD;EACE,mBAAmB;EACnB,kBAAkB;EAClB,sBAAsB;EACtB,oBAAoB;CACrB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,YAAY;EACZ,UAAU;CACX;AACD;EACE,0BAA0B;CAC3B;AACD;EACE,kBAAkB;CACnB;AACD;EACE,YAAY;EACZ,QAAQ;CACT;AACD;EACE,YAAY;EACZ,WAAW;CACZ;AACD;EACE,YAAY;EACZ,UAAU;CACX;AACD;AACA;IACI,qBAAqB;CACxB;AACD;IACI,yBAAyB;CAC5B;CACA","file":"vue-multiselect.min.css","sourcesContent":["\nfieldset[disabled] .multiselect {\n pointer-events: none;\n}\n.multiselect__spinner {\n position: absolute;\n right: 1px;\n top: 1px;\n width: 48px;\n height: 35px;\n background: #fff;\n display: block;\n}\n.multiselect__spinner:before,\n.multiselect__spinner:after {\n position: absolute;\n content: \"\";\n top: 50%;\n left: 50%;\n margin: -8px 0 0 -8px;\n width: 16px;\n height: 16px;\n border-radius: 100%;\n border-color: #41b883 transparent transparent;\n border-style: solid;\n border-width: 2px;\n box-shadow: 0 0 0 1px transparent;\n}\n.multiselect__spinner:before {\n animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);\n animation-iteration-count: infinite;\n}\n.multiselect__spinner:after {\n animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);\n animation-iteration-count: infinite;\n}\n.multiselect__loading-enter-active,\n.multiselect__loading-leave-active {\n transition: opacity 0.4s ease-in-out;\n opacity: 1;\n}\n.multiselect__loading-enter,\n.multiselect__loading-leave-active {\n opacity: 0;\n}\n.multiselect,\n.multiselect__input,\n.multiselect__single {\n font-family: inherit;\n font-size: 16px;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n}\n.multiselect {\n box-sizing: content-box;\n display: block;\n position: relative;\n width: 100%;\n min-height: 40px;\n text-align: left;\n color: #35495e;\n}\n.multiselect * {\n box-sizing: border-box;\n}\n.multiselect:focus {\n outline: none;\n}\n.multiselect--disabled {\n background: #ededed;\n pointer-events: none;\n opacity: 0.6;\n}\n.multiselect--active {\n z-index: 50;\n}\n.multiselect--active:not(.multiselect--above) .multiselect__current,\n.multiselect--active:not(.multiselect--above) .multiselect__input,\n.multiselect--active:not(.multiselect--above) .multiselect__tags {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.multiselect--active .multiselect__select {\n transform: rotateZ(180deg);\n}\n.multiselect--above.multiselect--active .multiselect__current,\n.multiselect--above.multiselect--active .multiselect__input,\n.multiselect--above.multiselect--active .multiselect__tags {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.multiselect__input,\n.multiselect__single {\n position: relative;\n display: inline-block;\n min-height: 20px;\n line-height: 20px;\n border: none;\n border-radius: 5px;\n background: #fff;\n padding: 0 0 0 5px;\n width: calc(100%);\n transition: border 0.1s ease;\n box-sizing: border-box;\n margin-bottom: 8px;\n vertical-align: top;\n}\n.multiselect__input:-ms-input-placeholder {\n color: #35495e;\n}\n.multiselect__input::placeholder {\n color: #35495e;\n}\n.multiselect__tag ~ .multiselect__input,\n.multiselect__tag ~ .multiselect__single {\n width: auto;\n}\n.multiselect__input:hover,\n.multiselect__single:hover {\n border-color: #cfcfcf;\n}\n.multiselect__input:focus,\n.multiselect__single:focus {\n border-color: #a8a8a8;\n outline: none;\n}\n.multiselect__single {\n padding-left: 5px;\n margin-bottom: 8px;\n}\n.multiselect__tags-wrap {\n display: inline;\n}\n.multiselect__tags {\n min-height: 40px;\n display: block;\n padding: 8px 40px 0 8px;\n border-radius: 5px;\n border: 1px solid #e8e8e8;\n background: #fff;\n font-size: 14px;\n}\n.multiselect__tag {\n position: relative;\n display: inline-block;\n padding: 4px 26px 4px 10px;\n border-radius: 5px;\n margin-right: 10px;\n color: #fff;\n line-height: 1;\n background: #41b883;\n margin-bottom: 5px;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n}\n.multiselect__tag-icon {\n cursor: pointer;\n margin-left: 7px;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n font-weight: 700;\n font-style: initial;\n width: 22px;\n text-align: center;\n line-height: 22px;\n transition: all 0.2s ease;\n border-radius: 5px;\n}\n.multiselect__tag-icon:after {\n content: \"×\";\n color: #266d4d;\n font-size: 14px;\n}\n.multiselect__tag-icon:focus,\n.multiselect__tag-icon:hover {\n background: #369a6e;\n}\n.multiselect__tag-icon:focus:after,\n.multiselect__tag-icon:hover:after {\n color: white;\n}\n.multiselect__current {\n line-height: 16px;\n min-height: 40px;\n box-sizing: border-box;\n display: block;\n overflow: hidden;\n padding: 8px 12px 0;\n padding-right: 30px;\n white-space: nowrap;\n margin: 0;\n text-decoration: none;\n border-radius: 5px;\n border: 1px solid #e8e8e8;\n cursor: pointer;\n}\n.multiselect__select {\n line-height: 16px;\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 40px;\n height: 38px;\n right: 1px;\n top: 1px;\n padding: 4px 8px;\n margin: 0;\n text-decoration: none;\n text-align: center;\n cursor: pointer;\n transition: transform 0.2s ease;\n}\n.multiselect__select:before {\n position: relative;\n right: 0;\n top: 65%;\n color: #999;\n margin-top: 4px;\n border-style: solid;\n border-width: 5px 5px 0 5px;\n border-color: #999999 transparent transparent transparent;\n content: \"\";\n}\n.multiselect__placeholder {\n color: #adadad;\n display: inline-block;\n margin-bottom: 10px;\n padding-top: 2px;\n}\n.multiselect--active .multiselect__placeholder {\n display: none;\n}\n.multiselect__content-wrapper {\n position: absolute;\n display: block;\n background: #fff;\n width: 100%;\n max-height: 240px;\n overflow: auto;\n border: 1px solid #e8e8e8;\n border-top: none;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n z-index: 50;\n -webkit-overflow-scrolling: touch;\n}\n.multiselect__content {\n list-style: none;\n display: inline-block;\n padding: 0;\n margin: 0;\n min-width: 100%;\n vertical-align: top;\n}\n.multiselect--above .multiselect__content-wrapper {\n bottom: 100%;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n border-bottom: none;\n border-top: 1px solid #e8e8e8;\n}\n.multiselect__content::webkit-scrollbar {\n display: none;\n}\n.multiselect__element {\n display: block;\n}\n.multiselect__option {\n display: block;\n padding: 12px;\n min-height: 40px;\n line-height: 16px;\n text-decoration: none;\n text-transform: none;\n vertical-align: middle;\n position: relative;\n cursor: pointer;\n white-space: nowrap;\n}\n.multiselect__option:after {\n top: 0;\n right: 0;\n position: absolute;\n line-height: 40px;\n padding-right: 12px;\n padding-left: 20px;\n font-size: 13px;\n}\n.multiselect__option--highlight {\n background: #41b883;\n outline: none;\n color: white;\n}\n.multiselect__option--highlight:after {\n content: attr(data-select);\n background: #41b883;\n color: white;\n}\n.multiselect__option--selected {\n background: #f3f3f3;\n color: #35495e;\n font-weight: bold;\n}\n.multiselect__option--selected:after {\n content: attr(data-selected);\n color: silver;\n}\n.multiselect__option--selected.multiselect__option--highlight {\n background: #ff6a6a;\n color: #fff;\n}\n.multiselect__option--selected.multiselect__option--highlight:after {\n background: #ff6a6a;\n content: attr(data-deselect);\n color: #fff;\n}\n.multiselect--disabled .multiselect__current,\n.multiselect--disabled .multiselect__select {\n background: #ededed;\n color: #a6a6a6;\n}\n.multiselect__option--disabled {\n background: #ededed !important;\n color: #a6a6a6 !important;\n cursor: text;\n pointer-events: none;\n}\n.multiselect__option--group {\n background: #ededed;\n color: #35495e;\n}\n.multiselect__option--group.multiselect__option--highlight {\n background: #35495e;\n color: #fff;\n}\n.multiselect__option--group.multiselect__option--highlight:after {\n background: #35495e;\n}\n.multiselect__option--disabled.multiselect__option--highlight {\n background: #dedede;\n}\n.multiselect__option--group-selected.multiselect__option--highlight {\n background: #ff6a6a;\n color: #fff;\n}\n.multiselect__option--group-selected.multiselect__option--highlight:after {\n background: #ff6a6a;\n content: attr(data-deselect);\n color: #fff;\n}\n.multiselect-enter-active,\n.multiselect-leave-active {\n transition: all 0.15s ease;\n}\n.multiselect-enter,\n.multiselect-leave-active {\n opacity: 0;\n}\n.multiselect__strong {\n margin-bottom: 8px;\n line-height: 20px;\n display: inline-block;\n vertical-align: top;\n}\n*[dir=\"rtl\"] .multiselect {\n text-align: right;\n}\n*[dir=\"rtl\"] .multiselect__select {\n right: auto;\n left: 1px;\n}\n*[dir=\"rtl\"] .multiselect__tags {\n padding: 8px 8px 0px 40px;\n}\n*[dir=\"rtl\"] .multiselect__content {\n text-align: right;\n}\n*[dir=\"rtl\"] .multiselect__option:after {\n right: auto;\n left: 0;\n}\n*[dir=\"rtl\"] .multiselect__clear {\n right: auto;\n left: 12px;\n}\n*[dir=\"rtl\"] .multiselect__spinner {\n right: auto;\n left: 1px;\n}\n@keyframes spinning {\nfrom {\n transform: rotate(0);\n}\nto {\n transform: rotate(2turn);\n}\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/Multiselect.vue"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///./src/Multiselect.vue"],"names":[],"mappings":"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ACf,sBAAsB;EACtB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,cAAc;CACf;AACD;EACE,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,0BAA0B;EAC1B,iBAAiB;EACjB,+BAA+B;EAC/B,gCAAgC;EAChC,YAAY;EACZ,kCAAkC;CACnC;AACD;EACE,iBAAiB;EACjB,sBAAsB;EACtB,WAAW;EACX,UAAU;EACV,gBAAgB;EAChB,oBAAoB;CACrB;AACD;EACE,aAAa;EACb,6BAA6B;EAC7B,8BAA8B;EAC9B,4BAA4B;EAC5B,6BAA6B;EAC7B,oBAAoB;EACpB,8BAA8B;CAC/B;AACD;EACE,cAAc;CACf;AACD;EACE,eAAe;CAChB;AACD;EACE,eAAe;EACf,cAAc;EACd,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB;EACtB,qBAAqB;EACrB,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,oBAAoB;CACrB;AACD;EACE,OAAO;EACP,SAAS;EACT,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB;EACpB,mBAAmB;EACnB,gBAAgB;CACjB;AACD;EACE,oBAAoB;EACpB,cAAc;EACd,aAAa;CACd;AACD;EACE,2BAA2B;EAC3B,oBAAoB;EACpB,aAAa;CACd;AACD;EACE,oBAAoB;EACpB,eAAe;EACf,kBAAkB;CACnB;AACD;EACE,6BAA6B;EAC7B,cAAc;CACf;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;EACpB,6BAA6B;EAC7B,YAAY;CACb;AACD;;EAEE,oBAAoB;EACpB,eAAe;CAChB;AACD;EACE,+BAA+B;EAC/B,0BAA0B;EAC1B,aAAa;EACb,qBAAqB;CACtB;AACD;EACE,oBAAoB;EACpB,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,oBAAoB;CACrB;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;EACpB,6BAA6B;EAC7B,YAAY;CACb;AACD;;EAEE,mCAAmC;EACnC,2BAA2B;CAC5B;AACD;;EAEE,WAAW;CACZ;AACD;EACE,mBAAmB;EACnB,kBAAkB;EAClB,sBAAsB;EACtB,oBAAoB;CACrB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,YAAY;EACZ,UAAU;CACX;AACD;EACE,0BAA0B;CAC3B;AACD;EACE,kBAAkB;CACnB;AACD;EACE,YAAY;EACZ,QAAQ;CACT;AACD;EACE,YAAY;EACZ,WAAW;CACZ;AACD;EACE,YAAY;EACZ,UAAU;CACX;AACD;AACA;IACI,6BAA6B;YACrB,qBAAqB;CAChC;AACD;IACI,iCAAiC;YACzB,yBAAyB;CACpC;CACA;AACD;AACA;IACI,6BAA6B;YACrB,qBAAqB;CAChC;AACD;IACI,iCAAiC;YACzB,yBAAyB;CACpC;CACA","file":"vue-multiselect.min.css","sourcesContent":["\nfieldset[disabled] .multiselect {\n pointer-events: none;\n}\n.multiselect__spinner {\n position: absolute;\n right: 1px;\n top: 1px;\n width: 48px;\n height: 35px;\n background: #fff;\n display: block;\n}\n.multiselect__spinner:before,\n.multiselect__spinner:after {\n position: absolute;\n content: \"\";\n top: 50%;\n left: 50%;\n margin: -8px 0 0 -8px;\n width: 16px;\n height: 16px;\n border-radius: 100%;\n border-color: #41b883 transparent transparent;\n border-style: solid;\n border-width: 2px;\n -webkit-box-shadow: 0 0 0 1px transparent;\n box-shadow: 0 0 0 1px transparent;\n}\n.multiselect__spinner:before {\n -webkit-animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);\n animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n.multiselect__spinner:after {\n -webkit-animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);\n animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n.multiselect__loading-enter-active,\n.multiselect__loading-leave-active {\n -webkit-transition: opacity 0.4s ease-in-out;\n transition: opacity 0.4s ease-in-out;\n opacity: 1;\n}\n.multiselect__loading-enter,\n.multiselect__loading-leave-active {\n opacity: 0;\n}\n.multiselect,\n.multiselect__input,\n.multiselect__single {\n font-family: inherit;\n font-size: 16px;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n}\n.multiselect {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n display: block;\n position: relative;\n width: 100%;\n min-height: 40px;\n text-align: left;\n color: #35495e;\n}\n.multiselect * {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.multiselect:focus {\n outline: none;\n}\n.multiselect--disabled {\n background: #ededed;\n pointer-events: none;\n opacity: 0.6;\n}\n.multiselect--active {\n z-index: 50;\n}\n.multiselect--active:not(.multiselect--above) .multiselect__current,\n.multiselect--active:not(.multiselect--above) .multiselect__input,\n.multiselect--active:not(.multiselect--above) .multiselect__tags {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.multiselect--active .multiselect__select {\n -webkit-transform: rotateZ(180deg);\n transform: rotateZ(180deg);\n}\n.multiselect--above.multiselect--active .multiselect__current,\n.multiselect--above.multiselect--active .multiselect__input,\n.multiselect--above.multiselect--active .multiselect__tags {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.multiselect__input,\n.multiselect__single {\n position: relative;\n display: inline-block;\n min-height: 20px;\n line-height: 20px;\n border: none;\n border-radius: 5px;\n background: #fff;\n padding: 0 0 0 5px;\n width: calc(100%);\n -webkit-transition: border 0.1s ease;\n transition: border 0.1s ease;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-bottom: 8px;\n vertical-align: top;\n}\n.multiselect__input::-webkit-input-placeholder {\n color: #35495e;\n}\n.multiselect__input::-moz-placeholder {\n color: #35495e;\n}\n.multiselect__input:-ms-input-placeholder {\n color: #35495e;\n}\n.multiselect__input::-ms-input-placeholder {\n color: #35495e;\n}\n.multiselect__input::placeholder {\n color: #35495e;\n}\n.multiselect__tag ~ .multiselect__input,\n.multiselect__tag ~ .multiselect__single {\n width: auto;\n}\n.multiselect__input:hover,\n.multiselect__single:hover {\n border-color: #cfcfcf;\n}\n.multiselect__input:focus,\n.multiselect__single:focus {\n border-color: #a8a8a8;\n outline: none;\n}\n.multiselect__single {\n padding-left: 5px;\n margin-bottom: 8px;\n}\n.multiselect__tags-wrap {\n display: inline;\n}\n.multiselect__tags {\n min-height: 40px;\n display: block;\n padding: 8px 40px 0 8px;\n border-radius: 5px;\n border: 1px solid #e8e8e8;\n background: #fff;\n font-size: 14px;\n}\n.multiselect__tag {\n position: relative;\n display: inline-block;\n padding: 4px 26px 4px 10px;\n border-radius: 5px;\n margin-right: 10px;\n color: #fff;\n line-height: 1;\n background: #41b883;\n margin-bottom: 5px;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n}\n.multiselect__tag-icon {\n cursor: pointer;\n margin-left: 7px;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n font-weight: 700;\n font-style: initial;\n width: 22px;\n text-align: center;\n line-height: 22px;\n -webkit-transition: all 0.2s ease;\n transition: all 0.2s ease;\n border-radius: 5px;\n}\n.multiselect__tag-icon:after {\n content: \"×\";\n color: #266d4d;\n font-size: 14px;\n}\n.multiselect__tag-icon:focus,\n.multiselect__tag-icon:hover {\n background: #369a6e;\n}\n.multiselect__tag-icon:focus:after,\n.multiselect__tag-icon:hover:after {\n color: white;\n}\n.multiselect__current {\n line-height: 16px;\n min-height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: block;\n overflow: hidden;\n padding: 8px 12px 0;\n padding-right: 30px;\n white-space: nowrap;\n margin: 0;\n text-decoration: none;\n border-radius: 5px;\n border: 1px solid #e8e8e8;\n cursor: pointer;\n}\n.multiselect__select {\n line-height: 16px;\n display: block;\n position: absolute;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 40px;\n height: 38px;\n right: 1px;\n top: 1px;\n padding: 4px 8px;\n margin: 0;\n text-decoration: none;\n text-align: center;\n cursor: pointer;\n -webkit-transition: -webkit-transform 0.2s ease;\n transition: -webkit-transform 0.2s ease;\n transition: transform 0.2s ease;\n transition: transform 0.2s ease, -webkit-transform 0.2s ease;\n}\n.multiselect__select:before {\n position: relative;\n right: 0;\n top: 65%;\n color: #999;\n margin-top: 4px;\n border-style: solid;\n border-width: 5px 5px 0 5px;\n border-color: #999999 transparent transparent transparent;\n content: \"\";\n}\n.multiselect__placeholder {\n color: #adadad;\n display: inline-block;\n margin-bottom: 10px;\n padding-top: 2px;\n}\n.multiselect--active .multiselect__placeholder {\n display: none;\n}\n.multiselect__content-wrapper {\n position: absolute;\n display: block;\n background: #fff;\n width: 100%;\n max-height: 240px;\n overflow: auto;\n border: 1px solid #e8e8e8;\n border-top: none;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n z-index: 50;\n -webkit-overflow-scrolling: touch;\n}\n.multiselect__content {\n list-style: none;\n display: inline-block;\n padding: 0;\n margin: 0;\n min-width: 100%;\n vertical-align: top;\n}\n.multiselect--above .multiselect__content-wrapper {\n bottom: 100%;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n border-bottom: none;\n border-top: 1px solid #e8e8e8;\n}\n.multiselect__content::webkit-scrollbar {\n display: none;\n}\n.multiselect__element {\n display: block;\n}\n.multiselect__option {\n display: block;\n padding: 12px;\n min-height: 40px;\n line-height: 16px;\n text-decoration: none;\n text-transform: none;\n vertical-align: middle;\n position: relative;\n cursor: pointer;\n white-space: nowrap;\n}\n.multiselect__option:after {\n top: 0;\n right: 0;\n position: absolute;\n line-height: 40px;\n padding-right: 12px;\n padding-left: 20px;\n font-size: 13px;\n}\n.multiselect__option--highlight {\n background: #41b883;\n outline: none;\n color: white;\n}\n.multiselect__option--highlight:after {\n content: attr(data-select);\n background: #41b883;\n color: white;\n}\n.multiselect__option--selected {\n background: #f3f3f3;\n color: #35495e;\n font-weight: bold;\n}\n.multiselect__option--selected:after {\n content: attr(data-selected);\n color: silver;\n}\n.multiselect__option--selected.multiselect__option--highlight {\n background: #ff6a6a;\n color: #fff;\n}\n.multiselect__option--selected.multiselect__option--highlight:after {\n background: #ff6a6a;\n content: attr(data-deselect);\n color: #fff;\n}\n.multiselect--disabled .multiselect__current,\n.multiselect--disabled .multiselect__select {\n background: #ededed;\n color: #a6a6a6;\n}\n.multiselect__option--disabled {\n background: #ededed !important;\n color: #a6a6a6 !important;\n cursor: text;\n pointer-events: none;\n}\n.multiselect__option--group {\n background: #ededed;\n color: #35495e;\n}\n.multiselect__option--group.multiselect__option--highlight {\n background: #35495e;\n color: #fff;\n}\n.multiselect__option--group.multiselect__option--highlight:after {\n background: #35495e;\n}\n.multiselect__option--disabled.multiselect__option--highlight {\n background: #dedede;\n}\n.multiselect__option--group-selected.multiselect__option--highlight {\n background: #ff6a6a;\n color: #fff;\n}\n.multiselect__option--group-selected.multiselect__option--highlight:after {\n background: #ff6a6a;\n content: attr(data-deselect);\n color: #fff;\n}\n.multiselect-enter-active,\n.multiselect-leave-active {\n -webkit-transition: all 0.15s ease;\n transition: all 0.15s ease;\n}\n.multiselect-enter,\n.multiselect-leave-active {\n opacity: 0;\n}\n.multiselect__strong {\n margin-bottom: 8px;\n line-height: 20px;\n display: inline-block;\n vertical-align: top;\n}\n*[dir=\"rtl\"] .multiselect {\n text-align: right;\n}\n*[dir=\"rtl\"] .multiselect__select {\n right: auto;\n left: 1px;\n}\n*[dir=\"rtl\"] .multiselect__tags {\n padding: 8px 8px 0px 40px;\n}\n*[dir=\"rtl\"] .multiselect__content {\n text-align: right;\n}\n*[dir=\"rtl\"] .multiselect__option:after {\n right: auto;\n left: 0;\n}\n*[dir=\"rtl\"] .multiselect__clear {\n right: auto;\n left: 12px;\n}\n*[dir=\"rtl\"] .multiselect__spinner {\n right: auto;\n left: 1px;\n}\n@-webkit-keyframes spinning {\nfrom {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n}\nto {\n -webkit-transform: rotate(2turn);\n transform: rotate(2turn);\n}\n}\n@keyframes spinning {\nfrom {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n}\nto {\n -webkit-transform: rotate(2turn);\n transform: rotate(2turn);\n}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/Multiselect.vue"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/vue-multiselect.min.js b/dist/vue-multiselect.min.js index e6e91d39..aeadd051 100644 --- a/dist/vue-multiselect.min.js +++ b/dist/vue-multiselect.min.js @@ -1 +1 @@ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMultiselect=e():t.VueMultiselect=e()}(this,function(){return function(t){function e(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,i){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=60)}([function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var i=n(49)("wks"),r=n(30),o=n(0).Symbol,s="function"==typeof o;(t.exports=function(t){return i[t]||(i[t]=s&&o[t]||(s?o:r)("Symbol."+t))}).store=i},function(t,e,n){var i=n(5);t.exports=function(t){if(!i(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){var i=n(0),r=n(10),o=n(8),s=n(6),u=n(11),a=function(t,e,n){var l,c,f,p,h=t&a.F,d=t&a.G,v=t&a.S,g=t&a.P,y=t&a.B,m=d?i:v?i[e]||(i[e]={}):(i[e]||{}).prototype,b=d?r:r[e]||(r[e]={}),_=b.prototype||(b.prototype={});d&&(n=e);for(l in n)c=!h&&m&&void 0!==m[l],f=(c?m:n)[l],p=y&&c?u(f,i):g&&"function"==typeof f?u(Function.call,f):f,m&&s(m,l,f,t&a.U),b[l]!=f&&o(b,l,p),g&&_[l]!=f&&(_[l]=f)};i.core=r,a.F=1,a.G=2,a.S=4,a.P=8,a.B=16,a.W=32,a.U=64,a.R=128,t.exports=a},function(t,e,n){t.exports=!n(7)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){var i=n(0),r=n(8),o=n(12),s=n(30)("src"),u=Function.toString,a=(""+u).split("toString");n(10).inspectSource=function(t){return u.call(t)},(t.exports=function(t,e,n,u){var l="function"==typeof n;l&&(o(n,"name")||r(n,"name",e)),t[e]!==n&&(l&&(o(n,s)||r(n,s,t[e]?""+t[e]:a.join(String(e)))),t===i?t[e]=n:u?t[e]?t[e]=n:r(t,e,n):(delete t[e],r(t,e,n)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[s]||u.call(this)})},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var i=n(13),r=n(25);t.exports=n(4)?function(t,e,n){return i.f(t,e,r(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(14);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,r){return t.call(e,n,i,r)}}return function(){return t.apply(e,arguments)}}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var i=n(2),r=n(41),o=n(29),s=Object.defineProperty;e.f=n(4)?Object.defineProperty:function(t,e,n){if(i(t),e=o(e,!0),i(n),r)try{return s(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports={}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){"use strict";var i=n(7);t.exports=function(t,e){return!!t&&i(function(){e?t.call(null,function(){},1):t.call(null)})}},function(t,e,n){var i=n(23),r=n(16);t.exports=function(t){return i(r(t))}},function(t,e,n){var i=n(53),r=Math.min;t.exports=function(t){return t>0?r(i(t),9007199254740991):0}},function(t,e,n){var i=n(11),r=n(23),o=n(28),s=n(19),u=n(64);t.exports=function(t,e){var n=1==t,a=2==t,l=3==t,c=4==t,f=6==t,p=5==t||f,h=e||u;return function(e,u,d){for(var v,g,y=o(e),m=r(y),b=i(u,d,3),_=s(m.length),x=0,w=n?h(e,_):a?h(e,0):void 0;_>x;x++)if((p||x in m)&&(v=m[x],g=b(v,x,y),t))if(n)w[x]=g;else if(g)switch(t){case 3:return!0;case 5:return v;case 6:return x;case 2:w.push(v)}else if(c)return!1;return f?-1:l||c?c:w}}},function(t,e,n){var i=n(5),r=n(0).document,o=i(r)&&i(r.createElement);t.exports=function(t){return o?r.createElement(t):{}}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var i=n(9);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==i(t)?t.split(""):Object(t)}},function(t,e){t.exports=!1},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var i=n(13).f,r=n(12),o=n(1)("toStringTag");t.exports=function(t,e,n){t&&!r(t=n?t:t.prototype,o)&&i(t,o,{configurable:!0,value:e})}},function(t,e,n){var i=n(49)("keys"),r=n(30);t.exports=function(t){return i[t]||(i[t]=r(t))}},function(t,e,n){var i=n(16);t.exports=function(t){return Object(i(t))}},function(t,e,n){var i=n(5);t.exports=function(t,e){if(!i(t))return t;var n,r;if(e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;if("function"==typeof(n=t.valueOf)&&!i(r=n.call(t)))return r;if(!e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;throw TypeError("Can't convert object to primitive value")}},function(t,e){var n=0,i=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+i).toString(36))}},function(t,e,n){"use strict";var i=n(0),r=n(12),o=n(9),s=n(67),u=n(29),a=n(7),l=n(77).f,c=n(45).f,f=n(13).f,p=n(51).trim,h=i.Number,d=h,v=h.prototype,g="Number"==o(n(44)(v)),y="trim"in String.prototype,m=function(t){var e=u(t,!1);if("string"==typeof e&&e.length>2){e=y?e.trim():p(e,3);var n,i,r,o=e.charCodeAt(0);if(43===o||45===o){if(88===(n=e.charCodeAt(2))||120===n)return NaN}else if(48===o){switch(e.charCodeAt(1)){case 66:case 98:i=2,r=49;break;case 79:case 111:i=8,r=55;break;default:return+e}for(var s,a=e.slice(2),l=0,c=a.length;lr)return NaN;return parseInt(a,i)}}return+e};if(!h(" 0o1")||!h("0b1")||h("+0x1")){h=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof h&&(g?a(function(){v.valueOf.call(n)}):"Number"!=o(n))?s(new d(m(e)),n,h):m(e)};for(var b,_=n(4)?l(d):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),x=0;_.length>x;x++)r(d,b=_[x])&&!r(h,b)&&f(h,b,c(d,b));h.prototype=v,v.constructor=h,n(6)(i,"Number",h)}},function(t,e,n){"use strict";function i(t){return 0!==t&&(!(!Array.isArray(t)||0!==t.length)||!t)}function r(t){return function(){return!t.apply(void 0,arguments)}}function o(t,e){return void 0===t&&(t="undefined"),null===t&&(t="null"),!1===t&&(t="false"),-1!==t.toString().toLowerCase().indexOf(e.trim())}function s(t,e,n,i){return t.filter(function(t){return o(i(t,n),e)})}function u(t){return t.filter(function(t){return!t.$isLabel})}function a(t,e){return function(n){return n.reduce(function(n,i){return i[t]&&i[t].length?(n.push({$groupLabel:i[e],$isLabel:!0}),n.concat(i[t])):n},[])}}function l(t,e,i,r,o){return function(u){return u.map(function(u){var a;if(!u[i])return console.warn("Options passed to vue-multiselect do not contain groups, despite the config."),[];var l=s(u[i],t,e,o);return l.length?(a={},n.i(d.a)(a,r,u[r]),n.i(d.a)(a,i,l),a):[]})}}var c=n(59),f=n(54),p=(n.n(f),n(95)),h=(n.n(p),n(31)),d=(n.n(h),n(58)),v=n(91),g=(n.n(v),n(98)),y=(n.n(g),n(92)),m=(n.n(y),n(88)),b=(n.n(m),n(97)),_=(n.n(b),n(89)),x=(n.n(_),n(96)),w=(n.n(x),n(93)),S=(n.n(w),n(90)),O=(n.n(S),function(){for(var t=arguments.length,e=new Array(t),n=0;n-1},isSelected:function(t){var e=this.trackBy?t[this.trackBy]:t;return this.valueKeys.indexOf(e)>-1},isOptionDisabled:function(t){return!!t.$isDisabled},getOptionLabel:function(t){if(i(t))return"";if(t.isTag)return t.label;if(t.$isLabel)return t.$groupLabel;var e=this.customLabel(t,this.label);return i(e)?"":e},select:function(t,e){if(t.$isLabel&&this.groupSelect)return void this.selectGroup(t);if(!(-1!==this.blockKeys.indexOf(e)||this.disabled||t.$isDisabled||t.$isLabel)&&(!this.max||!this.multiple||this.internalValue.length!==this.max)&&("Tab"!==e||this.pointerDirty)){if(t.isTag)this.$emit("tag",t.label,this.id),this.search="",this.closeOnSelect&&!this.multiple&&this.deactivate();else{if(this.isSelected(t))return void("Tab"!==e&&this.removeElement(t));this.$emit("select",t,this.id),this.multiple?this.$emit("input",this.internalValue.concat([t]),this.id):this.$emit("input",t,this.id),this.clearOnSelect&&(this.search="")}this.closeOnSelect&&this.deactivate()}},selectGroup:function(t){var e=this,n=this.options.find(function(n){return n[e.groupLabel]===t.$groupLabel});if(n)if(this.wholeGroupSelected(n)){this.$emit("remove",n[this.groupValues],this.id);var i=this.internalValue.filter(function(t){return-1===n[e.groupValues].indexOf(t)});this.$emit("input",i,this.id)}else{var r=n[this.groupValues].filter(function(t){return!(e.isOptionDisabled(t)||e.isSelected(t))});this.$emit("select",r,this.id),this.$emit("input",this.internalValue.concat(r),this.id)}},wholeGroupSelected:function(t){var e=this;return t[this.groupValues].every(function(t){return e.isSelected(t)||e.isOptionDisabled(t)})},wholeGroupDisabled:function(t){return t[this.groupValues].every(this.isOptionDisabled)},removeElement:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!this.disabled&&!t.$isDisabled){if(!this.allowEmpty&&this.internalValue.length<=1)return void this.deactivate();var i="object"===n.i(c.a)(t)?this.valueKeys.indexOf(t[this.trackBy]):this.valueKeys.indexOf(t);if(this.$emit("remove",t,this.id),this.multiple){var r=this.internalValue.slice(0,i).concat(this.internalValue.slice(i+1));this.$emit("input",r,this.id)}else this.$emit("input",null,this.id);this.closeOnSelect&&e&&this.deactivate()}},removeLastElement:function(){-1===this.blockKeys.indexOf("Delete")&&0===this.search.length&&Array.isArray(this.internalValue)&&this.internalValue.length&&this.removeElement(this.internalValue[this.internalValue.length-1],!1)},activate:function(){var t=this;this.isOpen||this.disabled||(this.adjustPosition(),this.groupValues&&0===this.pointer&&this.filteredOptions.length&&(this.pointer=1),this.isOpen=!0,this.searchable?(this.preserveSearch||(this.search=""),this.$nextTick(function(){return t.$refs.search.focus()})):this.$el.focus(),this.$emit("open",this.id))},deactivate:function(){this.isOpen&&(this.isOpen=!1,this.searchable?this.$refs.search.blur():this.$el.blur(),this.preserveSearch||(this.search=""),this.$emit("close",this.getValue(),this.id))},toggle:function(){this.isOpen?this.deactivate():this.activate()},adjustPosition:function(){if("undefined"!=typeof window){var t=this.$el.getBoundingClientRect().top,e=window.innerHeight-this.$el.getBoundingClientRect().bottom;e>this.maxHeight||e>t||"below"===this.openDirection||"bottom"===this.openDirection?(this.preferredOpenDirection="below",this.optimizedHeight=Math.min(e-40,this.maxHeight)):(this.preferredOpenDirection="above",this.optimizedHeight=Math.min(t-40,this.maxHeight))}}}}},function(t,e,n){"use strict";var i=n(54),r=(n.n(i),n(31));n.n(r);e.a={data:function(){return{pointer:0,pointerDirty:!1}},props:{showPointer:{type:Boolean,default:!0},optionHeight:{type:Number,default:40}},computed:{pointerPosition:function(){return this.pointer*this.optionHeight},visibleElements:function(){return this.optimizedHeight/this.optionHeight}},watch:{filteredOptions:function(){this.pointerAdjust()},isOpen:function(){this.pointerDirty=!1}},methods:{optionHighlight:function(t,e){return{"multiselect__option--highlight":t===this.pointer&&this.showPointer,"multiselect__option--selected":this.isSelected(e)}},groupHighlight:function(t,e){var n=this;if(!this.groupSelect)return["multiselect__option--group","multiselect__option--disabled"];var i=this.options.find(function(t){return t[n.groupLabel]===e.$groupLabel});return i&&!this.wholeGroupDisabled(i)?["multiselect__option--group",{"multiselect__option--highlight":t===this.pointer&&this.showPointer},{"multiselect__option--group-selected":this.wholeGroupSelected(i)}]:"multiselect__option--disabled"},addPointerElement:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"Enter",e=t.key;this.filteredOptions.length>0&&this.select(this.filteredOptions[this.pointer],e),this.pointerReset()},pointerForward:function(){this.pointer0?(this.pointer--,this.$refs.list.scrollTop>=this.pointerPosition&&(this.$refs.list.scrollTop=this.pointerPosition),this.filteredOptions[this.pointer]&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerBackward()):this.filteredOptions[this.pointer]&&this.filteredOptions[0].$isLabel&&!this.groupSelect&&this.pointerForward(),this.pointerDirty=!0},pointerReset:function(){this.closeOnSelect&&(this.pointer=0,this.$refs.list&&(this.$refs.list.scrollTop=0))},pointerAdjust:function(){this.pointer>=this.filteredOptions.length-1&&(this.pointer=this.filteredOptions.length?this.filteredOptions.length-1:0),this.filteredOptions.length>0&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerForward()},pointerSet:function(t){this.pointer=t,this.pointerDirty=!0}}}},function(t,e,n){"use strict";var i=n(36),r=n(74),o=n(15),s=n(18);t.exports=n(72)(Array,"Array",function(t,e){this._t=s(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,r(1)):"keys"==e?r(0,n):"values"==e?r(0,t[n]):r(0,[n,t[n]])},"values"),o.Arguments=o.Array,i("keys"),i("values"),i("entries")},function(t,e,n){"use strict";var i=n(31),r=(n.n(i),n(32)),o=n(33);e.a={name:"vue-multiselect",mixins:[r.a,o.a],props:{name:{type:String,default:""},selectLabel:{type:String,default:"Press enter to select"},selectGroupLabel:{type:String,default:"Press enter to select group"},selectedLabel:{type:String,default:"Selected"},deselectLabel:{type:String,default:"Press enter to remove"},deselectGroupLabel:{type:String,default:"Press enter to deselect group"},showLabels:{type:Boolean,default:!0},limit:{type:Number,default:99999},maxHeight:{type:Number,default:300},limitText:{type:Function,default:function(t){return"and ".concat(t," more")}},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},openDirection:{type:String,default:""},showNoOptions:{type:Boolean,default:!0},showNoResults:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},computed:{isSingleLabelVisible:function(){return(this.singleValue||0===this.singleValue)&&(!this.isOpen||!this.searchable)&&!this.visibleValues.length},isPlaceholderVisible:function(){return!(this.internalValue.length||this.searchable&&this.isOpen)},visibleValues:function(){return this.multiple?this.internalValue.slice(0,this.limit):[]},singleValue:function(){return this.internalValue[0]},deselectLabelText:function(){return this.showLabels?this.deselectLabel:""},deselectGroupLabelText:function(){return this.showLabels?this.deselectGroupLabel:""},selectLabelText:function(){return this.showLabels?this.selectLabel:""},selectGroupLabelText:function(){return this.showLabels?this.selectGroupLabel:""},selectedLabelText:function(){return this.showLabels?this.selectedLabel:""},inputStyle:function(){if(this.searchable||this.multiple&&this.value&&this.value.length)return this.isOpen?{width:"100%"}:{width:"0",position:"absolute",padding:"0"}},contentStyle:function(){return this.options.length?{display:"inline-block"}:{display:"block"}},isAbove:function(){return"above"===this.openDirection||"top"===this.openDirection||"below"!==this.openDirection&&"bottom"!==this.openDirection&&"above"===this.preferredOpenDirection},showSearchInput:function(){return this.searchable&&(!this.hasSingleSelectedSlot||!this.visibleSingleValue&&0!==this.visibleSingleValue||this.isOpen)}}}},function(t,e,n){var i=n(1)("unscopables"),r=Array.prototype;void 0==r[i]&&n(8)(r,i,{}),t.exports=function(t){r[i][t]=!0}},function(t,e,n){var i=n(18),r=n(19),o=n(85);t.exports=function(t){return function(e,n,s){var u,a=i(e),l=r(a.length),c=o(s,l);if(t&&n!=n){for(;l>c;)if((u=a[c++])!=u)return!0}else for(;l>c;c++)if((t||c in a)&&a[c]===n)return t||c||0;return!t&&-1}}},function(t,e,n){var i=n(9),r=n(1)("toStringTag"),o="Arguments"==i(function(){return arguments}()),s=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=s(e=Object(t),r))?n:o?i(e):"Object"==(u=i(e))&&"function"==typeof e.callee?"Arguments":u}},function(t,e,n){"use strict";var i=n(2);t.exports=function(){var t=i(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},function(t,e,n){var i=n(0).document;t.exports=i&&i.documentElement},function(t,e,n){t.exports=!n(4)&&!n(7)(function(){return 7!=Object.defineProperty(n(21)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var i=n(9);t.exports=Array.isArray||function(t){return"Array"==i(t)}},function(t,e,n){"use strict";function i(t){var e,n;this.promise=new t(function(t,i){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=i}),this.resolve=r(e),this.reject=r(n)}var r=n(14);t.exports.f=function(t){return new i(t)}},function(t,e,n){var i=n(2),r=n(76),o=n(22),s=n(27)("IE_PROTO"),u=function(){},a=function(){var t,e=n(21)("iframe"),i=o.length;for(e.style.display="none",n(40).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write(" \ No newline at end of file +})() \ No newline at end of file diff --git a/docs/static/css/app.4024356b3bf3fd5b732150cb70dfadbb.css.map b/docs/static/css/app.4024356b3bf3fd5b732150cb70dfadbb.css.map deleted file mode 100644 index 94c1fefc..00000000 --- a/docs/static/css/app.4024356b3bf3fd5b732150cb70dfadbb.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack:///webpack:///src/Multiselect.vue","webpack:///webpack:///documentation/partials/examples/MultiSelect.vue","webpack:///webpack:///documentation/partials/examples/AjaxSearch.vue","webpack:///webpack:///documentation/partials/examples/CustomOption.vue","webpack:///webpack:///documentation/partials/examples/CustomConfig.vue","webpack:///webpack:///documentation/MultiselectExample.vue"],"names":[],"mappings":";AACA;EACE,qBAAqB;CACtB;AACD;EACE,mBAAmB;EACnB,WAAW;EACX,SAAS;EACT,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,eAAe;CAChB;AACD;;EAEE,mBAAmB;EACnB,YAAY;EACZ,SAAS;EACT,UAAU;EACV,sBAAsB;EACtB,YAAY;EACZ,aAAa;EACb,oBAAoB;EACpB,8CAA8C;EAC9C,oBAAoB;EACpB,kBAAkB;EAClB,kCAAkC;CACnC;AACD;EACE,6DAA6D;EAC7D,oCAAoC;CACrC;AACD;EACE,6DAA6D;EAC7D,oCAAoC;CACrC;AACD;;EAEE,qCAAqC;EACrC,WAAW;CACZ;AACD;;EAEE,WAAW;CACZ;AACD;;;EAGE,qBAAqB;EACrB,gBAAgB;EAChB,+BAA+B;MAC3B,2BAA2B;CAChC;AACD;EACE,wBAAwB;EACxB,eAAe;EACf,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,uBAAuB;CACxB;AACD;EACE,cAAc;CACf;AACD;EACE,oBAAoB;EACpB,qBAAqB;EACrB,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;;;EAGE,6BAA6B;EAC7B,8BAA8B;CAC/B;AACD;EACE,2BAA2B;CAC5B;AACD;;;EAGE,0BAA0B;EAC1B,2BAA2B;CAC5B;AACD;;EAEE,mBAAmB;EACnB,sBAAsB;EACtB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,mBAAmB;EACnB,kBAAkB;EAClB,6BAA6B;EAC7B,uBAAuB;EACvB,mBAAmB;EACnB,oBAAoB;CACrB;AACD;EACE,eAAe;CAChB;AACD;EACE,eAAe;CAChB;AACD;;EAEE,YAAY;CACb;AACD;;EAEE,sBAAsB;CACvB;AACD;;EAEE,sBAAsB;EACtB,cAAc;CACf;AACD;EACE,kBAAkB;EAClB,mBAAmB;CACpB;AACD;EACE,gBAAgB;CACjB;AACD;EACE,iBAAiB;EACjB,eAAe;EACf,wBAAwB;EACxB,mBAAmB;EACnB,0BAA0B;EAC1B,iBAAiB;EACjB,gBAAgB;CACjB;AACD;EACE,mBAAmB;EACnB,sBAAsB;EACtB,2BAA2B;EAC3B,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;EACjB,gBAAgB;EAChB,wBAAwB;CACzB;AACD;EACE,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;EACnB,SAAS;EACT,OAAO;EACP,UAAU;EACV,iBAAiB;EACjB,oBAAoB;EACpB,YAAY;EACZ,mBAAmB;EACnB,kBAAkB;EAClB,0BAA0B;EAC1B,mBAAmB;CACpB;AACD;EACE,eAAa;EACb,eAAe;EACf,gBAAgB;CACjB;AACD;;EAEE,oBAAoB;CACrB;AACD;;EAEE,aAAa;CACd;AACD;EACE,kBAAkB;EAClB,iBAAiB;EACjB,uBAAuB;EACvB,eAAe;EACf,iBAAiB;EACjB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,UAAU;EACV,sBAAsB;EACtB,mBAAmB;EACnB,0BAA0B;EAC1B,gBAAgB;CACjB;AACD;EACE,kBAAkB;EAClB,eAAe;EACf,mBAAmB;EACnB,uBAAuB;EACvB,YAAY;EACZ,aAAa;EACb,WAAW;EACX,SAAS;EACT,iBAAiB;EACjB,UAAU;EACV,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;EAChB,gCAAgC;CACjC;AACD;EACE,mBAAmB;EACnB,SAAS;EACT,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,oBAAoB;EACpB,4BAA4B;EAC5B,0DAA0D;EAC1D,YAAY;CACb;AACD;EACE,eAAe;EACf,sBAAsB;EACtB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,cAAc;CACf;AACD;EACE,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,0BAA0B;EAC1B,iBAAiB;EACjB,+BAA+B;EAC/B,gCAAgC;EAChC,YAAY;EACZ,kCAAkC;CACnC;AACD;EACE,iBAAiB;EACjB,sBAAsB;EACtB,WAAW;EACX,UAAU;EACV,gBAAgB;EAChB,oBAAoB;CACrB;AACD;EACE,aAAa;EACb,6BAA6B;EAC7B,8BAA8B;EAC9B,4BAA4B;EAC5B,6BAA6B;EAC7B,oBAAoB;EACpB,8BAA8B;CAC/B;AACD;EACE,cAAc;CACf;AACD;EACE,eAAe;CAChB;AACD;EACE,eAAe;EACf,cAAc;EACd,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB;EACtB,qBAAqB;EACrB,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,oBAAoB;CACrB;AACD;EACE,OAAO;EACP,SAAS;EACT,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB;EACpB,mBAAmB;EACnB,gBAAgB;CACjB;AACD;EACE,oBAAoB;EACpB,cAAc;EACd,aAAa;CACd;AACD;EACE,2BAA2B;EAC3B,oBAAoB;EACpB,aAAa;CACd;AACD;EACE,oBAAoB;EACpB,eAAe;EACf,kBAAkB;CACnB;AACD;EACE,6BAA6B;EAC7B,cAAc;CACf;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;EACpB,6BAA6B;EAC7B,YAAY;CACb;AACD;;EAEE,oBAAoB;EACpB,eAAe;CAChB;AACD;EACE,+BAA+B;EAC/B,0BAA0B;EAC1B,aAAa;EACb,qBAAqB;CACtB;AACD;EACE,oBAAoB;EACpB,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,oBAAoB;CACrB;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;EACpB,6BAA6B;EAC7B,YAAY;CACb;AACD;;EAEE,2BAA2B;CAC5B;AACD;;EAEE,WAAW;CACZ;AACD;EACE,mBAAmB;EACnB,kBAAkB;EAClB,sBAAsB;EACtB,oBAAoB;CACrB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,YAAY;EACZ,UAAU;CACX;AACD;EACE,0BAA0B;CAC3B;AACD;EACE,kBAAkB;CACnB;AACD;EACE,YAAY;EACZ,QAAQ;CACT;AACD;EACE,YAAY;EACZ,WAAW;CACZ;AACD;EACE,YAAY;EACZ,UAAU;CACX;AACD;AACA;IACI,qBAAqB;CACxB;AACD;IACI,yBAAyB;CAC5B;CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjZD;EACE,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,gBAAgB;CACjB;AACD;IACI,oBAAoB;CACvB;AACD;IACI,oBAAoB;CACvB;AACD;EACE,aAAa;EACb,gBAAgB;EAChB,iBAAiB;CAClB;;ACnBD;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,eAAe;EACf,gBAAgB;EAChB,WAAW;CACZ;AACD;IACI,YAAY;IACZ,eAAe;IACf,mBAAmB;IACnB,WAAW;IACX,aAAa;IACb,iBAAiB;IACjB,UAAU;IACV,WAAW;CACd;AACD;IACI,yBAAyB;CAC5B;AACD;IACI,0BAA0B;CAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxBD;EACE,iBAAiB;EACjB,mBAAmB;EACnB,sBAAsB;EACtB,uBAAuB;CACxB;AACD;EACE,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;CACpB;AACD;EACE,qBAAqB;CACtB;AACD;EACE,sBAAsB;EACtB,eAAe;CAChB;;ACjBD;EACE,2BAA2B;CAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACFD;EACE,uBAAuB;EACvB,aAAa;CACd;AACD;EACE,uBAAuB;EACvB,sBAAsB;EACtB,iBAAiB;EACjB,YAAY;CACb","file":"static/css/app.4024356b3bf3fd5b732150cb70dfadbb.css","sourcesContent":["\nfieldset[disabled] .multiselect {\n pointer-events: none;\n}\n.multiselect__spinner {\n position: absolute;\n right: 1px;\n top: 1px;\n width: 48px;\n height: 35px;\n background: #fff;\n display: block;\n}\n.multiselect__spinner:before,\n.multiselect__spinner:after {\n position: absolute;\n content: \"\";\n top: 50%;\n left: 50%;\n margin: -8px 0 0 -8px;\n width: 16px;\n height: 16px;\n border-radius: 100%;\n border-color: #41b883 transparent transparent;\n border-style: solid;\n border-width: 2px;\n box-shadow: 0 0 0 1px transparent;\n}\n.multiselect__spinner:before {\n animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);\n animation-iteration-count: infinite;\n}\n.multiselect__spinner:after {\n animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);\n animation-iteration-count: infinite;\n}\n.multiselect__loading-enter-active,\n.multiselect__loading-leave-active {\n transition: opacity 0.4s ease-in-out;\n opacity: 1;\n}\n.multiselect__loading-enter,\n.multiselect__loading-leave-active {\n opacity: 0;\n}\n.multiselect,\n.multiselect__input,\n.multiselect__single {\n font-family: inherit;\n font-size: 16px;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n}\n.multiselect {\n box-sizing: content-box;\n display: block;\n position: relative;\n width: 100%;\n min-height: 40px;\n text-align: left;\n color: #35495e;\n}\n.multiselect * {\n box-sizing: border-box;\n}\n.multiselect:focus {\n outline: none;\n}\n.multiselect--disabled {\n background: #ededed;\n pointer-events: none;\n opacity: 0.6;\n}\n.multiselect--active {\n z-index: 50;\n}\n.multiselect--active:not(.multiselect--above) .multiselect__current,\n.multiselect--active:not(.multiselect--above) .multiselect__input,\n.multiselect--active:not(.multiselect--above) .multiselect__tags {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.multiselect--active .multiselect__select {\n transform: rotateZ(180deg);\n}\n.multiselect--above.multiselect--active .multiselect__current,\n.multiselect--above.multiselect--active .multiselect__input,\n.multiselect--above.multiselect--active .multiselect__tags {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.multiselect__input,\n.multiselect__single {\n position: relative;\n display: inline-block;\n min-height: 20px;\n line-height: 20px;\n border: none;\n border-radius: 5px;\n background: #fff;\n padding: 0 0 0 5px;\n width: calc(100%);\n transition: border 0.1s ease;\n box-sizing: border-box;\n margin-bottom: 8px;\n vertical-align: top;\n}\n.multiselect__input:-ms-input-placeholder {\n color: #35495e;\n}\n.multiselect__input::placeholder {\n color: #35495e;\n}\n.multiselect__tag ~ .multiselect__input,\n.multiselect__tag ~ .multiselect__single {\n width: auto;\n}\n.multiselect__input:hover,\n.multiselect__single:hover {\n border-color: #cfcfcf;\n}\n.multiselect__input:focus,\n.multiselect__single:focus {\n border-color: #a8a8a8;\n outline: none;\n}\n.multiselect__single {\n padding-left: 5px;\n margin-bottom: 8px;\n}\n.multiselect__tags-wrap {\n display: inline;\n}\n.multiselect__tags {\n min-height: 40px;\n display: block;\n padding: 8px 40px 0 8px;\n border-radius: 5px;\n border: 1px solid #e8e8e8;\n background: #fff;\n font-size: 14px;\n}\n.multiselect__tag {\n position: relative;\n display: inline-block;\n padding: 4px 26px 4px 10px;\n border-radius: 5px;\n margin-right: 10px;\n color: #fff;\n line-height: 1;\n background: #41b883;\n margin-bottom: 5px;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n}\n.multiselect__tag-icon {\n cursor: pointer;\n margin-left: 7px;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n font-weight: 700;\n font-style: initial;\n width: 22px;\n text-align: center;\n line-height: 22px;\n transition: all 0.2s ease;\n border-radius: 5px;\n}\n.multiselect__tag-icon:after {\n content: \"×\";\n color: #266d4d;\n font-size: 14px;\n}\n.multiselect__tag-icon:focus,\n.multiselect__tag-icon:hover {\n background: #369a6e;\n}\n.multiselect__tag-icon:focus:after,\n.multiselect__tag-icon:hover:after {\n color: white;\n}\n.multiselect__current {\n line-height: 16px;\n min-height: 40px;\n box-sizing: border-box;\n display: block;\n overflow: hidden;\n padding: 8px 12px 0;\n padding-right: 30px;\n white-space: nowrap;\n margin: 0;\n text-decoration: none;\n border-radius: 5px;\n border: 1px solid #e8e8e8;\n cursor: pointer;\n}\n.multiselect__select {\n line-height: 16px;\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 40px;\n height: 38px;\n right: 1px;\n top: 1px;\n padding: 4px 8px;\n margin: 0;\n text-decoration: none;\n text-align: center;\n cursor: pointer;\n transition: transform 0.2s ease;\n}\n.multiselect__select:before {\n position: relative;\n right: 0;\n top: 65%;\n color: #999;\n margin-top: 4px;\n border-style: solid;\n border-width: 5px 5px 0 5px;\n border-color: #999999 transparent transparent transparent;\n content: \"\";\n}\n.multiselect__placeholder {\n color: #adadad;\n display: inline-block;\n margin-bottom: 10px;\n padding-top: 2px;\n}\n.multiselect--active .multiselect__placeholder {\n display: none;\n}\n.multiselect__content-wrapper {\n position: absolute;\n display: block;\n background: #fff;\n width: 100%;\n max-height: 240px;\n overflow: auto;\n border: 1px solid #e8e8e8;\n border-top: none;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n z-index: 50;\n -webkit-overflow-scrolling: touch;\n}\n.multiselect__content {\n list-style: none;\n display: inline-block;\n padding: 0;\n margin: 0;\n min-width: 100%;\n vertical-align: top;\n}\n.multiselect--above .multiselect__content-wrapper {\n bottom: 100%;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n border-bottom: none;\n border-top: 1px solid #e8e8e8;\n}\n.multiselect__content::webkit-scrollbar {\n display: none;\n}\n.multiselect__element {\n display: block;\n}\n.multiselect__option {\n display: block;\n padding: 12px;\n min-height: 40px;\n line-height: 16px;\n text-decoration: none;\n text-transform: none;\n vertical-align: middle;\n position: relative;\n cursor: pointer;\n white-space: nowrap;\n}\n.multiselect__option:after {\n top: 0;\n right: 0;\n position: absolute;\n line-height: 40px;\n padding-right: 12px;\n padding-left: 20px;\n font-size: 13px;\n}\n.multiselect__option--highlight {\n background: #41b883;\n outline: none;\n color: white;\n}\n.multiselect__option--highlight:after {\n content: attr(data-select);\n background: #41b883;\n color: white;\n}\n.multiselect__option--selected {\n background: #f3f3f3;\n color: #35495e;\n font-weight: bold;\n}\n.multiselect__option--selected:after {\n content: attr(data-selected);\n color: silver;\n}\n.multiselect__option--selected.multiselect__option--highlight {\n background: #ff6a6a;\n color: #fff;\n}\n.multiselect__option--selected.multiselect__option--highlight:after {\n background: #ff6a6a;\n content: attr(data-deselect);\n color: #fff;\n}\n.multiselect--disabled .multiselect__current,\n.multiselect--disabled .multiselect__select {\n background: #ededed;\n color: #a6a6a6;\n}\n.multiselect__option--disabled {\n background: #ededed !important;\n color: #a6a6a6 !important;\n cursor: text;\n pointer-events: none;\n}\n.multiselect__option--group {\n background: #ededed;\n color: #35495e;\n}\n.multiselect__option--group.multiselect__option--highlight {\n background: #35495e;\n color: #fff;\n}\n.multiselect__option--group.multiselect__option--highlight:after {\n background: #35495e;\n}\n.multiselect__option--disabled.multiselect__option--highlight {\n background: #dedede;\n}\n.multiselect__option--group-selected.multiselect__option--highlight {\n background: #ff6a6a;\n color: #fff;\n}\n.multiselect__option--group-selected.multiselect__option--highlight:after {\n background: #ff6a6a;\n content: attr(data-deselect);\n color: #fff;\n}\n.multiselect-enter-active,\n.multiselect-leave-active {\n transition: all 0.15s ease;\n}\n.multiselect-enter,\n.multiselect-leave-active {\n opacity: 0;\n}\n.multiselect__strong {\n margin-bottom: 8px;\n line-height: 20px;\n display: inline-block;\n vertical-align: top;\n}\n*[dir=\"rtl\"] .multiselect {\n text-align: right;\n}\n*[dir=\"rtl\"] .multiselect__select {\n right: auto;\n left: 1px;\n}\n*[dir=\"rtl\"] .multiselect__tags {\n padding: 8px 8px 0px 40px;\n}\n*[dir=\"rtl\"] .multiselect__content {\n text-align: right;\n}\n*[dir=\"rtl\"] .multiselect__option:after {\n right: auto;\n left: 0;\n}\n*[dir=\"rtl\"] .multiselect__clear {\n right: auto;\n left: 12px;\n}\n*[dir=\"rtl\"] .multiselect__spinner {\n right: auto;\n left: 1px;\n}\n@keyframes spinning {\nfrom {\n transform: rotate(0);\n}\nto {\n transform: rotate(2turn);\n}\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/Multiselect.vue","\n.custom__tag {\n display: inline-block;\n padding: 3px 12px;\n background: #d2d7ff;\n margin-right: 8px;\n margin-bottom: 8px;\n border-radius: 10px;\n cursor: pointer;\n}\n.custom__tag:nth-child(even) {\n background: #daffee;\n}\n.custom__tag:hover {\n background: #eaeaea;\n}\n.custom__remove {\n padding: 0px;\n font-size: 10px;\n margin-left: 5px;\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///documentation/partials/examples/MultiSelect.vue","\n.multiselect__clear {\n position: absolute;\n right: 41px;\n height: 40px;\n width: 40px;\n display: block;\n cursor: pointer;\n z-index: 3;\n}\n.multiselect__clear:before, .multiselect__clear:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 3px;\n height: 16px;\n background: #aaa;\n top: 12px;\n right: 4px;\n}\n.multiselect__clear:before {\n transform: rotate(45deg);\n}\n.multiselect__clear:after {\n transform: rotate(-45deg);\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///documentation/partials/examples/AjaxSearch.vue","\n.option__image {\n max-height: 80px;\n margin-right: 10px;\n display: inline-block;\n vertical-align: middle;\n}\n.option__desc {\n display: inline-block;\n vertical-align: middle;\n padding: rem(10px);\n}\n.option__title {\n font-size: rem(24px);\n}\n.option__small {\n margin-top: rem(10px);\n display: block;\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///documentation/partials/examples/CustomOption.vue","\n.form__label {\n margin-top: 5px !important;\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///documentation/partials/examples/CustomConfig.vue","\n.badge__img {\n vertical-align: middle;\n float: right;\n}\n.badge__name {\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n float: left;\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///documentation/MultiselectExample.vue"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/static/css/app.4024356b3bf3fd5b732150cb70dfadbb.css b/docs/static/css/app.7d9fbfc269a366780aef1e7a8bc8ea40.css similarity index 66% rename from docs/static/css/app.4024356b3bf3fd5b732150cb70dfadbb.css rename to docs/static/css/app.7d9fbfc269a366780aef1e7a8bc8ea40.css index 29e00c12..da533f73 100644 --- a/docs/static/css/app.4024356b3bf3fd5b732150cb70dfadbb.css +++ b/docs/static/css/app.7d9fbfc269a366780aef1e7a8bc8ea40.css @@ -1,2 +1,2 @@ -@import url(https://fonts.googleapis.com/css?family=Lato:700,400);@import url(https://fonts.googleapis.com/css?family=Dosis:400);fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:a 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:a 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:3}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 12px 0;padding-right:30px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0;border-color:#999 transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:3;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}.custom__tag{display:inline-block;padding:3px 12px;background:#d2d7ff;margin-right:8px;margin-bottom:8px;border-radius:10px;cursor:pointer}.custom__tag:nth-child(2n){background:#daffee}.custom__tag:hover{background:#eaeaea}.custom__remove{padding:0;font-size:10px;margin-left:5px}.multiselect__clear{position:absolute;right:41px;height:40px;width:40px;display:block;cursor:pointer;z-index:2}.multiselect__clear:after,.multiselect__clear:before{content:"";display:block;position:absolute;width:3px;height:16px;background:#aaa;top:12px;right:4px}.multiselect__clear:before{transform:rotate(45deg)}.multiselect__clear:after{transform:rotate(-45deg)}.option__image{max-height:80px;margin-right:10px}.option__desc,.option__image{display:inline-block;vertical-align:middle}.option__desc{padding:rem(10px)}.option__title{font-size:rem(24px)}.option__small{margin-top:rem(10px);display:block}.form__label{margin-top:5px!important}.badge__img{vertical-align:middle;float:right}.badge__name{vertical-align:middle;display:inline-block;margin-left:5px;float:left} -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@keyframes a{0%{transform:rotate(0)}to{transform:rotate(2turn)}}body{color:#374853;font-size:16px}::selection{background:#41b883;color:#fff}.typo__h1,.typo__h2,.typo__h3,.typo__h4,.typo__h5{margin-top:0;margin-bottom:1rem;color:#374853;line-height:1.2}.typo__h1,h1{font-family:Dosis,sans-serif;font-weight:700;font-size:2rem;margin:.625rem 0 2.5rem}@media only screen and (min-width:640px){.typo__h1,h1{font-size:2.5rem}}@media only screen and (min-width:1024px){.typo__h1,h1{font-size:2.5rem}}.typo__h2,h2{font-family:Dosis,sans-serif;font-weight:700;font-size:1.625rem;padding-top:1.25rem}@media only screen and (min-width:640px){.typo__h2,h2{font-size:1.8rem}}@media only screen and (min-width:1024px){.typo__h2,h2{font-size:1.8rem}}.typo__h3,h3{font-family:Dosis,sans-serif;font-weight:700;font-size:1.375rem}@media only screen and (min-width:640px){.typo__h3,h3{font-size:1.5rem}}@media only screen and (min-width:1024px){.typo__h3,h3{font-size:1.5rem}}.typo__h4,h4{font-family:Lato,sans-serif;font-weight:700;font-size:1.375rem;margin:.625rem 0 0}@media only screen and (min-width:640px){.typo__h4,h4{font-size:1.25rem}}@media only screen and (min-width:1024px){.typo__h4,h4{font-size:1.125rem}}.typo__p,p{margin-top:0;margin-bottom:1rem;line-height:1.8;font-family:Lato,sans-serif;font-weight:400;font-size:1rem}@media only screen and (min-width:640px){.typo__p,p{font-size:1.125rem}}@media only screen and (min-width:1024px){.typo__p,p{font-size:1.125rem}}.typo__blockquote{font-family:Dosis,sans-serif;font-size:1rem;color:#939ea5;margin:0;border-left:1px solid #e8e8e8;padding:.3125rem 1.25rem;line-height:1.8;text-align:left}.typo__blockquote cite{font-size:.875rem;font-weight:700;font-family:Lato,sans-serif;font-style:normal;margin-top:6px;display:block;color:#374853}.typo__blockquote cite:before{content:"\2014 "}.typo__hr,hr{border:none;border-bottom:1px solid #e8e8e8;margin:1.875rem 0;outline:none}.typo__link{color:#41b883;text-decoration:none;font-weight:700}.typo__label{font-weight:400;font-size:.875rem;color:#bbb;margin:1.25rem 0 .625rem}.typo__label,.typo__text{font-family:Lato,sans-serif;display:block}.typo__text{font-size:1rem;margin:0;line-height:1.4}.typo--bold,strong{font-weight:700}code:not([class*=language-]),kbd{color:#41b883;padding:3px 5px;border-radius:4px;background:#f3f3f3;font-size:.9375rem}pre{font-size:.875rem}body,html{font-size:100%;height:100%}html{overflow-y:auto;box-sizing:border-box}*,:after,:before{box-sizing:inherit}.grid__column,.grid__columns{box-sizing:border-box;display:inline-block;font-size:1rem;margin:0;text-align:left;vertical-align:top;width:100%;position:relative;padding:0 20px}.grid__column--centered{display:block;margin:0 auto}.grid__row--middle .grid__column,.grid__row--middle .grid__columns{vertical-align:middle}.grid__row--bottom .grid__column,.grid__row--bottom .grid__columns{vertical-align:bottom}.grid__row{display:block;font-size:0;margin:0 auto;box-sizing:border-box;padding:0;text-align:left;max-width:1400px}.grid__row:after,.grid__row:before{content:"";display:table}.grid__row:after{clear:both}.grid__row .grid__row{margin:0 -20px}.grid__row.grid__row--collapse>.grid__column{padding-left:0;padding-right:0}.grid__row--full{max-width:100%}.grid__row--centered{text-align:center}.grid__push--small-reset{left:auto!important;right:auto!important}.blocks{margin:0 -10px}.blocks .blocks__element{position:relative;float:left;box-sizing:border-box;transition:background .2s ease;margin:10px}.grid__unit--sm-1{width:8.33333%}.grid__push--sm-1{left:8.33333%;right:auto}.grid__pull--sm-1{right:8.33333%;left:auto}.grid__offset--sm-1{margin-left:8.33333%}.blocks--sm-1 .blocks__element{width:calc(100% - 20px)}.grid__unit--sm-2{width:16.66667%}.grid__push--sm-2{left:16.66667%;right:auto}.grid__pull--sm-2{right:16.66667%;left:auto}.grid__offset--sm-2{margin-left:16.66667%}.blocks--sm-2 .blocks__element{width:calc(50% - 20px)}.grid__unit--sm-3{width:25%}.grid__push--sm-3{left:25%;right:auto}.grid__pull--sm-3{right:25%;left:auto}.grid__offset--sm-3{margin-left:25%}.blocks--sm-3 .blocks__element{width:calc(33.33333% - 20px)}.grid__unit--sm-4{width:33.33333%}.grid__push--sm-4{left:33.33333%;right:auto}.grid__pull--sm-4{right:33.33333%;left:auto}.grid__offset--sm-4{margin-left:33.33333%}.blocks--sm-4 .blocks__element{width:calc(25% - 20px)}.grid__unit--sm-5{width:41.66667%}.grid__push--sm-5{left:41.66667%;right:auto}.grid__pull--sm-5{right:41.66667%;left:auto}.grid__offset--sm-5{margin-left:41.66667%}.blocks--sm-5 .blocks__element{width:calc(20% - 20px)}.grid__unit--sm-6{width:50%}.grid__push--sm-6{left:50%;right:auto}.grid__pull--sm-6{right:50%;left:auto}.grid__offset--sm-6{margin-left:50%}.blocks--sm-6 .blocks__element{width:calc(16.66667% - 20px)}.grid__unit--sm-7{width:58.33333%}.grid__push--sm-7{left:58.33333%;right:auto}.grid__pull--sm-7{right:58.33333%;left:auto}.grid__offset--sm-7{margin-left:58.33333%}.blocks--sm-7 .blocks__element{width:calc(14.28571% - 20px)}.grid__unit--sm-8{width:66.66667%}.grid__push--sm-8{left:66.66667%;right:auto}.grid__pull--sm-8{right:66.66667%;left:auto}.grid__offset--sm-8{margin-left:66.66667%}.blocks--sm-8 .blocks__element{width:calc(12.5% - 20px)}.grid__unit--sm-9{width:75%}.grid__push--sm-9{left:75%;right:auto}.grid__pull--sm-9{right:75%;left:auto}.grid__offset--sm-9{margin-left:75%}.blocks--sm-9 .blocks__element{width:calc(11.11111% - 20px)}.grid__unit--sm-10{width:83.33333%}.grid__push--sm-10{left:83.33333%;right:auto}.grid__pull--sm-10{right:83.33333%;left:auto}.grid__offset--sm-10{margin-left:83.33333%}.blocks--sm-10 .blocks__element{width:calc(10% - 20px)}.grid__unit--sm-11{width:91.66667%}.grid__push--sm-11{left:91.66667%;right:auto}.grid__pull--sm-11{right:91.66667%;left:auto}.grid__offset--sm-11{margin-left:91.66667%}.blocks--sm-11 .blocks__element{width:calc(9.09091% - 20px)}.grid__unit--sm-12{width:100%}.grid__push--sm-12{left:100%;right:auto}.grid__pull--sm-12{right:100%;left:auto}.grid__offset--sm-12{margin-left:100%}.blocks--sm-12 .blocks__element{width:calc(8.33333% - 20px)}@media only screen and (min-width:640px){body,html{overflow-x:initial}.grid__push--md-reset{left:auto;right:auto}.grid__unit--md-1{width:8.33333%}.grid__push--md-1{left:8.33333%;right:auto}.grid__pull--md-1{right:8.33333%;left:auto}.grid__offset--md-1{margin-left:8.33333%}.blocks--md-1 .blocks__element{width:calc(100% - 20px)}.grid__unit--md-2{width:16.66667%}.grid__push--md-2{left:16.66667%;right:auto}.grid__pull--md-2{right:16.66667%;left:auto}.grid__offset--md-2{margin-left:16.66667%}.blocks--md-2 .blocks__element{width:calc(50% - 20px)}.grid__unit--md-3{width:25%}.grid__push--md-3{left:25%;right:auto}.grid__pull--md-3{right:25%;left:auto}.grid__offset--md-3{margin-left:25%}.blocks--md-3 .blocks__element{width:calc(33.33333% - 20px)}.grid__unit--md-4{width:33.33333%}.grid__push--md-4{left:33.33333%;right:auto}.grid__pull--md-4{right:33.33333%;left:auto}.grid__offset--md-4{margin-left:33.33333%}.blocks--md-4 .blocks__element{width:calc(25% - 20px)}.grid__unit--md-5{width:41.66667%}.grid__push--md-5{left:41.66667%;right:auto}.grid__pull--md-5{right:41.66667%;left:auto}.grid__offset--md-5{margin-left:41.66667%}.blocks--md-5 .blocks__element{width:calc(20% - 20px)}.grid__unit--md-6{width:50%}.grid__push--md-6{left:50%;right:auto}.grid__pull--md-6{right:50%;left:auto}.grid__offset--md-6{margin-left:50%}.blocks--md-6 .blocks__element{width:calc(16.66667% - 20px)}.grid__unit--md-7{width:58.33333%}.grid__push--md-7{left:58.33333%;right:auto}.grid__pull--md-7{right:58.33333%;left:auto}.grid__offset--md-7{margin-left:58.33333%}.blocks--md-7 .blocks__element{width:calc(14.28571% - 20px)}.grid__unit--md-8{width:66.66667%}.grid__push--md-8{left:66.66667%;right:auto}.grid__pull--md-8{right:66.66667%;left:auto}.grid__offset--md-8{margin-left:66.66667%}.blocks--md-8 .blocks__element{width:calc(12.5% - 20px)}.grid__unit--md-9{width:75%}.grid__push--md-9{left:75%;right:auto}.grid__pull--md-9{right:75%;left:auto}.grid__offset--md-9{margin-left:75%}.blocks--md-9 .blocks__element{width:calc(11.11111% - 20px)}.grid__unit--md-10{width:83.33333%}.grid__push--md-10{left:83.33333%;right:auto}.grid__pull--md-10{right:83.33333%;left:auto}.grid__offset--md-10{margin-left:83.33333%}.blocks--md-10 .blocks__element{width:calc(10% - 20px)}.grid__unit--md-11{width:91.66667%}.grid__push--md-11{left:91.66667%;right:auto}.grid__pull--md-11{right:91.66667%;left:auto}.grid__offset--md-11{margin-left:91.66667%}.blocks--md-11 .blocks__element{width:calc(9.09091% - 20px)}.grid__unit--md-12{width:100%}.grid__push--md-12{left:100%;right:auto}.grid__pull--md-12{right:100%;left:auto}.grid__offset--md-12{margin-left:100%}.blocks--md-12 .blocks__element{width:calc(8.33333% - 20px)}}@media only screen and (min-width:1024px){.grid__push--lg-reset{left:auto;right:auto}.grid__unit--lg-1{width:8.33333%}.grid__push--lg-1{left:8.33333%;right:auto}.grid__pull--lg-1{right:8.33333%;left:auto}.grid__offset--lg-1{margin-left:8.33333%}.blocks--lg-1 .blocks__element{width:calc(100% - 20px)}.grid__unit--lg-2{width:16.66667%}.grid__push--lg-2{left:16.66667%;right:auto}.grid__pull--lg-2{right:16.66667%;left:auto}.grid__offset--lg-2{margin-left:16.66667%}.blocks--lg-2 .blocks__element{width:calc(50% - 20px)}.grid__unit--lg-3{width:25%}.grid__push--lg-3{left:25%;right:auto}.grid__pull--lg-3{right:25%;left:auto}.grid__offset--lg-3{margin-left:25%}.blocks--lg-3 .blocks__element{width:calc(33.33333% - 20px)}.grid__unit--lg-4{width:33.33333%}.grid__push--lg-4{left:33.33333%;right:auto}.grid__pull--lg-4{right:33.33333%;left:auto}.grid__offset--lg-4{margin-left:33.33333%}.blocks--lg-4 .blocks__element{width:calc(25% - 20px)}.grid__unit--lg-5{width:41.66667%}.grid__push--lg-5{left:41.66667%;right:auto}.grid__pull--lg-5{right:41.66667%;left:auto}.grid__offset--lg-5{margin-left:41.66667%}.blocks--lg-5 .blocks__element{width:calc(20% - 20px)}.grid__unit--lg-6{width:50%}.grid__push--lg-6{left:50%;right:auto}.grid__pull--lg-6{right:50%;left:auto}.grid__offset--lg-6{margin-left:50%}.blocks--lg-6 .blocks__element{width:calc(16.66667% - 20px)}.grid__unit--lg-7{width:58.33333%}.grid__push--lg-7{left:58.33333%;right:auto}.grid__pull--lg-7{right:58.33333%;left:auto}.grid__offset--lg-7{margin-left:58.33333%}.blocks--lg-7 .blocks__element{width:calc(14.28571% - 20px)}.grid__unit--lg-8{width:66.66667%}.grid__push--lg-8{left:66.66667%;right:auto}.grid__pull--lg-8{right:66.66667%;left:auto}.grid__offset--lg-8{margin-left:66.66667%}.blocks--lg-8 .blocks__element{width:calc(12.5% - 20px)}.grid__unit--lg-9{width:75%}.grid__push--lg-9{left:75%;right:auto}.grid__pull--lg-9{right:75%;left:auto}.grid__offset--lg-9{margin-left:75%}.blocks--lg-9 .blocks__element{width:calc(11.11111% - 20px)}.grid__unit--lg-10{width:83.33333%}.grid__push--lg-10{left:83.33333%;right:auto}.grid__pull--lg-10{right:83.33333%;left:auto}.grid__offset--lg-10{margin-left:83.33333%}.blocks--lg-10 .blocks__element{width:calc(10% - 20px)}.grid__unit--lg-11{width:91.66667%}.grid__push--lg-11{left:91.66667%;right:auto}.grid__pull--lg-11{right:91.66667%;left:auto}.grid__offset--lg-11{margin-left:91.66667%}.blocks--lg-11 .blocks__element{width:calc(9.09091% - 20px)}.grid__unit--lg-12{width:100%}.grid__push--lg-12{left:100%;right:auto}.grid__pull--lg-12{right:100%;left:auto}.grid__offset--lg-12{margin-left:100%}.blocks--lg-12 .blocks__element{width:calc(8.33333% - 20px)}}.table{font-family:Lato,sans-serif;font-size:1rem;font-weight:400;margin-bottom:2.5rem;line-height:1.4}.table__tr{border-bottom:1px solid #e6e6e6;box-sizing:border-box;border-left:.25rem solid transparent}.table__tr:nth-child(2n){background:#fafafa}.table__tr:hover{background:#f4f4f4}.table__tr--primary{border-left:.25rem solid #41b883}.table__tr--primary:hover{background:#f3fbf7}.table__td,.table__th{padding:.875rem 1rem}.table__th{border-bottom:1px solid #ccc}.table__container{overflow-x:auto}.table--full-size{width:100%}.table--fixed{table-layout:fixed}.button{font-family:Lato,sans-serif;font-size:.875rem;font-weight:400;color:#fff;min-height:2.5rem;line-height:1.4;padding:.5rem 1.875rem .625rem;box-sizing:border-box;position:relative;display:inline-block;background:#41b883;border:none;border-radius:5px;z-index:1;overflow:hidden;outline:none;vertical-align:middle;transition:background .1s ease,border-color .1s ease,color .1s ease;border-bottom:3px solid #266d4d;text-decoration:none}.button:focus,.button:hover{background:#349268;cursor:pointer}.button:active{background:#266d4d}.button:focus{outline:none}.button--small{padding:.375rem 1.25rem;font-size:.75rem;min-height:1.875rem}.button--xlarge{padding:.875rem 3.125rem .9375rem;font-size:1.125rem;min-height:3.75rem}.button--large{padding:.6875rem 2.5rem .8125rem;font-size:1rem;min-height:3.125rem}.button--fake{background:none;color:#374853;border-color:transparent}.button--fake:focus,.button--fake:hover{background:rgba(0,0,0,.05)}.button--hollow{background:none;color:#374853;border:1px solid #a8a8a8}.button--hollow:focus,.button--hollow:hover{background:rgba(0,0,0,.05);color:#000;border:1px solid #1c1c1c;cursor:pointer}.button--expanded{width:100%}.button--secondary{background:#374853;border-bottom:3px solid #0e1316}.button--secondary:focus,.button--secondary:hover{background:#232d34;cursor:pointer}.button--success{background:#43ac6a;border-bottom:3px solid #26633d}.button--success:focus,.button--success:hover{background:#358753;cursor:pointer}.button--error{background:#f08a24;border-bottom:3px solid #a3570b}.button--error:focus,.button--error:hover{background:#d3710e;cursor:pointer}.button--info{background:#5fadd6;border-bottom:3px solid #2a7ba5}.button--info:focus,.button--info:hover{background:#3698cc;cursor:pointer}.button__group{margin-bottom:20px;width:100%}.button__group .button{display:inline-block;margin-right:0;margin-bottom:0;border-radius:0}.button__group .button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.button__group .button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.button__group--1 .button{width:100%}.button__group--2 .button{width:50%}.button__group--3 .button{width:33.33333%}.form{position:relative}.form__input,.form__textarea{margin-bottom:2rem;font-family:Lato,sans-serif;font-size:.875rem;font-weight:400;color:#374853;line-height:2.375rem;min-height:2.375rem;position:relative;border:1px solid #e8e8e8;border-radius:5px;background:#fff;padding:0 .8125rem;width:100%;transition:border .1s ease;box-sizing:border-box}.form__input:hover,.form__textarea:hover{border-color:#cfcfcf}.form__input:focus,.form__textarea:focus{border-color:#a8a8a8;outline:none}.form__input--with-left-icon,.form__textarea--with-left-icon{padding-left:2.8125rem}.form__input--with-right-icon,.form__textarea--with-right-icon{padding-right:2.8125rem}.form__icon{position:absolute;pointer-events:none;top:-1px;height:2.5rem;line-height:2.5rem}.form__icon--right{right:.9375rem}.form__icon--left{left:.8125rem}.form__textarea{max-width:100%;min-height:5.125rem;resize:none;line-height:1.4;padding-top:10px}.form__label,.form__label--inline{font-size:.8125rem;color:#4b6372;margin-bottom:.3125rem;margin-left:.875rem;display:block;font-family:Lato,sans-serif}.form__label--inline{display:inline-block;margin-right:1.25rem;margin-left:.5rem}.form-group{margin-bottom:2rem}.form-group .form__input,.form-group .form__textarea{margin-bottom:0}.form-group--merged{font-size:0;display:table;width:100%;border-collapse:separate}.form-group--merged .form__label,.form-group--merged .form__label--inline{display:table-caption}.form-group__addon,.form-group__button,.form-group__input{display:table-cell;vertical-align:middle;margin:0;white-space:nowrap}.form-group__addon:first-child,.form-group__button:first-child .button,.form-group__input:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.form-group__addon:last-child,.form-group__button:last-child .button,.form-group__input:last-child{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.form-group__addon:not(:first-child):not(:last-child),.form-group__button:not(:first-child):not(:last-child) .button,.form-group__input:not(:first-child):not(:last-child){border-radius:0}.form-group__button:not(:first-child):not(:last-child) .button{margin-left:-1px;margin-right:-1px}.form-group__addon:first-child{border-right:none}.form-group__addon:last-child{border-left:none}.form-group__addon{background:#f3f3f3;border:1px solid #e8e8e8;border-radius:5px;height:2.375rem;line-height:2.375rem;width:1%;padding:0 13px;font-size:14px;text-align:center}.form-group__button{width:1%}.form-group__button .button{margin:0;padding-right:1.25rem;padding-left:1.25rem}.form-group__message{font-size:.75rem;line-height:1;display:none;margin-left:14px;margin-top:-1.6875rem;margin-bottom:.9375rem}.form-group--alert,.form-group--error{animation-name:b;animation-fill-mode:forward;animation-duration:.6s;animation-timing-function:ease-in-out}.form-group--success .form__label,.form-group--success .form__label--inline{color:#43ac6a}.form-group--success .form-group__addon{color:#fff;border-color:#85d0a1;background:#85d0a1}.form-group--success input,.form-group--success input:focus,.form-group--success input:hover,.form-group--success textarea{border-color:#85d0a1}.form-group--success+.form-group__message{display:block;color:#73c893}.form-group--error .form__label,.form-group--error .form__label--inline{color:#f04124}.form-group--error .form-group__addon{color:#fff;border-color:#f79483;background:#f79483}.form-group--error input,.form-group--error input:focus,.form-group--error input:hover,.form-group--error textarea{border-color:#f79483}.form-group--error+.form-group__message{display:block;color:#f57f6c}.form-group--alert .form__label,.form-group--alert .form__label--inline{color:#f08a24}.form-group--alert .form-group__addon{color:#fff;border-color:#f7bd83;background:#f7bd83}.form-group--alert input,.form-group--alert input:focus,.form-group--alert input:hover,.form-group--alert textarea{border-color:#f7bd83}.form-group--alert+.form-group__message{display:block;color:#f5b06c}@keyframes b{0%{transform:translateX(0)}15%{transform:translateX(.375rem)}30%{transform:translateX(-.375rem)}45%{transform:translateX(.375rem)}60%{transform:translateX(-.375rem)}75%{transform:translateX(.375rem)}90%{transform:translateX(-.375rem)}to{transform:translateX(0)}}.list{font-family:Lato,sans-serif;font-size:1rem;color:#374853;letter-spacing:.4px;line-height:32px;list-style:none}.list--sticky{position:fixed;top:0;width:calc(25% - 40px);max-width:19.375rem;overflow:auto;height:calc(100% - 1em)}.list__heading{font-family:Dosis,sans-serif;font-size:.875rem;font-weight:700;line-height:1.875rem;color:#41b883;text-transform:uppercase;letter-spacing:.4px;margin:1.25rem 0 0}.list__link{color:#374853;text-decoration:none;display:block;padding:.4375rem .625rem;margin-left:-.625rem;border-radius:5px;line-height:1.3}.list__link--active{background:#f3f3f3}.list__link--disabled{color:#939ea5;pointer-events:none}.list__desc{display:block;font-size:.875rem;color:#939ea5;line-height:1.4;max-width:200px;margin-top:3px}.list__img{display:inline-block;vertical-align:sub;margin-left:5px}.list__dl{font-family:Lato,sans-serif;font-weight:400}.list__dt{font-size:.875rem;margin-bottom:.625rem;color:#bbb}.list__dd{font-size:1rem;margin-left:0;margin-bottom:1.25rem;line-height:1.4}.list__ol,.list__ul{margin:0 0 0 1.875rem;padding:0;line-height:1.8;font-weight:400}.list__ul{list-style:square}.tabs{display:flex;align-items:stretch;min-height:2.5rem}.tabs__link{display:block;padding:0 1.25rem;font-family:Lato,sans-serif;font-size:1rem;font-weight:400;text-decoration:none;cursor:pointer;line-height:2.5rem;color:#939ea5;transition:color .2s ease}.tabs__link--active{font-weight:700;color:#374853}.tabs{flex-direction:row}.tabs,.tabs__link{border-bottom:3px solid #e8e8e8}.tabs__link{margin-bottom:-3px}.tabs__link:focus,.tabs__link:hover{color:#374853}.tabs__link--active{border-color:#41b883}@media only screen and (max-width:640px){.small--hidden{display:none!important}}@media only screen and (min-width:640px) and (max-width:1024px){.medium--hidden{display:none!important}}@media only screen and (min-width:640px){.medium-up--hidden{display:none!important}}@media only screen and (min-width:1024px) and (max-width:1440px){.large--hidden{display:none!important}}@media only screen and (min-width:1024px){.large-up--hidden{display:none!important}}@media only screen and (min-width:1440px) and (max-width:1920px){.xlarge--hidden{display:none!important}}.utils--center{text-align:center}.utils--right{text-align:right}code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1.3em 1em;margin:0 0 20px;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f3f5f6}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}div.prism-show-language{position:relative}div.prism-show-language>div.prism-show-language-label[data-language]{color:#000;background-color:#cfcfcf;opacity:.5;display:inline-block;position:absolute;bottom:auto;left:auto;top:0;right:0;width:auto;height:auto;font-size:.9em;border-radius:0 0 0 5px;padding:.1em .5em;text-shadow:none;z-index:1;box-shadow:none;transform:none}.invalid .typo__label{color:#f04124}.invalid .multiselect__tags{border-color:#f04124!important}body{background:#fff;color:#35495e;font-family:Lato,Helvetica,sans-serif;text-decoration:none}.start{text-align:center;display:block;background:linear-gradient(to left bottom,#8cc1f7 0,#9cffd3)}.start .typo__h1{padding-top:2.5rem;position:relative}.start .typo__h3{padding:1.25rem 0 0}@media only screen and (min-width:640px){.start{min-height:100vh}}.start .button{margin-bottom:1.5rem}.docs,.start__list{padding-top:1.875rem}.docs{text-align:left}.center-vertically{position:relative}@media only screen and (min-width:640px){.center-vertically{position:absolute;height:600px;left:0;right:0;top:50%;transform:translateY(-50%)}}.multiselect-example__container{margin:0 auto 60px}.button{margin:0 .625rem}.logo{height:4.375rem;margin-right:1.25rem;vertical-align:middle;display:inline-block}.button--github{padding-left:3.75rem}.button--github:before{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIzcHgiIGhlaWdodD0iMjNweCIgdmlld0JveD0iMCAwIDIzIDIzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjcuMSAoMjgyMTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkZpbGwgNTA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR2l0SHViLU1hcmsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDEuMDAwMDAwLCAtMzM2LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTUyLjYwODQ3MSwzMzYuNDQzODA3IEMxNDYuNDM4Njc0LDMzNi40NDM4MDcgMTQxLjQzNTA2LDM0MS40NDY3MzUgMTQxLjQzNTA2LDM0Ny42MTg1OSBDMTQxLjQzNTA2LDM1Mi41NTU2NjMgMTQ0LjYzNjU3NywzNTYuNzQzNjM0IDE0OS4wNzY5OTMsMzU4LjIyMTI1OCBDMTQ5LjYzNjA3NSwzNTguMzI0MTU2IDE0OS44Mzk4MTQsMzU3Ljk3OTEwMyAxNDkuODM5ODE0LDM1Ny42ODI3NTUgQzE0OS44Mzk4MTQsMzU3LjQxNzI3NyAxNDkuODMwMjEsMzU2LjcxNDgyMyAxNDkuODI0NzIyLDM1NS43ODI1NjIgQzE0Ni43MTY1LDM1Ni40NTc1NzYgMTQ2LjA2MDY5MywzNTQuMjg0MzU5IDE0Ni4wNjA2OTMsMzU0LjI4NDM1OSBDMTQ1LjU1MjM3NCwzNTIuOTkzMzI1IDE0NC44MTk3MzYsMzUyLjY0OTY0NCAxNDQuODE5NzM2LDM1Mi42NDk2NDQgQzE0My44MDUxNTYsMzUxLjk1Njc5MyAxNDQuODk2NTY3LDM1MS45NzA1MTMgMTQ0Ljg5NjU2NywzNTEuOTcwNTEzIEMxNDYuMDE4MTYxLDM1Mi4wNDk0MDIgMTQ2LjYwODExMywzNTMuMTIyMjkxIDE0Ni42MDgxMTMsMzUzLjEyMjI5MSBDMTQ3LjYwNDg1NywzNTQuODI5NzIxIDE0OS4yMjM3OTQsMzU0LjMzNjQ5NCAxNDkuODYwMzk0LDM1NC4wNTA0MzYgQzE0OS45NjE5MiwzNTMuMzI4Nzc0IDE1MC4yNTA3MjIsMzUyLjgzNjIzMyAxNTAuNTY5NzA4LDM1Mi41NTcwMzUgQzE0OC4wODg0OCwzNTIuMjc1MDkzIDE0NS40Nzk2NTksMzUxLjMxNjA3OCAxNDUuNDc5NjU5LDM0Ny4wMzQxMjYgQzE0NS40Nzk2NTksMzQ1LjgxNDQzNiAxNDUuOTE1MjYzLDM0NC44MTYzMiAxNDYuNjMwMDY1LDM0NC4wMzU2NjIgQzE0Ni41MTQ4MTgsMzQzLjc1MzAzNCAxNDYuMTMxMzUsMzQyLjYxNjM0OCAxNDYuNzM5ODIzLDM0MS4wNzgzNTggQzE0Ni43Mzk4MjMsMzQxLjA3ODM1OCAxNDcuNjc3NTcyLDM0MC43Nzc4OTQgMTQ5LjgxMjM3NCwzNDIuMjIzOTYyIEMxNTAuNzAzNDc2LDM0MS45NzU2MzMgMTUxLjY1OTc0NiwzNDEuODUyMTU1IDE1Mi42MDk4NDMsMzQxLjg0NzM1MyBDMTUzLjU1OTI1NCwzNDEuODUyMTU1IDE1NC41MTQ4MzgsMzQxLjk3NTYzMyAxNTUuNDA3MzEyLDM0Mi4yMjM5NjIgQzE1Ny41NDA3NDIsMzQwLjc3Nzg5NCAxNTguNDc3MTE5LDM0MS4wNzgzNTggMTU4LjQ3NzExOSwzNDEuMDc4MzU4IEMxNTkuMDg2OTY0LDM0Mi42MTYzNDggMTU4LjcwMzQ5NiwzNDMuNzUzMDM0IDE1OC41ODg5MzUsMzQ0LjAzNTY2MiBDMTU5LjMwNTEwOSwzNDQuODE2MzIgMTU5LjczNzI4MywzNDUuODE0NDM2IDE1OS43MzcyODMsMzQ3LjAzNDEyNiBDMTU5LjczNzI4MywzNTEuMzI3MDU0IDE1Ny4xMjQzNDYsMzUyLjI3MTY2MyAxNTQuNjM1NTczLDM1Mi41NDgxMTcgQzE1NS4wMzYxOTEsMzUyLjg5MzE3IDE1NS4zOTM1OTIsMzUzLjU3NTA0NSAxNTUuMzkzNTkyLDM1NC42MTcwNjQgQzE1NS4zOTM1OTIsMzU2LjExMTE1MSAxNTUuMzc5ODcyLDM1Ny4zMTY0MzYgMTU1LjM3OTg3MiwzNTcuNjgyNzU1IEMxNTUuMzc5ODcyLDM1Ny45ODE4NDcgMTU1LjU4MTU1MywzNTguMzI5NjQ0IDE1Ni4xNDgxODEsMzU4LjIyMDU3MiBDMTYwLjU4NTE2NywzNTYuNzM5NTE4IDE2My43ODM5NCwzNTIuNTU0MjkxIDE2My43ODM5NCwzNDcuNjE4NTkgQzE2My43ODM5NCwzNDEuNDQ2NzM1IDE1OC43ODAzMjYsMzM2LjQ0MzgwNyAxNTIuNjA4NDcxLDMzNi40NDM4MDciIGlkPSJGaWxsLTUwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);left:1.5625rem;position:absolute}.blank__link{color:inherit;text-decoration:none}.version{position:absolute;bottom:-.4375rem;font-size:1.25rem;color:#374853;transform:translateX(-100%)}.badges{margin-bottom:15px}.badges img{margin:0 2px}.list__multiselect{line-height:1.4}section{margin-bottom:1.25rem}#examples .grid__column>p>a{font-weight:700;color:#41b883;text-decoration:none}#examples .grid__column>ul{padding-left:1.5625rem;margin-top:.4375rem}#examples .grid__column>ul li{line-height:1.8;font-family:Lato,sans-serif;font-weight:400;font-size:1rem;padding:.25rem 0} \ No newline at end of file +@import url(https://fonts.googleapis.com/css?family=Lato:700,400);@import url(https://fonts.googleapis.com/css?family=Dosis:400);fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:a 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:a 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:3}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-webkit-input-placeholder{color:#35495e}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input:-ms-input-placeholder,.multiselect__input::-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 12px 0;padding-right:30px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0;border-color:#999 transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:3;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}.custom__tag{display:inline-block;padding:3px 12px;background:#d2d7ff;margin-right:8px;margin-bottom:8px;border-radius:10px;cursor:pointer}.custom__tag:nth-child(2n){background:#daffee}.custom__tag:hover{background:#eaeaea}.custom__remove{padding:0;font-size:10px;margin-left:5px}.multiselect__clear{position:absolute;right:41px;height:40px;width:40px;display:block;cursor:pointer;z-index:2}.multiselect__clear:after,.multiselect__clear:before{content:"";display:block;position:absolute;width:3px;height:16px;background:#aaa;top:12px;right:4px}.multiselect__clear:before{transform:rotate(45deg)}.multiselect__clear:after{transform:rotate(-45deg)}.option__image{max-height:80px;margin-right:10px}.option__desc,.option__image{display:inline-block;vertical-align:middle}.option__desc{padding:rem(10px)}.option__title{font-size:rem(24px)}.option__small{margin-top:rem(10px);display:block}.form__label{margin-top:5px!important}.badge__img{vertical-align:middle;float:right}.badge__name{vertical-align:middle;display:inline-block;margin-left:5px;float:left} +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@keyframes a{0%{transform:rotate(0)}to{transform:rotate(2turn)}}body{color:#374853;font-size:16px}::selection{background:#41b883;color:#fff}.typo__h1,.typo__h2,.typo__h3,.typo__h4,.typo__h5{margin-top:0;margin-bottom:1rem;color:#374853;line-height:1.2}.typo__h1,h1{font-family:Dosis,sans-serif;font-weight:700;font-size:2rem;margin:.625rem 0 2.5rem}@media only screen and (min-width:640px){.typo__h1,h1{font-size:2.5rem}}@media only screen and (min-width:1024px){.typo__h1,h1{font-size:2.5rem}}.typo__h2,h2{font-family:Dosis,sans-serif;font-weight:700;font-size:1.625rem;padding-top:1.25rem}@media only screen and (min-width:640px){.typo__h2,h2{font-size:1.8rem}}@media only screen and (min-width:1024px){.typo__h2,h2{font-size:1.8rem}}.typo__h3,h3{font-family:Dosis,sans-serif;font-weight:700;font-size:1.375rem}@media only screen and (min-width:640px){.typo__h3,h3{font-size:1.5rem}}@media only screen and (min-width:1024px){.typo__h3,h3{font-size:1.5rem}}.typo__h4,h4{font-family:Lato,sans-serif;font-weight:700;font-size:1.375rem;margin:.625rem 0 0}@media only screen and (min-width:640px){.typo__h4,h4{font-size:1.25rem}}@media only screen and (min-width:1024px){.typo__h4,h4{font-size:1.125rem}}.typo__p,p{margin-top:0;margin-bottom:1rem;line-height:1.8;font-family:Lato,sans-serif;font-weight:400;font-size:1rem}@media only screen and (min-width:640px){.typo__p,p{font-size:1.125rem}}@media only screen and (min-width:1024px){.typo__p,p{font-size:1.125rem}}.typo__blockquote{font-family:Dosis,sans-serif;font-size:1rem;color:#939ea5;margin:0;border-left:1px solid #e8e8e8;padding:.3125rem 1.25rem;line-height:1.8;text-align:left}.typo__blockquote cite{font-size:.875rem;font-weight:700;font-family:Lato,sans-serif;font-style:normal;margin-top:6px;display:block;color:#374853}.typo__blockquote cite:before{content:"\2014 "}.typo__hr,hr{border:none;border-bottom:1px solid #e8e8e8;margin:1.875rem 0;outline:none}.typo__link{color:#41b883;text-decoration:none;font-weight:700}.typo__label{font-weight:400;font-size:.875rem;color:#bbb;margin:1.25rem 0 .625rem}.typo__label,.typo__text{font-family:Lato,sans-serif;display:block}.typo__text{font-size:1rem;margin:0;line-height:1.4}.typo--bold,strong{font-weight:700}code:not([class*=language-]),kbd{color:#41b883;padding:3px 5px;border-radius:4px;background:#f3f3f3;font-size:.9375rem}pre{font-size:.875rem}body,html{font-size:100%;height:100%}html{overflow-y:auto;box-sizing:border-box}*,:after,:before{box-sizing:inherit}.grid__column,.grid__columns{box-sizing:border-box;display:inline-block;font-size:1rem;margin:0;text-align:left;vertical-align:top;width:100%;position:relative;padding:0 20px}.grid__column--centered{display:block;margin:0 auto}.grid__row--middle .grid__column,.grid__row--middle .grid__columns{vertical-align:middle}.grid__row--bottom .grid__column,.grid__row--bottom .grid__columns{vertical-align:bottom}.grid__row{display:block;font-size:0;margin:0 auto;box-sizing:border-box;padding:0;text-align:left;max-width:1400px}.grid__row:after,.grid__row:before{content:"";display:table}.grid__row:after{clear:both}.grid__row .grid__row{margin:0 -20px}.grid__row.grid__row--collapse>.grid__column{padding-left:0;padding-right:0}.grid__row--full{max-width:100%}.grid__row--centered{text-align:center}.grid__push--small-reset{left:auto!important;right:auto!important}.blocks{margin:0 -10px}.blocks .blocks__element{position:relative;float:left;box-sizing:border-box;transition:background .2s ease;margin:10px}.grid__unit--sm-1{width:8.33333%}.grid__push--sm-1{left:8.33333%;right:auto}.grid__pull--sm-1{right:8.33333%;left:auto}.grid__offset--sm-1{margin-left:8.33333%}.blocks--sm-1 .blocks__element{width:calc(100% - 20px)}.grid__unit--sm-2{width:16.66667%}.grid__push--sm-2{left:16.66667%;right:auto}.grid__pull--sm-2{right:16.66667%;left:auto}.grid__offset--sm-2{margin-left:16.66667%}.blocks--sm-2 .blocks__element{width:calc(50% - 20px)}.grid__unit--sm-3{width:25%}.grid__push--sm-3{left:25%;right:auto}.grid__pull--sm-3{right:25%;left:auto}.grid__offset--sm-3{margin-left:25%}.blocks--sm-3 .blocks__element{width:calc(33.33333% - 20px)}.grid__unit--sm-4{width:33.33333%}.grid__push--sm-4{left:33.33333%;right:auto}.grid__pull--sm-4{right:33.33333%;left:auto}.grid__offset--sm-4{margin-left:33.33333%}.blocks--sm-4 .blocks__element{width:calc(25% - 20px)}.grid__unit--sm-5{width:41.66667%}.grid__push--sm-5{left:41.66667%;right:auto}.grid__pull--sm-5{right:41.66667%;left:auto}.grid__offset--sm-5{margin-left:41.66667%}.blocks--sm-5 .blocks__element{width:calc(20% - 20px)}.grid__unit--sm-6{width:50%}.grid__push--sm-6{left:50%;right:auto}.grid__pull--sm-6{right:50%;left:auto}.grid__offset--sm-6{margin-left:50%}.blocks--sm-6 .blocks__element{width:calc(16.66667% - 20px)}.grid__unit--sm-7{width:58.33333%}.grid__push--sm-7{left:58.33333%;right:auto}.grid__pull--sm-7{right:58.33333%;left:auto}.grid__offset--sm-7{margin-left:58.33333%}.blocks--sm-7 .blocks__element{width:calc(14.28571% - 20px)}.grid__unit--sm-8{width:66.66667%}.grid__push--sm-8{left:66.66667%;right:auto}.grid__pull--sm-8{right:66.66667%;left:auto}.grid__offset--sm-8{margin-left:66.66667%}.blocks--sm-8 .blocks__element{width:calc(12.5% - 20px)}.grid__unit--sm-9{width:75%}.grid__push--sm-9{left:75%;right:auto}.grid__pull--sm-9{right:75%;left:auto}.grid__offset--sm-9{margin-left:75%}.blocks--sm-9 .blocks__element{width:calc(11.11111% - 20px)}.grid__unit--sm-10{width:83.33333%}.grid__push--sm-10{left:83.33333%;right:auto}.grid__pull--sm-10{right:83.33333%;left:auto}.grid__offset--sm-10{margin-left:83.33333%}.blocks--sm-10 .blocks__element{width:calc(10% - 20px)}.grid__unit--sm-11{width:91.66667%}.grid__push--sm-11{left:91.66667%;right:auto}.grid__pull--sm-11{right:91.66667%;left:auto}.grid__offset--sm-11{margin-left:91.66667%}.blocks--sm-11 .blocks__element{width:calc(9.09091% - 20px)}.grid__unit--sm-12{width:100%}.grid__push--sm-12{left:100%;right:auto}.grid__pull--sm-12{right:100%;left:auto}.grid__offset--sm-12{margin-left:100%}.blocks--sm-12 .blocks__element{width:calc(8.33333% - 20px)}@media only screen and (min-width:640px){body,html{overflow-x:initial}.grid__push--md-reset{left:auto;right:auto}.grid__unit--md-1{width:8.33333%}.grid__push--md-1{left:8.33333%;right:auto}.grid__pull--md-1{right:8.33333%;left:auto}.grid__offset--md-1{margin-left:8.33333%}.blocks--md-1 .blocks__element{width:calc(100% - 20px)}.grid__unit--md-2{width:16.66667%}.grid__push--md-2{left:16.66667%;right:auto}.grid__pull--md-2{right:16.66667%;left:auto}.grid__offset--md-2{margin-left:16.66667%}.blocks--md-2 .blocks__element{width:calc(50% - 20px)}.grid__unit--md-3{width:25%}.grid__push--md-3{left:25%;right:auto}.grid__pull--md-3{right:25%;left:auto}.grid__offset--md-3{margin-left:25%}.blocks--md-3 .blocks__element{width:calc(33.33333% - 20px)}.grid__unit--md-4{width:33.33333%}.grid__push--md-4{left:33.33333%;right:auto}.grid__pull--md-4{right:33.33333%;left:auto}.grid__offset--md-4{margin-left:33.33333%}.blocks--md-4 .blocks__element{width:calc(25% - 20px)}.grid__unit--md-5{width:41.66667%}.grid__push--md-5{left:41.66667%;right:auto}.grid__pull--md-5{right:41.66667%;left:auto}.grid__offset--md-5{margin-left:41.66667%}.blocks--md-5 .blocks__element{width:calc(20% - 20px)}.grid__unit--md-6{width:50%}.grid__push--md-6{left:50%;right:auto}.grid__pull--md-6{right:50%;left:auto}.grid__offset--md-6{margin-left:50%}.blocks--md-6 .blocks__element{width:calc(16.66667% - 20px)}.grid__unit--md-7{width:58.33333%}.grid__push--md-7{left:58.33333%;right:auto}.grid__pull--md-7{right:58.33333%;left:auto}.grid__offset--md-7{margin-left:58.33333%}.blocks--md-7 .blocks__element{width:calc(14.28571% - 20px)}.grid__unit--md-8{width:66.66667%}.grid__push--md-8{left:66.66667%;right:auto}.grid__pull--md-8{right:66.66667%;left:auto}.grid__offset--md-8{margin-left:66.66667%}.blocks--md-8 .blocks__element{width:calc(12.5% - 20px)}.grid__unit--md-9{width:75%}.grid__push--md-9{left:75%;right:auto}.grid__pull--md-9{right:75%;left:auto}.grid__offset--md-9{margin-left:75%}.blocks--md-9 .blocks__element{width:calc(11.11111% - 20px)}.grid__unit--md-10{width:83.33333%}.grid__push--md-10{left:83.33333%;right:auto}.grid__pull--md-10{right:83.33333%;left:auto}.grid__offset--md-10{margin-left:83.33333%}.blocks--md-10 .blocks__element{width:calc(10% - 20px)}.grid__unit--md-11{width:91.66667%}.grid__push--md-11{left:91.66667%;right:auto}.grid__pull--md-11{right:91.66667%;left:auto}.grid__offset--md-11{margin-left:91.66667%}.blocks--md-11 .blocks__element{width:calc(9.09091% - 20px)}.grid__unit--md-12{width:100%}.grid__push--md-12{left:100%;right:auto}.grid__pull--md-12{right:100%;left:auto}.grid__offset--md-12{margin-left:100%}.blocks--md-12 .blocks__element{width:calc(8.33333% - 20px)}}@media only screen and (min-width:1024px){.grid__push--lg-reset{left:auto;right:auto}.grid__unit--lg-1{width:8.33333%}.grid__push--lg-1{left:8.33333%;right:auto}.grid__pull--lg-1{right:8.33333%;left:auto}.grid__offset--lg-1{margin-left:8.33333%}.blocks--lg-1 .blocks__element{width:calc(100% - 20px)}.grid__unit--lg-2{width:16.66667%}.grid__push--lg-2{left:16.66667%;right:auto}.grid__pull--lg-2{right:16.66667%;left:auto}.grid__offset--lg-2{margin-left:16.66667%}.blocks--lg-2 .blocks__element{width:calc(50% - 20px)}.grid__unit--lg-3{width:25%}.grid__push--lg-3{left:25%;right:auto}.grid__pull--lg-3{right:25%;left:auto}.grid__offset--lg-3{margin-left:25%}.blocks--lg-3 .blocks__element{width:calc(33.33333% - 20px)}.grid__unit--lg-4{width:33.33333%}.grid__push--lg-4{left:33.33333%;right:auto}.grid__pull--lg-4{right:33.33333%;left:auto}.grid__offset--lg-4{margin-left:33.33333%}.blocks--lg-4 .blocks__element{width:calc(25% - 20px)}.grid__unit--lg-5{width:41.66667%}.grid__push--lg-5{left:41.66667%;right:auto}.grid__pull--lg-5{right:41.66667%;left:auto}.grid__offset--lg-5{margin-left:41.66667%}.blocks--lg-5 .blocks__element{width:calc(20% - 20px)}.grid__unit--lg-6{width:50%}.grid__push--lg-6{left:50%;right:auto}.grid__pull--lg-6{right:50%;left:auto}.grid__offset--lg-6{margin-left:50%}.blocks--lg-6 .blocks__element{width:calc(16.66667% - 20px)}.grid__unit--lg-7{width:58.33333%}.grid__push--lg-7{left:58.33333%;right:auto}.grid__pull--lg-7{right:58.33333%;left:auto}.grid__offset--lg-7{margin-left:58.33333%}.blocks--lg-7 .blocks__element{width:calc(14.28571% - 20px)}.grid__unit--lg-8{width:66.66667%}.grid__push--lg-8{left:66.66667%;right:auto}.grid__pull--lg-8{right:66.66667%;left:auto}.grid__offset--lg-8{margin-left:66.66667%}.blocks--lg-8 .blocks__element{width:calc(12.5% - 20px)}.grid__unit--lg-9{width:75%}.grid__push--lg-9{left:75%;right:auto}.grid__pull--lg-9{right:75%;left:auto}.grid__offset--lg-9{margin-left:75%}.blocks--lg-9 .blocks__element{width:calc(11.11111% - 20px)}.grid__unit--lg-10{width:83.33333%}.grid__push--lg-10{left:83.33333%;right:auto}.grid__pull--lg-10{right:83.33333%;left:auto}.grid__offset--lg-10{margin-left:83.33333%}.blocks--lg-10 .blocks__element{width:calc(10% - 20px)}.grid__unit--lg-11{width:91.66667%}.grid__push--lg-11{left:91.66667%;right:auto}.grid__pull--lg-11{right:91.66667%;left:auto}.grid__offset--lg-11{margin-left:91.66667%}.blocks--lg-11 .blocks__element{width:calc(9.09091% - 20px)}.grid__unit--lg-12{width:100%}.grid__push--lg-12{left:100%;right:auto}.grid__pull--lg-12{right:100%;left:auto}.grid__offset--lg-12{margin-left:100%}.blocks--lg-12 .blocks__element{width:calc(8.33333% - 20px)}}.table{font-family:Lato,sans-serif;font-size:1rem;font-weight:400;margin-bottom:2.5rem;line-height:1.4}.table__tr{border-bottom:1px solid #e6e6e6;box-sizing:border-box;border-left:.25rem solid transparent}.table__tr:nth-child(2n){background:#fafafa}.table__tr:hover{background:#f4f4f4}.table__tr--primary{border-left:.25rem solid #41b883}.table__tr--primary:hover{background:#f3fbf7}.table__td,.table__th{padding:.875rem 1rem}.table__th{border-bottom:1px solid #ccc}.table__container{overflow-x:auto}.table--full-size{width:100%}.table--fixed{table-layout:fixed}.button{font-family:Lato,sans-serif;font-size:.875rem;font-weight:400;color:#fff;min-height:2.5rem;line-height:1.4;padding:.5rem 1.875rem .625rem;box-sizing:border-box;position:relative;display:inline-block;background:#41b883;border:none;border-radius:5px;z-index:1;overflow:hidden;outline:none;vertical-align:middle;transition:background .1s ease,border-color .1s ease,color .1s ease;border-bottom:3px solid #266d4d;text-decoration:none}.button:focus,.button:hover{background:#349268;cursor:pointer}.button:active{background:#266d4d}.button:focus{outline:none}.button--small{padding:.375rem 1.25rem;font-size:.75rem;min-height:1.875rem}.button--xlarge{padding:.875rem 3.125rem .9375rem;font-size:1.125rem;min-height:3.75rem}.button--large{padding:.6875rem 2.5rem .8125rem;font-size:1rem;min-height:3.125rem}.button--fake{background:none;color:#374853;border-color:transparent}.button--fake:focus,.button--fake:hover{background:rgba(0,0,0,.05)}.button--hollow{background:none;color:#374853;border:1px solid #a8a8a8}.button--hollow:focus,.button--hollow:hover{background:rgba(0,0,0,.05);color:#000;border:1px solid #1c1c1c;cursor:pointer}.button--expanded{width:100%}.button--secondary{background:#374853;border-bottom:3px solid #0e1316}.button--secondary:focus,.button--secondary:hover{background:#232d34;cursor:pointer}.button--success{background:#43ac6a;border-bottom:3px solid #26633d}.button--success:focus,.button--success:hover{background:#358753;cursor:pointer}.button--error{background:#f08a24;border-bottom:3px solid #a3570b}.button--error:focus,.button--error:hover{background:#d3710e;cursor:pointer}.button--info{background:#5fadd6;border-bottom:3px solid #2a7ba5}.button--info:focus,.button--info:hover{background:#3698cc;cursor:pointer}.button__group{margin-bottom:20px;width:100%}.button__group .button{display:inline-block;margin-right:0;margin-bottom:0;border-radius:0}.button__group .button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.button__group .button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.button__group--1 .button{width:100%}.button__group--2 .button{width:50%}.button__group--3 .button{width:33.33333%}.form{position:relative}.form__input,.form__textarea{margin-bottom:2rem;font-family:Lato,sans-serif;font-size:.875rem;font-weight:400;color:#374853;line-height:2.375rem;min-height:2.375rem;position:relative;border:1px solid #e8e8e8;border-radius:5px;background:#fff;padding:0 .8125rem;width:100%;transition:border .1s ease;box-sizing:border-box}.form__input:hover,.form__textarea:hover{border-color:#cfcfcf}.form__input:focus,.form__textarea:focus{border-color:#a8a8a8;outline:none}.form__input--with-left-icon,.form__textarea--with-left-icon{padding-left:2.8125rem}.form__input--with-right-icon,.form__textarea--with-right-icon{padding-right:2.8125rem}.form__icon{position:absolute;pointer-events:none;top:-1px;height:2.5rem;line-height:2.5rem}.form__icon--right{right:.9375rem}.form__icon--left{left:.8125rem}.form__textarea{max-width:100%;min-height:5.125rem;resize:none;line-height:1.4;padding-top:10px}.form__label,.form__label--inline{font-size:.8125rem;color:#4b6372;margin-bottom:.3125rem;margin-left:.875rem;display:block;font-family:Lato,sans-serif}.form__label--inline{display:inline-block;margin-right:1.25rem;margin-left:.5rem}.form-group{margin-bottom:2rem}.form-group .form__input,.form-group .form__textarea{margin-bottom:0}.form-group--merged{font-size:0;display:table;width:100%;border-collapse:separate}.form-group--merged .form__label,.form-group--merged .form__label--inline{display:table-caption}.form-group__addon,.form-group__button,.form-group__input{display:table-cell;vertical-align:middle;margin:0;white-space:nowrap}.form-group__addon:first-child,.form-group__button:first-child .button,.form-group__input:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.form-group__addon:last-child,.form-group__button:last-child .button,.form-group__input:last-child{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.form-group__addon:not(:first-child):not(:last-child),.form-group__button:not(:first-child):not(:last-child) .button,.form-group__input:not(:first-child):not(:last-child){border-radius:0}.form-group__button:not(:first-child):not(:last-child) .button{margin-left:-1px;margin-right:-1px}.form-group__addon:first-child{border-right:none}.form-group__addon:last-child{border-left:none}.form-group__addon{background:#f3f3f3;border:1px solid #e8e8e8;border-radius:5px;height:2.375rem;line-height:2.375rem;width:1%;padding:0 13px;font-size:14px;text-align:center}.form-group__button{width:1%}.form-group__button .button{margin:0;padding-right:1.25rem;padding-left:1.25rem}.form-group__message{font-size:.75rem;line-height:1;display:none;margin-left:14px;margin-top:-1.6875rem;margin-bottom:.9375rem}.form-group--alert,.form-group--error{animation-name:b;animation-fill-mode:forward;animation-duration:.6s;animation-timing-function:ease-in-out}.form-group--success .form__label,.form-group--success .form__label--inline{color:#43ac6a}.form-group--success .form-group__addon{color:#fff;border-color:#85d0a1;background:#85d0a1}.form-group--success input,.form-group--success input:focus,.form-group--success input:hover,.form-group--success textarea{border-color:#85d0a1}.form-group--success+.form-group__message{display:block;color:#73c893}.form-group--error .form__label,.form-group--error .form__label--inline{color:#f04124}.form-group--error .form-group__addon{color:#fff;border-color:#f79483;background:#f79483}.form-group--error input,.form-group--error input:focus,.form-group--error input:hover,.form-group--error textarea{border-color:#f79483}.form-group--error+.form-group__message{display:block;color:#f57f6c}.form-group--alert .form__label,.form-group--alert .form__label--inline{color:#f08a24}.form-group--alert .form-group__addon{color:#fff;border-color:#f7bd83;background:#f7bd83}.form-group--alert input,.form-group--alert input:focus,.form-group--alert input:hover,.form-group--alert textarea{border-color:#f7bd83}.form-group--alert+.form-group__message{display:block;color:#f5b06c}@keyframes b{0%{transform:translateX(0)}15%{transform:translateX(.375rem)}30%{transform:translateX(-.375rem)}45%{transform:translateX(.375rem)}60%{transform:translateX(-.375rem)}75%{transform:translateX(.375rem)}90%{transform:translateX(-.375rem)}to{transform:translateX(0)}}.list{font-family:Lato,sans-serif;font-size:1rem;color:#374853;letter-spacing:.4px;line-height:32px;list-style:none}.list--sticky{position:fixed;top:0;width:calc(25% - 40px);max-width:19.375rem;overflow:auto;height:calc(100% - 1em)}.list__heading{font-family:Dosis,sans-serif;font-size:.875rem;font-weight:700;line-height:1.875rem;color:#41b883;text-transform:uppercase;letter-spacing:.4px;margin:1.25rem 0 0}.list__link{color:#374853;text-decoration:none;display:block;padding:.4375rem .625rem;margin-left:-.625rem;border-radius:5px;line-height:1.3}.list__link--active{background:#f3f3f3}.list__link--disabled{color:#939ea5;pointer-events:none}.list__desc{display:block;font-size:.875rem;color:#939ea5;line-height:1.4;max-width:200px;margin-top:3px}.list__img{display:inline-block;vertical-align:sub;margin-left:5px}.list__dl{font-family:Lato,sans-serif;font-weight:400}.list__dt{font-size:.875rem;margin-bottom:.625rem;color:#bbb}.list__dd{font-size:1rem;margin-left:0;margin-bottom:1.25rem;line-height:1.4}.list__ol,.list__ul{margin:0 0 0 1.875rem;padding:0;line-height:1.8;font-weight:400}.list__ul{list-style:square}.tabs{display:flex;align-items:stretch;min-height:2.5rem}.tabs__link{display:block;padding:0 1.25rem;font-family:Lato,sans-serif;font-size:1rem;font-weight:400;text-decoration:none;cursor:pointer;line-height:2.5rem;color:#939ea5;transition:color .2s ease}.tabs__link--active{font-weight:700;color:#374853}.tabs{flex-direction:row}.tabs,.tabs__link{border-bottom:3px solid #e8e8e8}.tabs__link{margin-bottom:-3px}.tabs__link:focus,.tabs__link:hover{color:#374853}.tabs__link--active{border-color:#41b883}@media only screen and (max-width:640px){.small--hidden{display:none!important}}@media only screen and (min-width:640px) and (max-width:1024px){.medium--hidden{display:none!important}}@media only screen and (min-width:640px){.medium-up--hidden{display:none!important}}@media only screen and (min-width:1024px) and (max-width:1440px){.large--hidden{display:none!important}}@media only screen and (min-width:1024px){.large-up--hidden{display:none!important}}@media only screen and (min-width:1440px) and (max-width:1920px){.xlarge--hidden{display:none!important}}.utils--center{text-align:center}.utils--right{text-align:right}code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1.3em 1em;margin:0 0 20px;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f3f5f6}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}div.prism-show-language{position:relative}div.prism-show-language>div.prism-show-language-label[data-language]{color:#000;background-color:#cfcfcf;opacity:.5;display:inline-block;position:absolute;bottom:auto;left:auto;top:0;right:0;width:auto;height:auto;font-size:.9em;border-radius:0 0 0 5px;padding:.1em .5em;text-shadow:none;z-index:1;box-shadow:none;transform:none}.invalid .typo__label{color:#f04124}.invalid .multiselect__tags{border-color:#f04124!important}body{background:#fff;color:#35495e;font-family:Lato,Helvetica,sans-serif;text-decoration:none}.start{text-align:center;display:block;background:linear-gradient(to left bottom,#8cc1f7 0,#9cffd3)}.start .typo__h1{padding-top:2.5rem;position:relative}.start .typo__h3{padding:1.25rem 0 0}@media only screen and (min-width:640px){.start{min-height:100vh}}.start .button{margin-bottom:1.5rem}.docs,.start__list{padding-top:1.875rem}.docs{text-align:left}.center-vertically{position:relative}@media only screen and (min-width:640px){.center-vertically{position:absolute;height:600px;left:0;right:0;top:50%;transform:translateY(-50%)}}.multiselect-example__container{margin:0 auto 60px}.button{margin:0 .625rem}.logo{height:4.375rem;margin-right:1.25rem;vertical-align:middle;display:inline-block}.button--github{padding-left:3.75rem}.button--github:before{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIzcHgiIGhlaWdodD0iMjNweCIgdmlld0JveD0iMCAwIDIzIDIzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjcuMSAoMjgyMTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkZpbGwgNTA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR2l0SHViLU1hcmsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDEuMDAwMDAwLCAtMzM2LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTUyLjYwODQ3MSwzMzYuNDQzODA3IEMxNDYuNDM4Njc0LDMzNi40NDM4MDcgMTQxLjQzNTA2LDM0MS40NDY3MzUgMTQxLjQzNTA2LDM0Ny42MTg1OSBDMTQxLjQzNTA2LDM1Mi41NTU2NjMgMTQ0LjYzNjU3NywzNTYuNzQzNjM0IDE0OS4wNzY5OTMsMzU4LjIyMTI1OCBDMTQ5LjYzNjA3NSwzNTguMzI0MTU2IDE0OS44Mzk4MTQsMzU3Ljk3OTEwMyAxNDkuODM5ODE0LDM1Ny42ODI3NTUgQzE0OS44Mzk4MTQsMzU3LjQxNzI3NyAxNDkuODMwMjEsMzU2LjcxNDgyMyAxNDkuODI0NzIyLDM1NS43ODI1NjIgQzE0Ni43MTY1LDM1Ni40NTc1NzYgMTQ2LjA2MDY5MywzNTQuMjg0MzU5IDE0Ni4wNjA2OTMsMzU0LjI4NDM1OSBDMTQ1LjU1MjM3NCwzNTIuOTkzMzI1IDE0NC44MTk3MzYsMzUyLjY0OTY0NCAxNDQuODE5NzM2LDM1Mi42NDk2NDQgQzE0My44MDUxNTYsMzUxLjk1Njc5MyAxNDQuODk2NTY3LDM1MS45NzA1MTMgMTQ0Ljg5NjU2NywzNTEuOTcwNTEzIEMxNDYuMDE4MTYxLDM1Mi4wNDk0MDIgMTQ2LjYwODExMywzNTMuMTIyMjkxIDE0Ni42MDgxMTMsMzUzLjEyMjI5MSBDMTQ3LjYwNDg1NywzNTQuODI5NzIxIDE0OS4yMjM3OTQsMzU0LjMzNjQ5NCAxNDkuODYwMzk0LDM1NC4wNTA0MzYgQzE0OS45NjE5MiwzNTMuMzI4Nzc0IDE1MC4yNTA3MjIsMzUyLjgzNjIzMyAxNTAuNTY5NzA4LDM1Mi41NTcwMzUgQzE0OC4wODg0OCwzNTIuMjc1MDkzIDE0NS40Nzk2NTksMzUxLjMxNjA3OCAxNDUuNDc5NjU5LDM0Ny4wMzQxMjYgQzE0NS40Nzk2NTksMzQ1LjgxNDQzNiAxNDUuOTE1MjYzLDM0NC44MTYzMiAxNDYuNjMwMDY1LDM0NC4wMzU2NjIgQzE0Ni41MTQ4MTgsMzQzLjc1MzAzNCAxNDYuMTMxMzUsMzQyLjYxNjM0OCAxNDYuNzM5ODIzLDM0MS4wNzgzNTggQzE0Ni43Mzk4MjMsMzQxLjA3ODM1OCAxNDcuNjc3NTcyLDM0MC43Nzc4OTQgMTQ5LjgxMjM3NCwzNDIuMjIzOTYyIEMxNTAuNzAzNDc2LDM0MS45NzU2MzMgMTUxLjY1OTc0NiwzNDEuODUyMTU1IDE1Mi42MDk4NDMsMzQxLjg0NzM1MyBDMTUzLjU1OTI1NCwzNDEuODUyMTU1IDE1NC41MTQ4MzgsMzQxLjk3NTYzMyAxNTUuNDA3MzEyLDM0Mi4yMjM5NjIgQzE1Ny41NDA3NDIsMzQwLjc3Nzg5NCAxNTguNDc3MTE5LDM0MS4wNzgzNTggMTU4LjQ3NzExOSwzNDEuMDc4MzU4IEMxNTkuMDg2OTY0LDM0Mi42MTYzNDggMTU4LjcwMzQ5NiwzNDMuNzUzMDM0IDE1OC41ODg5MzUsMzQ0LjAzNTY2MiBDMTU5LjMwNTEwOSwzNDQuODE2MzIgMTU5LjczNzI4MywzNDUuODE0NDM2IDE1OS43MzcyODMsMzQ3LjAzNDEyNiBDMTU5LjczNzI4MywzNTEuMzI3MDU0IDE1Ny4xMjQzNDYsMzUyLjI3MTY2MyAxNTQuNjM1NTczLDM1Mi41NDgxMTcgQzE1NS4wMzYxOTEsMzUyLjg5MzE3IDE1NS4zOTM1OTIsMzUzLjU3NTA0NSAxNTUuMzkzNTkyLDM1NC42MTcwNjQgQzE1NS4zOTM1OTIsMzU2LjExMTE1MSAxNTUuMzc5ODcyLDM1Ny4zMTY0MzYgMTU1LjM3OTg3MiwzNTcuNjgyNzU1IEMxNTUuMzc5ODcyLDM1Ny45ODE4NDcgMTU1LjU4MTU1MywzNTguMzI5NjQ0IDE1Ni4xNDgxODEsMzU4LjIyMDU3MiBDMTYwLjU4NTE2NywzNTYuNzM5NTE4IDE2My43ODM5NCwzNTIuNTU0MjkxIDE2My43ODM5NCwzNDcuNjE4NTkgQzE2My43ODM5NCwzNDEuNDQ2NzM1IDE1OC43ODAzMjYsMzM2LjQ0MzgwNyAxNTIuNjA4NDcxLDMzNi40NDM4MDciIGlkPSJGaWxsLTUwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);left:1.5625rem;position:absolute}.blank__link{color:inherit;text-decoration:none}.version{position:absolute;bottom:-.4375rem;font-size:1.25rem;color:#374853;transform:translateX(-100%)}.badges{margin-bottom:15px}.badges img{margin:0 2px}.list__multiselect{line-height:1.4}section{margin-bottom:1.25rem}#examples .grid__column>p>a{font-weight:700;color:#41b883;text-decoration:none}#examples .grid__column>ul{padding-left:1.5625rem;margin-top:.4375rem}#examples .grid__column>ul li{line-height:1.8;font-family:Lato,sans-serif;font-weight:400;font-size:1rem;padding:.25rem 0} \ No newline at end of file diff --git a/docs/static/css/app.7d9fbfc269a366780aef1e7a8bc8ea40.css.map b/docs/static/css/app.7d9fbfc269a366780aef1e7a8bc8ea40.css.map new file mode 100644 index 00000000..2ca4b9ce --- /dev/null +++ b/docs/static/css/app.7d9fbfc269a366780aef1e7a8bc8ea40.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./src/Multiselect.vue","webpack:///./documentation/partials/examples/MultiSelect.vue","webpack:///./documentation/partials/examples/AjaxSearch.vue","webpack:///./documentation/partials/examples/CustomOption.vue","webpack:///./documentation/partials/examples/CustomConfig.vue","webpack:///./documentation/partials/examples/ProgrammaticCtrl.vue","webpack:///./documentation/MultiselectExample.vue"],"names":[],"mappings":"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","file":"static/css/app.7d9fbfc269a366780aef1e7a8bc8ea40.css","sourcesContent":["\nfieldset[disabled] .multiselect {\n pointer-events: none;\n}\n.multiselect__spinner {\n position: absolute;\n right: 1px;\n top: 1px;\n width: 48px;\n height: 35px;\n background: #fff;\n display: block;\n}\n.multiselect__spinner:before,\n.multiselect__spinner:after {\n position: absolute;\n content: \"\";\n top: 50%;\n left: 50%;\n margin: -8px 0 0 -8px;\n width: 16px;\n height: 16px;\n border-radius: 100%;\n border-color: #41b883 transparent transparent;\n border-style: solid;\n border-width: 2px;\n -webkit-box-shadow: 0 0 0 1px transparent;\n box-shadow: 0 0 0 1px transparent;\n}\n.multiselect__spinner:before {\n -webkit-animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);\n animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n.multiselect__spinner:after {\n -webkit-animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);\n animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n.multiselect__loading-enter-active,\n.multiselect__loading-leave-active {\n -webkit-transition: opacity 0.4s ease-in-out;\n transition: opacity 0.4s ease-in-out;\n opacity: 1;\n}\n.multiselect__loading-enter,\n.multiselect__loading-leave-active {\n opacity: 0;\n}\n.multiselect,\n.multiselect__input,\n.multiselect__single {\n font-family: inherit;\n font-size: 16px;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n}\n.multiselect {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n display: block;\n position: relative;\n width: 100%;\n min-height: 40px;\n text-align: left;\n color: #35495e;\n}\n.multiselect * {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.multiselect:focus {\n outline: none;\n}\n.multiselect--disabled {\n background: #ededed;\n pointer-events: none;\n opacity: 0.6;\n}\n.multiselect--active {\n z-index: 50;\n}\n.multiselect--active:not(.multiselect--above) .multiselect__current,\n.multiselect--active:not(.multiselect--above) .multiselect__input,\n.multiselect--active:not(.multiselect--above) .multiselect__tags {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.multiselect--active .multiselect__select {\n -webkit-transform: rotateZ(180deg);\n transform: rotateZ(180deg);\n}\n.multiselect--above.multiselect--active .multiselect__current,\n.multiselect--above.multiselect--active .multiselect__input,\n.multiselect--above.multiselect--active .multiselect__tags {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.multiselect__input,\n.multiselect__single {\n position: relative;\n display: inline-block;\n min-height: 20px;\n line-height: 20px;\n border: none;\n border-radius: 5px;\n background: #fff;\n padding: 0 0 0 5px;\n width: calc(100%);\n -webkit-transition: border 0.1s ease;\n transition: border 0.1s ease;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-bottom: 8px;\n vertical-align: top;\n}\n.multiselect__input::-webkit-input-placeholder {\n color: #35495e;\n}\n.multiselect__input::-moz-placeholder {\n color: #35495e;\n}\n.multiselect__input:-ms-input-placeholder {\n color: #35495e;\n}\n.multiselect__input::-ms-input-placeholder {\n color: #35495e;\n}\n.multiselect__input::placeholder {\n color: #35495e;\n}\n.multiselect__tag ~ .multiselect__input,\n.multiselect__tag ~ .multiselect__single {\n width: auto;\n}\n.multiselect__input:hover,\n.multiselect__single:hover {\n border-color: #cfcfcf;\n}\n.multiselect__input:focus,\n.multiselect__single:focus {\n border-color: #a8a8a8;\n outline: none;\n}\n.multiselect__single {\n padding-left: 5px;\n margin-bottom: 8px;\n}\n.multiselect__tags-wrap {\n display: inline;\n}\n.multiselect__tags {\n min-height: 40px;\n display: block;\n padding: 8px 40px 0 8px;\n border-radius: 5px;\n border: 1px solid #e8e8e8;\n background: #fff;\n font-size: 14px;\n}\n.multiselect__tag {\n position: relative;\n display: inline-block;\n padding: 4px 26px 4px 10px;\n border-radius: 5px;\n margin-right: 10px;\n color: #fff;\n line-height: 1;\n background: #41b883;\n margin-bottom: 5px;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n}\n.multiselect__tag-icon {\n cursor: pointer;\n margin-left: 7px;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n font-weight: 700;\n font-style: initial;\n width: 22px;\n text-align: center;\n line-height: 22px;\n -webkit-transition: all 0.2s ease;\n transition: all 0.2s ease;\n border-radius: 5px;\n}\n.multiselect__tag-icon:after {\n content: \"×\";\n color: #266d4d;\n font-size: 14px;\n}\n.multiselect__tag-icon:focus,\n.multiselect__tag-icon:hover {\n background: #369a6e;\n}\n.multiselect__tag-icon:focus:after,\n.multiselect__tag-icon:hover:after {\n color: white;\n}\n.multiselect__current {\n line-height: 16px;\n min-height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: block;\n overflow: hidden;\n padding: 8px 12px 0;\n padding-right: 30px;\n white-space: nowrap;\n margin: 0;\n text-decoration: none;\n border-radius: 5px;\n border: 1px solid #e8e8e8;\n cursor: pointer;\n}\n.multiselect__select {\n line-height: 16px;\n display: block;\n position: absolute;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 40px;\n height: 38px;\n right: 1px;\n top: 1px;\n padding: 4px 8px;\n margin: 0;\n text-decoration: none;\n text-align: center;\n cursor: pointer;\n -webkit-transition: -webkit-transform 0.2s ease;\n transition: -webkit-transform 0.2s ease;\n transition: transform 0.2s ease;\n transition: transform 0.2s ease, -webkit-transform 0.2s ease;\n}\n.multiselect__select:before {\n position: relative;\n right: 0;\n top: 65%;\n color: #999;\n margin-top: 4px;\n border-style: solid;\n border-width: 5px 5px 0 5px;\n border-color: #999999 transparent transparent transparent;\n content: \"\";\n}\n.multiselect__placeholder {\n color: #adadad;\n display: inline-block;\n margin-bottom: 10px;\n padding-top: 2px;\n}\n.multiselect--active .multiselect__placeholder {\n display: none;\n}\n.multiselect__content-wrapper {\n position: absolute;\n display: block;\n background: #fff;\n width: 100%;\n max-height: 240px;\n overflow: auto;\n border: 1px solid #e8e8e8;\n border-top: none;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n z-index: 50;\n -webkit-overflow-scrolling: touch;\n}\n.multiselect__content {\n list-style: none;\n display: inline-block;\n padding: 0;\n margin: 0;\n min-width: 100%;\n vertical-align: top;\n}\n.multiselect--above .multiselect__content-wrapper {\n bottom: 100%;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n border-bottom: none;\n border-top: 1px solid #e8e8e8;\n}\n.multiselect__content::webkit-scrollbar {\n display: none;\n}\n.multiselect__element {\n display: block;\n}\n.multiselect__option {\n display: block;\n padding: 12px;\n min-height: 40px;\n line-height: 16px;\n text-decoration: none;\n text-transform: none;\n vertical-align: middle;\n position: relative;\n cursor: pointer;\n white-space: nowrap;\n}\n.multiselect__option:after {\n top: 0;\n right: 0;\n position: absolute;\n line-height: 40px;\n padding-right: 12px;\n padding-left: 20px;\n font-size: 13px;\n}\n.multiselect__option--highlight {\n background: #41b883;\n outline: none;\n color: white;\n}\n.multiselect__option--highlight:after {\n content: attr(data-select);\n background: #41b883;\n color: white;\n}\n.multiselect__option--selected {\n background: #f3f3f3;\n color: #35495e;\n font-weight: bold;\n}\n.multiselect__option--selected:after {\n content: attr(data-selected);\n color: silver;\n}\n.multiselect__option--selected.multiselect__option--highlight {\n background: #ff6a6a;\n color: #fff;\n}\n.multiselect__option--selected.multiselect__option--highlight:after {\n background: #ff6a6a;\n content: attr(data-deselect);\n color: #fff;\n}\n.multiselect--disabled .multiselect__current,\n.multiselect--disabled .multiselect__select {\n background: #ededed;\n color: #a6a6a6;\n}\n.multiselect__option--disabled {\n background: #ededed !important;\n color: #a6a6a6 !important;\n cursor: text;\n pointer-events: none;\n}\n.multiselect__option--group {\n background: #ededed;\n color: #35495e;\n}\n.multiselect__option--group.multiselect__option--highlight {\n background: #35495e;\n color: #fff;\n}\n.multiselect__option--group.multiselect__option--highlight:after {\n background: #35495e;\n}\n.multiselect__option--disabled.multiselect__option--highlight {\n background: #dedede;\n}\n.multiselect__option--group-selected.multiselect__option--highlight {\n background: #ff6a6a;\n color: #fff;\n}\n.multiselect__option--group-selected.multiselect__option--highlight:after {\n background: #ff6a6a;\n content: attr(data-deselect);\n color: #fff;\n}\n.multiselect-enter-active,\n.multiselect-leave-active {\n -webkit-transition: all 0.15s ease;\n transition: all 0.15s ease;\n}\n.multiselect-enter,\n.multiselect-leave-active {\n opacity: 0;\n}\n.multiselect__strong {\n margin-bottom: 8px;\n line-height: 20px;\n display: inline-block;\n vertical-align: top;\n}\n*[dir=\"rtl\"] .multiselect {\n text-align: right;\n}\n*[dir=\"rtl\"] .multiselect__select {\n right: auto;\n left: 1px;\n}\n*[dir=\"rtl\"] .multiselect__tags {\n padding: 8px 8px 0px 40px;\n}\n*[dir=\"rtl\"] .multiselect__content {\n text-align: right;\n}\n*[dir=\"rtl\"] .multiselect__option:after {\n right: auto;\n left: 0;\n}\n*[dir=\"rtl\"] .multiselect__clear {\n right: auto;\n left: 12px;\n}\n*[dir=\"rtl\"] .multiselect__spinner {\n right: auto;\n left: 1px;\n}\n@-webkit-keyframes spinning {\nfrom {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n}\nto {\n -webkit-transform: rotate(2turn);\n transform: rotate(2turn);\n}\n}\n@keyframes spinning {\nfrom {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n}\nto {\n -webkit-transform: rotate(2turn);\n transform: rotate(2turn);\n}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/Multiselect.vue","\n.custom__tag {\n display: inline-block;\n padding: 3px 12px;\n background: #d2d7ff;\n margin-right: 8px;\n margin-bottom: 8px;\n border-radius: 10px;\n cursor: pointer;\n}\n.custom__tag:nth-child(even) {\n background: #daffee;\n}\n.custom__tag:hover {\n background: #eaeaea;\n}\n.custom__remove {\n padding: 0px;\n font-size: 10px;\n margin-left: 5px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./documentation/partials/examples/MultiSelect.vue","\n.multiselect__clear {\n position: absolute;\n right: 41px;\n height: 40px;\n width: 40px;\n display: block;\n cursor: pointer;\n z-index: 3;\n}\n.multiselect__clear:before, .multiselect__clear:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 3px;\n height: 16px;\n background: #aaa;\n top: 12px;\n right: 4px;\n}\n.multiselect__clear:before {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n.multiselect__clear:after {\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./documentation/partials/examples/AjaxSearch.vue","\n.option__image {\n max-height: 80px;\n margin-right: 10px;\n display: inline-block;\n vertical-align: middle;\n}\n.option__desc {\n display: inline-block;\n vertical-align: middle;\n padding: rem(10px);\n}\n.option__title {\n font-size: rem(24px);\n}\n.option__small {\n margin-top: rem(10px);\n display: block;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./documentation/partials/examples/CustomOption.vue","\n.form__label {\n margin-top: 5px !important;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./documentation/partials/examples/CustomConfig.vue","\n.form__label {\n\tmargin-top: 5px !important;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./documentation/partials/examples/ProgrammaticCtrl.vue","\n.badge__img {\n vertical-align: middle;\n float: right;\n}\n.badge__name {\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n float: left;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./documentation/MultiselectExample.vue"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/static/js/app.3680114098f7003d72d6.js b/docs/static/js/app.3680114098f7003d72d6.js new file mode 100644 index 00000000..7c04cfec --- /dev/null +++ b/docs/static/js/app.3680114098f7003d72d6.js @@ -0,0 +1,2 @@ +webpackJsonp([1],[,,function(e,t,n){"use strict";function a(e){n(208)}var i=n(90),o=n(235),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";t.a={props:["langs","current"],methods:{select:function(e){this.$emit("select",e)}}}},function(e,t,n){"use strict";var a=n(2);t.a={components:{Multiselect:a.a},data:function(){return{badges:[{img:"https://camo.githubusercontent.com/d0e25b09a82bc4bfde9f1e048a092752eebbb4f3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c6174",name:"License"},{img:"https://img.shields.io/github/stars/shentao/vue-multiselect.svg?label=Stars",name:"GitHub Stars"},{img:"https://camo.githubusercontent.com/64f9a2333bb303d34b1587e1436b24dee6a8e134/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f7675652d6d756c746973656c6563742e737667",name:"Npm Monthly Downloads"},{img:"https://camo.githubusercontent.com/47ff0923e959e736113988e900268dfc7a601d3b/68747470733a2f2f636972636c6563692e636f6d2f67682f6d6f6e74657261696c2f7675652d6d756c746973656c6563742f747265652f6d61737465722e7376673f7374796c653d736869656c6426636972636c652d746f6b656e3d35633933316666323866643132353837363130663833353437326265636464353134643039636566",name:"Full Test Coverage"},{img:"https://img.shields.io/badge/dependencies-none-brightgreen.svg?style=flat",name:"NO Dependencies"}],value:[]}},methods:{onTagging:function(e){this.source.push({name:e,language:e}),this.value.push({name:e,language:e})}}}},function(e,t,n){"use strict";var a=n(2);t.a={components:{Multiselect:a.a},data:function(){return{actions:["alert","console.log","scrollTop"]}},methods:{dispatchAction:function(e){switch(e){case"alert":window.alert('You just dispatched "alert" action!');break;case"console.log":console.log('You just dispatched "console.log" action!');break;case"scrollTop":window.scrollTo(0,0)}}}}},function(e,t,n){"use strict";var a=n(2),i=n(135);t.a={components:{Multiselect:a.a},data:function(){return{selectedCountries:[],countries:[],isLoading:!1}},methods:{limitText:function(e){return"and ".concat(e," other countries")},asyncFind:function(e){var t=this;this.isLoading=!0,n.i(i.a)(e).then(function(e){t.countries=e,t.isLoading=!1})},clearAll:function(){this.selectedCountries=[]}}}},function(e,t,n){"use strict";var a=n(117),i=(n.n(a),n(2));t.a={components:{Multiselect:i.a},data:function(){return{isDisabled:!1,isTouched:!1,value:[],options:["Select option","Disable me!","Reset me!","mulitple","label","searchable"]}},computed:{isInvalid:function(){return this.isTouched&&0===this.value.length}},methods:{onChange:function(e){this.value=e,-1!==e.indexOf("Reset me!")&&(this.value=[])},onSelect:function(e){"Disable me!"===e&&(this.isDisabled=!0)},onTouch:function(){this.isTouched=!0}}}},function(e,t,n){"use strict";var a=n(2);t.a={components:{Multiselect:a.a},data:function(){return{value:{title:"Explorer",desc:"Discovering new species!",img:"static/posters/creatures.png"},options:[{title:"Space Pirate",desc:"More space battles!",img:"static/posters/fleet.png"},{title:"Merchant",desc:"PROFIT!",img:"static/posters/trading_post.png"},{title:"Explorer",desc:"Discovering new species!",img:"static/posters/creatures.png"},{title:"Miner",desc:"We need to go deeper!",img:"static/posters/resource_lab.png"}]}},methods:{customLabel:function(e){var t=e.title,n=e.desc;return"".concat(t," – ").concat(n)}}}},function(e,t,n){"use strict";var a=n(2);t.a={components:{Multiselect:a.a},data:function(){return{options:[{language:"Javascript",libs:[{name:"Vue.js",category:"Front-end"},{name:"Adonis",category:"Backend"}]},{language:"Ruby",libs:[{name:"Rails",category:"Backend"},{name:"Sinatra",category:"Backend"}]},{language:"Other",libs:[{name:"Laravel",category:"Backend"},{name:"Phoenix",category:"Backend"}]}],value:[]}}}},function(e,t,n){"use strict";var a=n(2);t.a={components:{Multiselect:a.a},data:function(){return{value:[],options:[{name:"Vue.js",language:"JavaScript"},{name:"Adonis",language:"JavaScript"},{name:"Rails",language:"Ruby"},{name:"Sinatra",language:"Ruby"},{name:"Laravel",language:"PHP"},{name:"Phoenix",language:"Elixir"}]}}}},function(e,t,n){"use strict";var a=n(68),i=(n.n(a),n(2));t.a={components:{Multiselect:i.a},data:function(){return{isOpen:!1,value:[],options:["Select option","Option 1","Option 2","Option 3","Option 4","Option 5"]}},methods:{toggle:function(){var e=this;this.$refs.multiselect.$el.focus(),setTimeout(function(){e.$refs.multiselect.$refs.search.blur()},1e3)},open:function(){this.$refs.multiselect.activate()},close:function(){this.$refs.multiselect.deactivate()}}}},function(e,t,n){"use strict";var a=n(2);t.a={components:{Multiselect:a.a},data:function(){return{value:null,options:[{name:"Vue.js",language:"JavaScript"},{name:"Rails",language:"Ruby"},{name:"Sinatra",language:"Ruby"},{name:"Laravel",language:"PHP",$isDisabled:!0},{name:"Phoenix",language:"Elixir"}]}}}},function(e,t,n){"use strict";var a=n(2);t.a={components:{Multiselect:a.a},data:function(){return{value:"",options:["Select option","options","selected","multiple","label","searchable","clearOnSelect","hideSelected","maxHeight","allowEmpty","showLabels","onChange","touched"]}}}},function(e,t,n){"use strict";var a=n(119),i=(n.n(a),n(2));t.a={components:{Multiselect:i.a},data:function(){return{value:{name:"Vue.js",language:"JavaScript"},options:[{name:"Vue.js",language:"JavaScript"},{name:"Rails",language:"Ruby"},{name:"Sinatra",language:"Ruby"},{name:"Laravel",language:"PHP"},{name:"Phoenix",language:"Elixir"}]}},methods:{nameWithLang:function(e){var t=e.name,n=e.language;return"".concat(t," — [").concat(n,"]")}}}},function(e,t,n){"use strict";var a=n(2);t.a={components:{Multiselect:a.a},data:function(){return{value:[{name:"Javascript",code:"js"}],options:[{name:"Vue.js",code:"vu"},{name:"Javascript",code:"js"},{name:"Open Source",code:"os"}]}},methods:{addTag:function(e){var t={name:e,code:e.substring(0,2)+Math.floor(1e7*Math.random())};this.options.push(t),this.value.push(t)}}}},function(e,t,n){"use strict";function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function i(e){for(var t=1;twindow.innerHeight,C||o();for(var e=C.length-1;e>=0;e--)if(window.scrollY>C[e].offset){this.currentPosition=C[e].id;break}},onTagging:function(e){this.source.push({name:e,language:e}),this.value.push({name:e,language:e})}},mounted:function(){this.adjustNav(),window.addEventListener("scroll",this.adjustNav),setTimeout(function(){o()},1e3)}})},function(e,t,n){"use strict";function a(e){return new Promise(function(t,n){setTimeout(function(){var n=c.a.filter(function(t,n,a){return t.name.toLowerCase().includes(e.toLowerCase())});t(n)},1e3)})}t.a=a;var i=n(119),o=(n.n(i),n(201)),s=(n.n(o),n(199)),l=(n.n(s),n(29)),r=(n.n(l),n(129)),c=n.n(r)},function(e,t,n){"use strict";function a(e){return 0!==e&&(!(!Array.isArray(e)||0!==e.length)||!e)}function i(e){return function(){return!e.apply(void 0,arguments)}}function o(e,t){return void 0===e&&(e="undefined"),null===e&&(e="null"),!1===e&&(e="false"),-1!==e.toString().toLowerCase().indexOf(t.trim())}function s(e,t,n,a){return e.filter(function(e){return o(a(e,n),t)})}function l(e){return e.filter(function(e){return!e.$isLabel})}function r(e,t){return function(n){return n.reduce(function(n,a){return a[e]&&a[e].length?(n.push({$groupLabel:a[t],$isLabel:!0}),n.concat(a[e])):n},[])}}function c(e,t,a,i,o){return function(l){return l.map(function(l){var r;if(!l[a])return console.warn("Options passed to vue-multiselect do not contain groups, despite the config."),[];var c=s(l[a],e,t,o);return c.length?(r={},n.i(m.a)(r,i,l[i]),n.i(m.a)(r,a,c),r):[]})}}var u=n(133),d=n(116),p=(n.n(d),n(68)),h=(n.n(p),n(67)),m=(n.n(h),n(40)),f=n(70),g=(n.n(f),n(41)),v=(n.n(g),n(196)),b=(n.n(v),n(29)),_=(n.n(b),n(200)),y=(n.n(_),n(117)),S=(n.n(y),n(120)),w=(n.n(S),n(118)),O=(n.n(w),n(194)),C=(n.n(O),function(){for(var e=arguments.length,t=new Array(e),n=0;n-1},isSelected:function(e){var t=this.trackBy?e[this.trackBy]:e;return this.valueKeys.indexOf(t)>-1},isOptionDisabled:function(e){return!!e.$isDisabled},getOptionLabel:function(e){if(a(e))return"";if(e.isTag)return e.label;if(e.$isLabel)return e.$groupLabel;var t=this.customLabel(e,this.label);return a(t)?"":t},select:function(e,t){if(e.$isLabel&&this.groupSelect)return void this.selectGroup(e);if(!(-1!==this.blockKeys.indexOf(t)||this.disabled||e.$isDisabled||e.$isLabel)&&(!this.max||!this.multiple||this.internalValue.length!==this.max)&&("Tab"!==t||this.pointerDirty)){if(e.isTag)this.$emit("tag",e.label,this.id),this.search="",this.closeOnSelect&&!this.multiple&&this.deactivate();else{if(this.isSelected(e))return void("Tab"!==t&&this.removeElement(e));this.$emit("select",e,this.id),this.multiple?this.$emit("input",this.internalValue.concat([e]),this.id):this.$emit("input",e,this.id),this.clearOnSelect&&(this.search="")}this.closeOnSelect&&this.deactivate()}},selectGroup:function(e){var t=this,n=this.options.find(function(n){return n[t.groupLabel]===e.$groupLabel});if(n){if(this.wholeGroupSelected(n)){this.$emit("remove",n[this.groupValues],this.id);var a=this.internalValue.filter(function(e){return-1===n[t.groupValues].indexOf(e)});this.$emit("input",a,this.id)}else{var i=n[this.groupValues].filter(function(e){return!(t.isOptionDisabled(e)||t.isSelected(e))});this.$emit("select",i,this.id),this.$emit("input",this.internalValue.concat(i),this.id)}this.closeOnSelect&&this.deactivate()}},wholeGroupSelected:function(e){var t=this;return e[this.groupValues].every(function(e){return t.isSelected(e)||t.isOptionDisabled(e)})},wholeGroupDisabled:function(e){return e[this.groupValues].every(this.isOptionDisabled)},removeElement:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!this.disabled&&!e.$isDisabled){if(!this.allowEmpty&&this.internalValue.length<=1)return void this.deactivate();var a="object"===n.i(u.a)(e)?this.valueKeys.indexOf(e[this.trackBy]):this.valueKeys.indexOf(e);if(this.$emit("remove",e,this.id),this.multiple){var i=this.internalValue.slice(0,a).concat(this.internalValue.slice(a+1));this.$emit("input",i,this.id)}else this.$emit("input",null,this.id);this.closeOnSelect&&t&&this.deactivate()}},removeLastElement:function(){-1===this.blockKeys.indexOf("Delete")&&0===this.search.length&&Array.isArray(this.internalValue)&&this.internalValue.length&&this.removeElement(this.internalValue[this.internalValue.length-1],!1)},activate:function(){var e=this;this.isOpen||this.disabled||(this.adjustPosition(),this.groupValues&&0===this.pointer&&this.filteredOptions.length&&(this.pointer=1),this.isOpen=!0,this.searchable?(this.preserveSearch||(this.search=""),this.$nextTick(function(){return e.$refs.search&&e.$refs.search.focus()})):this.$el.focus(),this.$emit("open",this.id))},deactivate:function(){this.isOpen&&(this.isOpen=!1,this.searchable?this.$refs.search&&this.$refs.search.blur():this.$el.blur(),this.preserveSearch||(this.search=""),this.$emit("close",this.getValue(),this.id))},toggle:function(){this.isOpen?this.deactivate():this.activate()},adjustPosition:function(){if("undefined"!=typeof window){var e=this.$el.getBoundingClientRect().top,t=window.innerHeight-this.$el.getBoundingClientRect().bottom;t>this.maxHeight||t>e||"below"===this.openDirection||"bottom"===this.openDirection?(this.preferredOpenDirection="below",this.optimizedHeight=Math.min(t-40,this.maxHeight)):(this.preferredOpenDirection="above",this.optimizedHeight=Math.min(e-40,this.maxHeight))}}}}},function(e,t,n){"use strict";var a=n(116),i=(n.n(a),n(120)),o=(n.n(i),n(118)),s=(n.n(o),n(68)),l=(n.n(s),n(67));n.n(l);t.a={data:function(){return{pointer:0,pointerDirty:!1}},props:{showPointer:{type:Boolean,default:!0},optionHeight:{type:Number,default:40}},computed:{pointerPosition:function(){return this.pointer*this.optionHeight},visibleElements:function(){return this.optimizedHeight/this.optionHeight}},watch:{filteredOptions:function(){this.pointerAdjust()},isOpen:function(){this.pointerDirty=!1},pointer:function(){this.$refs.search&&this.$refs.search.setAttribute("aria-activedescendant",this.id+"-"+this.pointer.toString())}},methods:{optionHighlight:function(e,t){return{"multiselect__option--highlight":e===this.pointer&&this.showPointer,"multiselect__option--selected":this.isSelected(t)}},groupHighlight:function(e,t){var n=this;if(!this.groupSelect)return["multiselect__option--disabled",{"multiselect__option--group":t.$isLabel}];var a=this.options.find(function(e){return e[n.groupLabel]===t.$groupLabel});return a&&!this.wholeGroupDisabled(a)?["multiselect__option--group",{"multiselect__option--highlight":e===this.pointer&&this.showPointer},{"multiselect__option--group-selected":this.wholeGroupSelected(a)}]:"multiselect__option--disabled"},addPointerElement:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"Enter",t=e.key;this.filteredOptions.length>0&&this.select(this.filteredOptions[this.pointer],t),this.pointerReset()},pointerForward:function(){this.pointer0?(this.pointer--,this.$refs.list.scrollTop>=this.pointerPosition&&(this.$refs.list.scrollTop=this.pointerPosition),this.filteredOptions[this.pointer]&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerBackward()):this.filteredOptions[this.pointer]&&this.filteredOptions[0].$isLabel&&!this.groupSelect&&this.pointerForward(),this.pointerDirty=!0},pointerReset:function(){this.closeOnSelect&&(this.pointer=0,this.$refs.list&&(this.$refs.list.scrollTop=0))},pointerAdjust:function(){this.pointer>=this.filteredOptions.length-1&&(this.pointer=this.filteredOptions.length?this.filteredOptions.length-1:0),this.filteredOptions.length>0&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerForward()},pointerSet:function(e){this.pointer=e,this.pointerDirty=!0}}}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},,,function(e,t,n){"use strict";var a=n(78),i=n(237),o=n(1),s=o(a.a,i.a,!1,null,null,null);t.a=s.exports},function(e,t,n){"use strict";function a(e){n(209)}var i=n(79),o=n(236),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},function(e,t,n){"use strict";function a(e){n(203)}var i=n(80),o=n(228),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},function(e,t,n){"use strict";function a(e){n(206)}var i=n(81),o=n(231),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},function(e,t,n){"use strict";function a(e){n(210)}var i=n(82),o=n(238),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},function(e,t,n){"use strict";function a(e){n(212)}var i=n(83),o=n(241),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},function(e,t,n){"use strict";function a(e){n(202)}var i=n(84),o=n(227),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},function(e,t,n){"use strict";function a(e){n(205)}var i=n(85),o=n(230),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},function(e,t,n){"use strict";var a=n(86),i=n(233),o=n(1),s=o(a.a,i.a,!1,null,null,null);t.a=s.exports},function(e,t,n){"use strict";function a(e){n(211)}var i=n(87),o=n(240),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},function(e,t,n){"use strict";function a(e){n(204)}var i=n(88),o=n(229),s=n(1),l=a,r=s(i.a,o.a,!1,l,null,null);t.a=r.exports},function(e,t,n){"use strict";var a=n(89),i=n(234),o=n(1),s=o(a.a,i.a,!1,null,null,null);t.a=s.exports},function(e,t,n){"use strict";var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("button",{staticClass:"button button-small",on:{click:e.toggle}},[e._v("Toggle")]),e._v(" "),n("button",{staticClass:"button button-small",on:{click:e.open}},[e._v("Open")]),e._v(" "),n("button",{staticClass:"button button-small",on:{click:e.close}},[e._v("Close")]),e._v(" "),n("pre",[e._v("Multiselect Open: "+e._s(e.isOpen))]),n("label",{staticClass:"typo__label"},[e._v("Controlling multiselect programmatically")]),n("multiselect",{ref:"multiselect",attrs:{placeholder:"Pick at least one",value:e.value,options:e.options,multiple:!0,searchable:!0,"allow-empty":!1,"hide-selected":!0,"max-height":150,max:3},on:{open:function(t){e.isOpen=!0},close:function(t){e.isOpen=!1}}})],1)},i=[],o={render:a,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:{invalid:e.isInvalid}},[n("label",{staticClass:"typo__label"},[e._v("Customized multiselect")]),n("multiselect",{attrs:{placeholder:"Pick at least one","select-label":"Enter doesn’t work here!",value:e.value,options:e.options,multiple:!0,searchable:!0,"allow-empty":!1,"hide-selected":!0,"max-height":150,max:3,disabled:e.isDisabled,"block-keys":["Tab","Enter"]},on:{input:e.onChange,close:e.onTouch,select:e.onSelect}}),n("label",{directives:[{name:"show",rawName:"v-show",value:e.isInvalid,expression:"isInvalid"}],staticClass:"typo__label form__label"},[e._v("Must have at least one value")])],1)},i=[],o={render:a,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("label",{staticClass:"typo__label"},[e._v("Tagging")]),n("multiselect",{attrs:{"tag-placeholder":"Add this as new tag",placeholder:"Search or add a tag",label:"name","track-by":"code",options:e.options,multiple:!0,taggable:!0},on:{tag:e.addTag},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}}),n("pre",{staticClass:"language-json"},[n("code",[e._v(e._s(e.value))])])],1)},i=[],o={render:a,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("label",{staticClass:"typo__label"},[e._v("Single select / dropdown")]),n("multiselect",{attrs:{"deselect-label":"Can't remove this value","track-by":"name",label:"name",placeholder:"Select one",options:e.options,searchable:!1,"allow-empty":!1},scopedSlots:e._u([{key:"singleLabel",fn:function(t){var a=t.option;return[n("strong",[e._v(e._s(a.name))]),e._v(" is written in"),n("strong",[e._v(" "+e._s(a.language))])]}}]),model:{value:e.value,callback:function(t){e.value=t},expression:"value"}}),n("pre",{staticClass:"language-json"},[n("code",[e._v(e._s(e.value))])])],1)},i=[],o={render:a,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("label",{staticClass:"typo__label"},[e._v("Custom option template")]),n("multiselect",{attrs:{placeholder:"Fav No Man’s Sky path",label:"title","track-by":"title",options:e.options,"option-height":104,"custom-label":e.customLabel,"show-labels":!1},scopedSlots:e._u([{key:"singleLabel",fn:function(t){return[n("img",{staticClass:"option__image",attrs:{src:t.option.img,alt:"No Man’s Sky"}}),n("span",{staticClass:"option__desc"},[n("span",{staticClass:"option__title"},[e._v(e._s(t.option.title))])])]}},{key:"option",fn:function(t){return[n("img",{staticClass:"option__image",attrs:{src:t.option.img,alt:"No Man’s Sky"}}),n("div",{staticClass:"option__desc"},[n("span",{staticClass:"option__title"},[e._v(e._s(t.option.title))]),n("span",{staticClass:"option__small"},[e._v(e._s(t.option.desc))])])]}}]),model:{value:e.value,callback:function(t){e.value=t},expression:"value"}}),n("pre",{staticClass:"language-json"},[n("code",[e._v(e._s(e.value))])])],1)},i=[],o={render:a,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("multiselect",{attrs:{label:"name","track-by":"name",placeholder:"Pick badges",options:e.badges,multiple:!0,"show-labels":!1,limit:3},on:{tag:e.onTagging},scopedSlots:e._u([{key:"option",fn:function(t){return[n("span",{staticClass:"badge__name"},[e._v(e._s(t.option.name))]),n("img",{staticClass:"badge__img",attrs:{src:t.option.img,alt:t.option.name}})]}}]),model:{value:e.value,callback:function(t){e.value=t},expression:"value"}},[n("span",{attrs:{slot:"noResult"},slot:"noResult"},[e._v("Badge not found. Suggest a badge "),n("a",{staticClass:"typo__link",attrs:{href:"https://github.com/shentao/vue-multiselect/issues",target:"_blank"}},[e._v("here")]),e._v(".")])])],1)},i=[],o={render:a,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("label",{staticClass:"typo__label"},[e._v("Single select")]),n("multiselect",{attrs:{options:e.options,searchable:!1,"close-on-select":!1,"show-labels":!1,placeholder:"Pick a value"},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}}),n("pre",{staticClass:"language-json"},[n("code",[e._v(e._s(e.value))])])],1)},i=[],o={render:a,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("label",{staticClass:"typo__label"},[e._v("Vuex example.")]),n("multiselect",{attrs:{placeholder:"Pick action",value:e.value,options:e.options,searchable:!1},on:{input:e.updateValueAction}})],1)},i=[],o={render:a,staticRenderFns:i};t.a=o},function(e,t,n){"use strict";var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"multiselect",class:{"multiselect--active":e.isOpen,"multiselect--disabled":e.disabled,"multiselect--above":e.isAbove},attrs:{tabindex:e.searchable?-1:e.tabindex,role:"combobox","aria-owns":"listbox-"+e.id},on:{focus:function(t){return e.activate()},blur:function(t){!e.searchable&&e.deactivate()},keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:t.target!==t.currentTarget?null:(t.preventDefault(),e.pointerForward())},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:t.target!==t.currentTarget?null:(t.preventDefault(),e.pointerBackward())}],keypress:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")&&e._k(t.keyCode,"tab",9,t.key,"Tab")?null:(t.stopPropagation(),t.target!==t.currentTarget?null:e.addPointerElement(t))},keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.deactivate()}}},[e._t("caret",function(){return[n("div",{staticClass:"multiselect__select",on:{mousedown:function(t){return t.preventDefault(),t.stopPropagation(),e.toggle()}}})]},{toggle:e.toggle}),e._v(" "),e._t("clear",null,{search:e.search}),e._v(" "),n("div",{ref:"tags",staticClass:"multiselect__tags"},[e._t("selection",function(){return[n("div",{directives:[{name:"show",rawName:"v-show",value:e.visibleValues.length>0,expression:"visibleValues.length > 0"}],staticClass:"multiselect__tags-wrap"},[e._l(e.visibleValues,function(t,a){return[e._t("tag",function(){return[n("span",{key:a,staticClass:"multiselect__tag"},[n("span",{domProps:{textContent:e._s(e.getOptionLabel(t))}}),e._v(" "),n("i",{staticClass:"multiselect__tag-icon",attrs:{tabindex:"1"},on:{keypress:function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"enter",13,n.key,"Enter")?null:(n.preventDefault(),e.removeElement(t))},mousedown:function(n){return n.preventDefault(),e.removeElement(t)}}})])]},{option:t,search:e.search,remove:e.removeElement})]})],2),e._v(" "),e.internalValue&&e.internalValue.length>e.limit?[e._t("limit",function(){return[n("strong",{staticClass:"multiselect__strong",domProps:{textContent:e._s(e.limitText(e.internalValue.length-e.limit))}})]})]:e._e()]},{search:e.search,remove:e.removeElement,values:e.visibleValues,isOpen:e.isOpen}),e._v(" "),n("transition",{attrs:{name:"multiselect__loading"}},[e._t("loading",function(){return[n("div",{directives:[{name:"show",rawName:"v-show",value:e.loading,expression:"loading"}],staticClass:"multiselect__spinner"})]})],2),e._v(" "),e.searchable?n("input",{ref:"search",staticClass:"multiselect__input",style:e.inputStyle,attrs:{name:e.name,id:e.id,type:"text",autocomplete:"off",spellcheck:"false",placeholder:e.placeholder,disabled:e.disabled,tabindex:e.tabindex,"aria-controls":"listbox-"+e.id},domProps:{value:e.search},on:{input:function(t){return e.updateSearch(t.target.value)},focus:function(t){return t.preventDefault(),e.activate()},blur:function(t){return t.preventDefault(),e.deactivate()},keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.deactivate()},keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:(t.preventDefault(),e.pointerForward())},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:(t.preventDefault(),e.pointerBackward())},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"delete",[8,46],t.key,["Backspace","Delete","Del"])?null:(t.stopPropagation(),e.removeLastElement())}],keypress:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:(t.preventDefault(),t.stopPropagation(),t.target!==t.currentTarget?null:e.addPointerElement(t))}}}):e._e(),e._v(" "),e.isSingleLabelVisible?n("span",{staticClass:"multiselect__single",on:{mousedown:function(t){return t.preventDefault(),e.toggle.apply(null,arguments)}}},[e._t("singleLabel",function(){return[[e._v(e._s(e.currentOptionLabel))]]},{option:e.singleValue})],2):e._e(),e._v(" "),e.isPlaceholderVisible?n("span",{staticClass:"multiselect__placeholder",on:{mousedown:function(t){return t.preventDefault(),e.toggle.apply(null,arguments)}}},[e._t("placeholder",function(){return[e._v("\n "+e._s(e.placeholder)+"\n ")]})],2):e._e()],2),e._v(" "),n("transition",{attrs:{name:"multiselect"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"isOpen"}],ref:"list",staticClass:"multiselect__content-wrapper",style:{maxHeight:e.optimizedHeight+"px"},attrs:{tabindex:"-1"},on:{focus:e.activate,mousedown:function(e){e.preventDefault()}}},[n("ul",{staticClass:"multiselect__content",style:e.contentStyle,attrs:{role:"listbox",id:"listbox-"+e.id}},[e._t("beforeList"),e._v(" "),e.multiple&&e.max===e.internalValue.length?n("li",[n("span",{staticClass:"multiselect__option"},[e._t("maxElements",function(){return[e._v("Maximum of "+e._s(e.max)+" options selected. First remove a selected option to select another.")]})],2)]):e._e(),e._v(" "),!e.max||e.internalValue.length