{"_id":"@alias-npm/vue-multiselect","name":"@alias-npm/vue-multiselect","dist-tags":{"latest":"2.1.8"},"versions":{"2.1.8":{"name":"@alias-npm/vue-multiselect","version":"2.1.8","private":false,"types":"index.d.ts","scripts":{"test":"vue-cli-service test:unit","lint":"eslint --ext .js,.vue src tests/unit/*.spec.js","dev":"node build/dev-server.js","bundle:dist":"rm -rf dist && webpack --config build/webpack.bundle.conf.js","bundle":"node build/bundle.js","prepare":"npm run bundle","docs":"rm -rf docs && mkdir docs && node build/build.js","unit":"vue-cli-service test:unit --watch","finish":"npm run lint && npm test && npm run bundle"},"devDependencies":{"@vue/cli-plugin-babel":"^5.0.8","@vue/cli-plugin-unit-jest":"^4.5.19","@vue/cli-service":"^3.0.4","@vue/test-utils":"^1.0.0-beta.25","autoprefixer":"^9.6.1","babel-cli":"^6.26.0","babel-core":"^7.0.0-0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.2","babel-jest":"^22.0.4","babel-loader":"^7.1.2","babel-plugin-istanbul":"^6.1.1","babel-plugin-syntax-jsx":"^6.13.0","babel-plugin-transform-es2015-destructuring":"^6.23.0","babel-plugin-transform-export-extensions":"^6.8.0","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-plugin-transform-runtime":"^6.0.0","babel-plugin-transform-vue-jsx":"^3.7.0","babel-preset-es2015":"^6.6.0","babel-preset-stage-2":"^6.22.0","babel-register":"^6.26.0","chalk":"^1.1.3","connect-history-api-fallback":"^2.0.0","copy-webpack-plugin":"^4.0.0","core-js":"^3.26.0","cross-env":"^7.0.3","css-loader":"^0.28.11","cssnano":"^4.1.7","es6-promise":"^4.2.4","eslint":"^6.8.0","eslint-config-standard":"^7.1.0","eslint-friendly-formatter":"^4.0.1","eslint-loader":"^2.2.1","eslint-plugin-html":"^7.1.0","eslint-plugin-promise":"^4.3.1","eslint-plugin-standard":"^5.0.0","eslint-plugin-vue":"^6.2.2","eventsource-polyfill":"^0.9.6","express":"^4.16.3","extract-text-webpack-plugin":"^2.0.0-rc.3","file-loader":"^2.0.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","html-loader":"^0.5.5","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^2.0.6","inject-loader":"^4.0.1","json-loader":"^0.5.4","jstransformer-markdown-it":"^3.0.0","lolex":"^6.0.0","node-sass":"^7.0.0","opn":"^6.0.0","optimize-css-assets-webpack-plugin":"^1.3.0","ora":"^4.0.1","pug":"^2.0.0-beta11","pug-loader":"^2.3.0","raw-loader":"^0.5.1","sass-loader":"^6.0.1","semver":"^7.3.8","shelljs":"^0.8.3","url-loader":"^0.6.2","vue":"^2.6.14","vue-hot-reload-api":"^2.3.4","vue-html-loader":"^1.0.0","vue-loader":"^13.3.0","vue-style-loader":"^4.1.2","vue-template-compiler":"^2.6.14","vue-template-es2015-compiler":"^1.6.0","vuex":"^3.6.2","webpack":"^2.2.1","webpack-bundle-analyzer":"^4.7.0","webpack-dev-middleware":"^2.0.6","webpack-hot-middleware":"^2.16.1","webpack-merge":"^5.8.0"},"license":"MIT","homepage":"https://shentao.github.io/vue-multiselect/","main":"dist/vue-multiselect.min.js","author":{"name":"Damian Dulisz","email":"damian.dulisz@gmail.com"},"jsnext:main":"dist/vue-multiselect.min.js","bugs":{"url":"https://github.com/shentao/vue-multiselect/issues"},"jspm":{"main":"dist/vue-multiselect.min.js","registry":"npm","format":"esm"},"repository":{"type":"git","url":"git+https://github.com/shentao/vue-multiselect.git"},"description":"Multiselect component for vue.js","unpkg":"dist/vue-multiselect.min.js","engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"licenseText":"MIT License\n\nCopyright (c) 2016 Damian Dulisz\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@alias-npm/vue-multiselect@2.1.8","dist":{"shasum":"183af301e003349eb6ed5f0579993258c8ad60fb","integrity":"sha512-HxX5fIHZstq6uKOEVRHK1AvMX8hCfzDMwc5lE2wL9AkRGEhrRH3p+L7/9+i0yAnLhFlIYHZfqiUXSYT4RThcCg==","tarball":"https://registry.npmjs.org/@alias-npm/vue-multiselect/-/vue-multiselect-2.1.8.tgz","fileCount":14,"unpackedSize":130694,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF5KwUdkrek0y5sLNhwi8qWf0KdDOFVd7xNoZgd3iQE+AiEA9J7bwVnRigwjr6/Qx7eXXCxotpxEZr+r1hZYDmW+yy0="}]},"_npmUser":{"name":"alias-npm","email":"aliasinnov@gmail.com"},"directories":{},"maintainers":[{"name":"alias-npm","email":"aliasinnov@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-multiselect_2.1.8_1692281780866_0.1337929497065835"},"_hasShrinkwrap":false}},"time":{"created":"2023-08-17T14:16:20.778Z","2.1.8":"2023-08-17T14:16:21.050Z","modified":"2023-08-17T14:16:21.258Z"},"maintainers":[{"name":"alias-npm","email":"aliasinnov@gmail.com"}],"description":"Multiselect component for vue.js","homepage":"https://shentao.github.io/vue-multiselect/","repository":{"type":"git","url":"git+https://github.com/shentao/vue-multiselect.git"},"author":{"name":"Damian Dulisz","email":"damian.dulisz@gmail.com"},"bugs":{"url":"https://github.com/shentao/vue-multiselect/issues"},"license":"MIT","readme":"# vue-multiselect [](https://codecov.io/gh/shentao/vue-multiselect/branch/2.0)[](https://www.npmjs.com/package/vue-multiselect)\nProbably the most complete *selecting* solution for Vue.js 2.0, without jQuery.\n\n### Vue 3.0 Support\nFor Vue 3.0 compatible version see [`next`](https://github.com/shentao/vue-multiselect/tree/next) branch.\n\n\n \n\n\n## Documentation\nVisit: [vue-multiselect.js.org](https://vue-multiselect.js.org/#sub-getting-started)\n\n## Sponsors\n\n
\n\n## Features & characteristics:\n* NO dependencies\n* Single select\n* Multiple select\n* Tagging\n* Dropdowns\n* Filtering\n* Search with suggestions\n* Logic split into mixins\n* Basic component and support for custom components\n* V-model support\n* Vuex support\n* Async options support\n* \\> 95% test coverage\n* Fully configurable (see props list below)\n\n## Breaking changes:\n* Instead of Vue.partial for custom option templates you can use a custom render function.\n* The `:key` props has changed to `:track-by`, due to conflicts with Vue 2.0.\n* Support for `v-model`\n* `@update` has changed to `@input` to also work with v-model\n* `:selected` has changed to `:value` for the same reason\n* Browserify users: if you wish to import `.vue` files, please add `vueify` transform.\n\n## Install & basic usage\n\n```bash\nnpm install vue-multiselect\n```\n\n```vue\n\n
\n \n \n
\n\n\n\n\n\n```\n\n## JSFiddle\n\n[Example JSFiddle](https://jsfiddle.net/mattelen/8cyt3hrn/5/) – Use this for issue reproduction.\n\n## Examples\nin jade-lang/pug-lang\n\n### Single select / dropdown\n``` jade\nmultiselect(\n :value=\"value\",\n :options=\"source\",\n :searchable=\"false\",\n :close-on-select=\"false\",\n :allow-empty=\"false\",\n @input=\"updateSelected\",\n label=\"name\",\n placeholder=\"Select one\",\n track-by=\"name\"\n)\n```\n\n### Single select with search\n``` jade\nmultiselect(\n v-model=\"value\",\n :options=\"source\",\n :close-on-select=\"true\",\n :clear-on-select=\"false\",\n placeholder=\"Select one\",\n label=\"name\",\n track-by=\"name\"\n)\n```\n\n### Multiple select with search\n``` jade\nmultiselect(\n v-model=\"multiValue\",\n :options=\"source\",\n :multiple=\"true\",\n :close-on-select=\"true\",\n placeholder=\"Pick some\",\n label=\"name\",\n track-by=\"name\"\n)\n```\n\n### Tagging\nwith `@tag` event\n``` jade\nmultiselect(\n v-model=\"taggingSelected\",\n :options=\"taggingOptions\",\n :multiple=\"true\",\n :taggable=\"true\",\n @tag=\"addTag\",\n tag-placeholder=\"Add this as new tag\",\n placeholder=\"Type to search or add tag\",\n label=\"name\",\n track-by=\"code\"\n)\n```\n\n``` javascript\n\naddTag (newTag) {\n const tag = {\n name: newTag,\n code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))\n }\n this.taggingOptions.push(tag)\n this.taggingSelected.push(tag)\n},\n```\n\n### Asynchronous dropdown\n``` jade\nmultiselect(\n v-model=\"selectedCountries\",\n :options=\"countries\",\n :multiple=\"multiple\",\n :searchable=\"searchable\",\n @search-change=\"asyncFind\",\n placeholder=\"Type to search\",\n label=\"name\"\n track-by=\"code\"\n)\n span(slot=\"noResult\").\n Oops! No elements found. Consider changing the search query.\n```\n\n``` javascript\nmethods: {\n asyncFind (query) {\n this.countries = findService(query)\n }\n}\n```\n\n## Contributing\n\n``` bash\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# distribution build with minification\nnpm run bundle\n\n# build the documentation into docs\nnpm run docs\n\n# run unit tests\nnpm run test\n\n# run unit tests watch\nnpm run unit\n\n```\n\nFor detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).\n","readmeFilename":"README.md"}
![\"Vue-Multiselect](\"/multiselect-screen-203.png\")
\n![\"Get](\"https://cdn.discordapp.com/attachments/1002927810710605875/1034915542596845728/getform.png\")
\n \n![\"Storyblok\"](\"https://a.storyblok.com/f/51376/3856x824/fea44d52a9/colored-full.png\")
\n \n![\"Vue](\"https://cdn.discordapp.com/attachments/258614093362102272/557267759130607630/Vue-Mastery-Big.png\")
\n \n