\r\n\r\n| Prop | \r\nDescription | \r\n
\r\n\r\n | \r\n v-model\r\n | \r\n \r\n Model to bind output to. You can set it initially to pre-select items. Note: you will need to exclude selected items from each query. Type: {id: string, value: string, group?: string}. The component will NOT watch for changes on the model and re-fresh the list.\r\n | \r\n
\r\n\r\n | \r\n :search-function\r\n | \r\n \r\n Function that will get called when the component needs data. It should be async or return a Promise. A string query will be passed in as the only parameter. While the promise is not fulfilled, a loading indicator will show.\r\n | \r\n
\r\n\r\n | \r\n placeholder\r\n | \r\n \r\n Text to show in the select field when no items are selected. Defaults to 'None' \r\n | \r\n
\r\n\r\n | \r\n size\r\n | \r\n \r\n How wide to expand the menu. Options are, null, medium, large, x-large. They will fall back on a size that fits. Default size is 366px wide, it will look good in most modern mobile devices.\r\n | \r\n
\r\n\r\n | \r\n hide-search\r\n | \r\n \r\n Hides the search bar. Search is on by default. If you have a small list and still want to use this component, you have the option to turn it off. You can also turn it off dynamically if items < 10 for example.\r\n | \r\n
\r\n
\r\n\r\n## Roadmap\r\n* ~~Add demo static site.~~\r\n* Clean up the code a bit and add comments.\r\n* Add interfaces for parameters\r\n * We should add a few more features before making contracts\r\n* Speed it up\r\n * It gets a little slow when you have 1000 items, and you have to group and sort them\r\n * Keeping the limit to 100 makes it work well.\r\n* Test browser compatibility.\r\n * Seems to work well in Chrome, Firefox, Edge\r\n * We should establish what we support.\r\n* Remove Vuetify dependency\r\n * Vuetify provides some very cool pre-made components, but we want this to be usable with any library.\r\n* ~~Figure out a smart way to do widths.~~\r\n * ~~Sometimes if we have a large monitor and long item names, we want to stretch it very wide. If the item names are not long it does not look good.~~\r\n* ~~Add a prop to Hide Search (May want to keep it for all use-cases?)~~\r\n * ~~Sometimes we want to use this with a very small list and don't need the search box.~~\r\n* Add test coverage?\r\n* Add a way to reset it to original state dynamically\r\n * Reset selected list\r\n * Re-run blank query\r\n * Through Emitter?\r\n* Add slots to make it fully customizable\r\n* Add more input interactions\r\n * Currently Supported:\r\n * Click (Select)\r\n * Ctrl-Click (Select Multiple)\r\n * Double-Click (Move Item)\r\n * Needed:\r\n * Shift-Click\r\n * Ctrl-A ?\r\n * Move with arrow keys?\r\n * Shift-arrow keys?\r\n","readmeFilename":"README.md"}![\"Total](\"https://img.shields.io/npm/dt/@banneredge/vue-listbox-multiselect.svg\")
\r\n ![\"Latest](\"https://img.shields.io/npm/v/@banneredge/vue-listbox-multiselect.svg\")
\r\n ![\"License\"](\"https://img.shields.io/npm/l/@banneredge/vue-listbox-multiselect.svg\")
\r\n