├── src ├── examples │ ├── Serializer.vue │ ├── Geocoder.vue │ ├── BasicExample.vue │ ├── WorkingWithAPIs.vue │ ├── CustomSuggestion.vue │ ├── PrependAppend.vue │ └── CountrySearch.vue ├── main.js ├── components │ ├── VueBootstrapTypeaheadListItem.vue │ ├── VueBootstrapTypeaheadList.vue │ └── VueBootstrapTypeahead.vue ├── views │ ├── Examples.vue │ ├── Home.vue │ └── Reference.vue ├── router.js └── App.vue ├── .npmignore ├── .browserslistrc ├── .coveralls.yml ├── babel.config.js ├── .postcssrc.js ├── docs ├── favicon.ico ├── index.html ├── js │ ├── reference.6395bf5b.js │ ├── examples.f4b323dd.js │ ├── reference.6395bf5b.js.map │ ├── examples.f4b323dd.js.map │ ├── app.15abc5c0.js │ └── app.15abc5c0.js.map ├── css │ └── chunk-vendors.d12e13d5.css └── countries.json ├── public ├── favicon.ico ├── index.html └── countries.json ├── assets └── screenshot.png ├── vue.config.js ├── dist ├── VueBootstrapTypeahead.css ├── demo.html └── VueBootstrapTypeahead.umd.min.js ├── tests └── unit │ ├── .eslintrc.js │ ├── VueBootstrapTypeaheadListItem.spec.js │ ├── VueBootstrapTypeaheadList.spec.js │ └── VueBootstrapTypeahead.spec.js ├── .travis.yml ├── .gitignore ├── .eslintrc.js ├── jest.config.js ├── LICENSE.txt ├── CHANGELOG.md ├── package.json └── README.md /src/examples/Serializer.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | docs 2 | .vscode 3 | assets 4 | public 5 | -------------------------------------------------------------------------------- /.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 9 -------------------------------------------------------------------------------- /.coveralls.yml: -------------------------------------------------------------------------------- 1 | service_name: travis-ci 2 | repo_token: rIKvJDkuYImFnycYikk8PIdJtK6nt0VE0 -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /.postcssrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/vue-bootstrap-typeahead/master/docs/favicon.ico -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/vue-bootstrap-typeahead/master/public/favicon.ico -------------------------------------------------------------------------------- /assets/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/vue-bootstrap-typeahead/master/assets/screenshot.png -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | baseUrl: process.env.NODE_ENV === 'production' ? 'vue-bootstrap-typeahead/' : '/' 3 | } 4 | -------------------------------------------------------------------------------- /dist/VueBootstrapTypeahead.css: -------------------------------------------------------------------------------- 1 | .vbt-autcomplete-list[data-v-48792d67]{max-height:350px;overflow-y:auto;padding-top:5px;position:absolute;z-index:999} -------------------------------------------------------------------------------- /tests/unit/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | jest: true 4 | }, 5 | rules: { 6 | 'import/no-extraneous-dependencies': 'off' 7 | } 8 | } -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "8" 4 | script: 5 | - npm run lint 6 | - npm run test:unit 7 | - npm run build 8 | after_success: 9 | - cat ./coverage/lcov.info | ./node_modules/.bin/coveralls -------------------------------------------------------------------------------- /src/examples/Geocoder.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 16 | 17 | 20 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | coverage 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /dist/demo.html: -------------------------------------------------------------------------------- 1 | 2 | VueBootstrapTypeahead demo 3 | 4 | 5 | 6 | 7 |
8 | 9 |
10 | 11 | 18 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | 'extends': [ 7 | 'plugin:vue/essential', 8 | '@vue/standard' 9 | ], 10 | rules: { 11 | 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 12 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 13 | 'space-before-function-paren': 'off' 14 | }, 15 | parserOptions: { 16 | parser: 'babel-eslint' 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /src/examples/BasicExample.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /src/examples/WorkingWithAPIs.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /src/examples/CustomSuggestion.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /src/examples/PrependAppend.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import BootstrapVue from 'bootstrap-vue' 5 | import vueHljs from 'vue-hljs' 6 | import VueGtm from 'vue-gtm' 7 | import 'highlight.js/styles/color-brewer.css' 8 | import 'whatwg-fetch' 9 | 10 | Vue.use(vueHljs) 11 | 12 | Vue.config.productionTip = false 13 | 14 | Vue.use(BootstrapVue) 15 | 16 | Vue.use(VueGtm, { 17 | id: 'UA-29172866-5', 18 | enabled: process.env.NODE_ENV === 'production', 19 | vueRouter: router 20 | }) 21 | 22 | new Vue({ 23 | router, 24 | render: h => h(App) 25 | }).$mount('#app') 26 | -------------------------------------------------------------------------------- /jest.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | moduleFileExtensions: [ 3 | 'js', 4 | 'jsx', 5 | 'json', 6 | 'vue' 7 | ], 8 | transform: { 9 | '^.+\\.vue$': 'vue-jest', 10 | '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub', 11 | '^.+\\.jsx?$': 'babel-jest' 12 | }, 13 | moduleNameMapper: { 14 | '^@/(.*)$': '/src/$1' 15 | }, 16 | snapshotSerializers: [ 17 | 'jest-serializer-vue' 18 | ], 19 | testMatch: [ 20 | '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)' 21 | ], 22 | testURL: 'http://localhost/', 23 | collectCoverageFrom: [ 24 | 'src/components/*.vue' 25 | ] 26 | } 27 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | vue-bootstrap-typeahead - A simple typeahead using Vue and Bootstrap 4 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright 2018 Alex Urquhart 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 4 | 5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 6 | 7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## 0.1.2 - 28 Aug 2018 2 | - Fixed #3 & #4 3 | 4 | ## 0.2.0 - 6 Sept 2018 5 | - Added a scoped slot for custom suggestion list items 6 | - Added library build + unpkg tags 7 | - Updated documentation site (working on gh-pages) 8 | - Added basic unit tests 9 | 10 | ## 0.2.1 - 7 Sept 2018 11 | - Fixed positioning bug for the typeahead list when the prepend slot was used 12 | 13 | ## 0.2.2 - 7 Sept 2018 14 | - Forgot to update the `dist/` folder with new build from last release. 15 | - Added updated documentation. `docs` folder now to be published to gh-pages 16 | - Updated readme 17 | - Added `.npmignore` 18 | 19 | ## 0.2.3 - 21 Sept 2018 20 | - Fixed Safari bug (issue #14) 21 | - Fixed error when `v-model` is not used on component (issue #18) 22 | 23 | ## 0.2.4 - 21 Sept 2018 24 | - Re-fixed error when `v-model` is not used on component (issue #18) 25 | 26 | ## 0.2.5 - 21 Sept 2018 27 | - Re-fixed error when `v-model` is not used on component (issue #18) 28 | - More comprehensive unit testing is now a priority, edge cases are harder to find than I thought :joy: 29 | 30 | ## 0.2.6 - 30 Sept 2018 31 | - Fixed `maxMatches` bug. Thanks to @jimfisher -------------------------------------------------------------------------------- /src/components/VueBootstrapTypeaheadListItem.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 49 | -------------------------------------------------------------------------------- /src/views/Examples.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 48 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | vue-bootstrap-typeahead - A simple typeahead using Vue and Bootstrap 4
-------------------------------------------------------------------------------- /tests/unit/VueBootstrapTypeaheadListItem.spec.js: -------------------------------------------------------------------------------- 1 | import { shallowMount } from '@vue/test-utils' 2 | import VueBootstrapTypeaheadListItem from '@/components/VueBootstrapTypeaheadListItem.vue' 3 | 4 | describe('VueBootstrapTypeaheadListItem.vue', () => { 5 | let wrapper 6 | beforeEach(() => { 7 | wrapper = shallowMount(VueBootstrapTypeaheadListItem) 8 | }) 9 | 10 | it('Mounts and renders an tag', () => { 11 | expect(wrapper.exists()).toBe(true) 12 | expect(wrapper.contains('a')).toBe(true) 13 | }) 14 | 15 | it('Renders textVariant classes properly', () => { 16 | wrapper.setProps({textVariant: 'dark'}) 17 | expect(wrapper.classes()).toEqual(expect.arrayContaining(['text-dark'])) 18 | }) 19 | 20 | it('Renders backgroundVariant classes properly', () => { 21 | wrapper.setProps({backgroundVariant: 'light'}) 22 | expect(wrapper.classes()).toEqual(expect.arrayContaining(['bg-light'])) 23 | }) 24 | 25 | it('Applies the active class on mouseOver', () => { 26 | expect(wrapper.vm.active).toBe(false) 27 | wrapper.trigger('mouseover') 28 | expect(wrapper.vm.active).toBe(true) 29 | expect(wrapper.classes()).toEqual(expect.arrayContaining(['active'])) 30 | }) 31 | 32 | it('Removes the active class on mouse out', () => { 33 | wrapper.trigger('mouseover') 34 | expect(wrapper.vm.active).toBe(true) 35 | wrapper.trigger('mouseout') 36 | expect(wrapper.vm.active).toBe(false) 37 | expect(wrapper.classes()).toEqual(expect.not.arrayContaining(['active'])) 38 | }) 39 | }) 40 | -------------------------------------------------------------------------------- /src/router.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import Home from './views/Home' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'home', 12 | component: Home 13 | }, 14 | { 15 | path: '/reference', 16 | name: 'reference', 17 | component: () => import(/* webpackChunkName: "reference" */ './views/Reference.vue') 18 | }, 19 | { 20 | path: '/examples', 21 | component: () => import(/* webpackChunkName: "examples" */ './views/Examples.vue'), 22 | children: [ 23 | { 24 | name: 'examples', 25 | path: '', 26 | component: () => import(/* webpackChunkName: "examples" */ './examples/BasicExample.vue') 27 | }, 28 | { 29 | path: 'basic-example', 30 | component: () => import(/* webpackChunkName: "examples" */ './examples/BasicExample.vue') 31 | }, 32 | { 33 | path: 'working-with-apis', 34 | component: () => import(/* webpackChunkName: "examples" */ './examples/WorkingWithAPIs.vue') 35 | }, 36 | { 37 | path: 'prepending-and-appending', 38 | component: () => import(/* webpackChunkName: "examples" */ './examples/PrependAppend.vue') 39 | }, 40 | { 41 | name: 'custom-suggestion-slot', 42 | path: 'custom-suggestion-slot', 43 | component: () => import(/* webpackChunkName: "examples" */ './examples/CustomSuggestion.vue') 44 | } 45 | ] 46 | } 47 | ] 48 | }) 49 | -------------------------------------------------------------------------------- /src/examples/CountrySearch.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 60 | 61 | 64 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 32 | 33 | 40 | 41 | 54 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-bootstrap-typeahead", 3 | "version": "0.2.6", 4 | "private": false, 5 | "description": "A typeahead/autocomplete component for Vue 2 using Bootstrap 4", 6 | "keywords": [ 7 | "vue", 8 | "autocomplete", 9 | "bootstrap", 10 | "bootstrap 4", 11 | "typeahead" 12 | ], 13 | "homepage": "https://alexurquhart.github.io/vue-bootstrap-typeahead/", 14 | "repository": "github:alexurquhart/vue-bootstrap-typeahead", 15 | "bugs": { 16 | "url": "https://github.com/alexurquhart/vue-bootstrap-typeahead/issues" 17 | }, 18 | "license": "MIT", 19 | "author": { 20 | "name": "Alex Urquhart", 21 | "email": "alexurquhart@gmail.com", 22 | "url": "https://alexurquhart.com" 23 | }, 24 | "main": "src/components/VueBootstrapTypeahead.vue", 25 | "unpkg": "dist/VueBootstrapTypeahead.umd.min.js", 26 | "scripts": { 27 | "serve": "vue-cli-service serve", 28 | "build": "vue-cli-service build --target lib --name VueBootstrapTypeahead src/components/VueBootstrapTypeahead.vue", 29 | "build:docs": "vue-cli-service build --dest docs", 30 | "lint": "vue-cli-service lint", 31 | "test:unit": "vue-cli-service test:unit --coverage" 32 | }, 33 | "dependencies": { 34 | "resize-observer-polyfill": "^1.5.0", 35 | "vue": "^2.5.17" 36 | }, 37 | "devDependencies": { 38 | "@vue/cli-plugin-babel": "^3.0.0", 39 | "@vue/cli-plugin-eslint": "^3.0.0", 40 | "@vue/cli-plugin-unit-jest": "^3.0.0", 41 | "@vue/cli-service": "^3.0.0", 42 | "@vue/eslint-config-standard": "^3.0.1", 43 | "@vue/test-utils": "^1.0.0-beta.20", 44 | "babel-core": "7.0.0-bridge.0", 45 | "babel-jest": "^23.0.1", 46 | "bootstrap": "^4.1.3", 47 | "bootstrap-vue": "^2.0.0-rc.11", 48 | "coveralls": "^3.0.2", 49 | "highlight.js": "^9.12.0", 50 | "node-sass": "^4.9.0", 51 | "sass-loader": "^7.0.1", 52 | "underscore": "^1.9.1", 53 | "vue-gtm": "^2.0.0", 54 | "vue-hljs": "^1.0.0", 55 | "vue-router": "^3.0.1", 56 | "vue-template-compiler": "^2.5.17", 57 | "whatwg-fetch": "^2.0.4" 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /tests/unit/VueBootstrapTypeaheadList.spec.js: -------------------------------------------------------------------------------- 1 | import { mount } from '@vue/test-utils' 2 | import VueBootstrapTypeaheadList from '@/components/VueBootstrapTypeaheadList.vue' 3 | import VueBootstrapTypeaheadListItem from '@/components/VueBootstrapTypeaheadListItem.vue' 4 | 5 | describe('VueBootstrapTypeaheadList', () => { 6 | let wrapper 7 | 8 | const demoData = [ 9 | { 10 | id: 0, 11 | data: 'Canada', 12 | text: 'Canada' 13 | }, 14 | { 15 | id: 1, 16 | data: 'USA', 17 | text: 'USA' 18 | }, 19 | { 20 | id: 2, 21 | data: 'Mexico', 22 | text: 'Mexico' 23 | }, 24 | { 25 | id: 3, 26 | data: 'Canadiana', 27 | text: 'Canadiana' 28 | } 29 | ] 30 | 31 | beforeEach(() => { 32 | wrapper = mount(VueBootstrapTypeaheadList, { 33 | propsData: { 34 | data: demoData 35 | } 36 | }) 37 | }) 38 | 39 | it('Mounts and renders a list-group div', () => { 40 | expect(wrapper.is('div')).toBe(true) 41 | expect(wrapper.classes()).toContain('list-group') 42 | }) 43 | 44 | it('Matches items when there is a query', () => { 45 | expect(wrapper.vm.matchedItems.length).toBe(0) 46 | wrapper.setProps({ 47 | query: 'Can' 48 | }) 49 | expect(wrapper.vm.matchedItems.length).toBe(2) 50 | expect(wrapper.findAll(VueBootstrapTypeaheadListItem).length).toBe(2) 51 | wrapper.setProps({ 52 | query: 'Canada' 53 | }) 54 | expect(wrapper.vm.matchedItems.length).toBe(1) 55 | expect(wrapper.findAll(VueBootstrapTypeaheadListItem).length).toBe(1) 56 | }) 57 | 58 | it('Limits the number of matches with maxMatches', () => { 59 | wrapper.setProps({ 60 | query: 'can' 61 | }) 62 | expect(wrapper.vm.matchedItems.length).toBe(2) 63 | wrapper.setProps({ 64 | maxMatches: 1 65 | }) 66 | expect(wrapper.vm.matchedItems.length).toBe(1) 67 | }) 68 | 69 | it('Uses minMatchingChars to filter the number of matches', () => { 70 | wrapper.setProps({ 71 | query: 'c', 72 | minMatchingChars: 1 73 | }) 74 | expect(wrapper.findAll(VueBootstrapTypeaheadListItem).length).toBe(3) 75 | }) 76 | 77 | it('Highlights text matches properly', () => { 78 | wrapper.setProps({ 79 | query: 'Canada' 80 | }) 81 | expect(wrapper.find(VueBootstrapTypeaheadListItem).vm.htmlText).toBe('Canada') 82 | }) 83 | }) 84 | -------------------------------------------------------------------------------- /tests/unit/VueBootstrapTypeahead.spec.js: -------------------------------------------------------------------------------- 1 | import { mount } from '@vue/test-utils' 2 | import VueBootstrapTypeahead from '@/components/VueBootstrapTypeahead.vue' 3 | import VueBootstrapTypeaheadList from '@/components/VueBootstrapTypeaheadList.vue' 4 | 5 | describe('VueBootstrapTypeahead', () => { 6 | let wrapper 7 | 8 | const demoData = [ 9 | 'Canada', 10 | 'United States', 11 | 'Mexico', 12 | 'Japan', 13 | 'China', 14 | 'United Kingdom' 15 | ] 16 | 17 | beforeEach(() => { 18 | wrapper = mount(VueBootstrapTypeahead, { 19 | propsData: { 20 | data: demoData 21 | } 22 | }) 23 | }) 24 | 25 | it('Should mount and render a hidden typeahead list', () => { 26 | let child = wrapper.find(VueBootstrapTypeaheadList) 27 | expect(child).toBeTruthy() 28 | expect(child.isVisible()).toBe(false) 29 | }) 30 | 31 | it('Formats the input data properly', () => { 32 | expect(wrapper.vm.formattedData[0].id).toBe(0) 33 | expect(wrapper.vm.formattedData[0].data).toBe('Canada') 34 | expect(wrapper.vm.formattedData[0].text).toBe('Canada') 35 | }) 36 | 37 | it('Uses a custom serializer properly', () => { 38 | wrapper.setProps({ 39 | data: [{ 40 | name: 'Canada', 41 | code: 'CA' 42 | }], 43 | value: 'Can', 44 | serializer: t => t.name 45 | }) 46 | expect(wrapper.vm.formattedData[0].id).toBe(0) 47 | expect(wrapper.vm.formattedData[0].data.code).toBe('CA') 48 | expect(wrapper.vm.formattedData[0].text).toBe('Canada') 49 | }) 50 | 51 | it('Show the list when given a query and focused', () => { 52 | let child = wrapper.find(VueBootstrapTypeaheadList) 53 | wrapper.find('input').setValue('Can') 54 | expect(child.isVisible()).toBe(false) 55 | wrapper.find('input').trigger('focus') 56 | expect(child.isVisible()).toBe(true) 57 | }) 58 | 59 | it('Hides the list when blurred', () => { 60 | let child = wrapper.find(VueBootstrapTypeaheadList) 61 | wrapper.setData({inputValue: 'Can'}) 62 | wrapper.find('input').trigger('focus') 63 | expect(child.isVisible()).toBe(true) 64 | wrapper.find('input').trigger('blur') 65 | expect(child.isVisible()).toBe(false) 66 | }) 67 | 68 | it('Renders the list in different sizes', () => { 69 | expect(wrapper.vm.sizeClasses).toBe('input-group') 70 | wrapper.setProps({ 71 | size: 'lg' 72 | }) 73 | expect(wrapper.vm.sizeClasses).toBe('input-group input-group-lg') 74 | }) 75 | }) 76 | -------------------------------------------------------------------------------- /src/components/VueBootstrapTypeaheadList.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 108 | -------------------------------------------------------------------------------- /src/views/Home.vue: -------------------------------------------------------------------------------- 1 | 104 | 105 | 115 | 116 | 121 | -------------------------------------------------------------------------------- /docs/js/reference.6395bf5b.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["reference"],{"62dc":function(t,e,o){"use strict";o.r(e);var a=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"container"},[o("div",{staticClass:"row"},[o("div",{staticClass:"col"},[o("h1",{staticClass:"display-4"},[t._v("Reference")]),o("h2",[t._v("Props")]),t._m(0),o("h2",[t._v("Events")]),t._m(1),o("h2",[t._v("Slots")]),t._m(2),o("h2",[t._v("Scoped Slot")]),t._m(3),o("p",[t._v("\n See the "),o("router-link",{attrs:{to:"examples/custom-suggestion-slot"}},[t._v("custom suggestion slot example")]),t._v(" for more info.\n ")],1)])])])},r=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table table-striped"},[o("thead",[o("th",[t._v("Name")]),o("th",[t._v("Type")]),o("th",[t._v("Default")]),o("th",[t._v("Description")])]),o("tbody",[o("tr",[o("td",[o("code",[t._v("data")])]),o("td",[t._v("Array")]),o("td"),o("td",[t._v("Array of data to be available for querying. **Required**")])]),o("tr",[o("td",[o("code",[t._v("serializer")])]),o("td",[t._v("Function")]),o("td",[o("code",[t._v("input => input")])]),o("td",[t._v("Function used to convert the entries in the "),o("code",[t._v("data")]),t._v(" array into a text string.")])]),o("tr",[o("td",[o("code",[t._v("size")])]),o("td",[t._v("String")]),o("td"),o("td",[t._v("Size of the "),o("code",[t._v("input-group")]),t._v(". Valid values: "),o("code",[t._v("sm")]),t._v(" or "),o("code",[t._v("lg")])])]),o("tr",[o("td",[o("code",[t._v("backgroundVariant")])]),o("td",[t._v("String")]),o("td"),o("td",[t._v("Background color for the autocomplete result "),o("code",[t._v("list-group")]),t._v(" items. "),o("a",{attrs:{href:"http://getbootstrap.com/docs/4.1/utilities/colors/#background-color",target:"_blank"}},[t._v("See valid values")])])]),o("tr",[o("td",[o("code",[t._v("textVariant")])]),o("td",[t._v("String")]),o("td"),o("td",[t._v("Text color for the autocomplete result "),o("code",[t._v("list-group")]),t._v(" items. "),o("a",{attrs:{href:"http://getbootstrap.com/docs/4.1/utilities/colors/#color",target:"_blank"}},[t._v("See valid values")])])]),o("tr",[o("td",[o("code",[t._v("inputClass")])]),o("td",[t._v("String")]),o("td"),o("td",[t._v("Class to the added to the "),o("code",[t._v("input")]),t._v(" tag for validation, etc.")])]),o("tr",[o("td",[o("code",[t._v("maxMatches")])]),o("td",[t._v("Number")]),o("td",[t._v("10")]),o("td",[t._v("Maximum amount of list items to appear.")])]),o("tr",[o("td",[o("code",[t._v("minMatchingChars")])]),o("td",[t._v("Number")]),o("td",[t._v("2")]),o("td",[t._v("Minimum matching characters in query before the typeahead list appears")])]),o("tr",[o("td",[o("code",[t._v("prepend")])]),o("td",[t._v("String")]),o("td"),o("td",[t._v("Text to be prepended to the "),o("code",[t._v("input-group")])])]),o("tr",[o("td",[o("code",[t._v("append")])]),o("td",[t._v("String")]),o("td"),o("td",[t._v("Text to be appended to the "),o("code",[t._v("input-group")])])])])])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"table-responsive"},[o("table",{staticClass:"table table-striped"},[o("thead",[o("tr",[o("th",[t._v("Name")]),o("th",[t._v("Description")])])]),o("tbody",[o("tr",[o("td",[o("code",[t._v("hit")])]),o("td",[t._v("Triggered when an autocomplete item is selected. The entry in the input data array that was selected is returned.")])]),o("tr",[o("td",[o("code",[t._v("input")])]),o("td",[t._v("The component can be used with "),o("code",[t._v("v-model")])])])])])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("There are "),o("code",[t._v("prepend")]),t._v(" and "),o("code",[t._v("append")]),t._v(" slots available for adding buttons or other markup. Overrides the prepend and append props.")])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("p",[t._v("\n You can use a "),o("a",{attrs:{href:"https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots",target:"_blank"}},[t._v("scoped slot")]),t._v(" called "),o("code",[t._v("suggestion")]),t._v("\n to define custom content for the suggestion "),o("code",[t._v("list-item")]),t._v("'s. You can use bound variables "),o("code",[t._v("data")]),t._v(", which holds the data from the\n input array, and "),o("code",[t._v("htmlText")]),t._v(", which is the highlighted text that is used for the suggestion.\n ")])}],d=o("2877"),s={},i=Object(d["a"])(s,a,r,!1,null,null,null);i.options.__file="Reference.vue";e["default"]=i.exports}}]); 2 | //# sourceMappingURL=reference.6395bf5b.js.map -------------------------------------------------------------------------------- /docs/js/examples.f4b323dd.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["examples"],{3184:function(e,t,r){"use strict";r.r(t);var n=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},a=[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("h1",[e._v("Working With API's")]),r("iframe",{staticStyle:{width:"100%"},attrs:{height:"800",scrolling:"no",title:"Working With API's",src:"//codepen.io/alexurquhart/embed/BOwVRx/?height=800&theme-id=light&default-tab=js,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[e._v("See the Pen "),r("a",{attrs:{href:"https://codepen.io/alexurquhart/pen/BOwVRx/"}},[e._v("Working With API's")]),e._v(" by Alex Urquhart ("),r("a",{attrs:{href:"https://codepen.io/alexurquhart"}},[e._v("@alexurquhart")]),e._v(") on "),r("a",{attrs:{href:"https://codepen.io"}},[e._v("CodePen")]),e._v(".\n ")])])}],l=r("2877"),i={},s=Object(l["a"])(i,n,a,!1,null,null,null);s.options.__file="WorkingWithAPIs.vue";t["default"]=s.exports},"69b7":function(e,t,r){"use strict";r.r(t);var n=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},a=[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("h1",[e._v("Prepending & Appending")]),r("iframe",{staticStyle:{width:"100%"},attrs:{height:"800",scrolling:"no",title:"Prepending & Appending",src:"//codepen.io/alexurquhart/embed/gdGdZg/?height=800&theme-id=light&default-tab=js,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[e._v("See the Pen "),r("a",{attrs:{href:"https://codepen.io/alexurquhart/pen/gdGdZg/"}},[e._v("Prepending & Appending")]),e._v(" by Alex Urquhart ("),r("a",{attrs:{href:"https://codepen.io/alexurquhart"}},[e._v("@alexurquhart")]),e._v(") on "),r("a",{attrs:{href:"https://codepen.io"}},[e._v("CodePen")]),e._v(".\n ")])])}],l=r("2877"),i={},s=Object(l["a"])(i,n,a,!1,null,null,null);s.options.__file="PrependAppend.vue";t["default"]=s.exports},"757d":function(e,t,r){"use strict";r.r(t);var n=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},a=[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("h1",[e._v("Custom Suggestion Slot")]),r("iframe",{staticStyle:{width:"100%"},attrs:{height:"800",scrolling:"no",title:"Custom Suggestion Slot",src:"//codepen.io/alexurquhart/embed/rZYwML/?height=800&theme-id=light&default-tab=js,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[e._v("See the Pen "),r("a",{attrs:{href:"https://codepen.io/alexurquhart/pen/rZYwML/"}},[e._v("Custom Suggestion Slot")]),e._v(" by Alex Urquhart ("),r("a",{attrs:{href:"https://codepen.io/alexurquhart"}},[e._v("@alexurquhart")]),e._v(") on "),r("a",{attrs:{href:"https://codepen.io"}},[e._v("CodePen")]),e._v(".\n ")])])}],l=r("2877"),i={},s=Object(l["a"])(i,n,a,!1,null,null,null);s.options.__file="CustomSuggestion.vue";t["default"]=s.exports},a451:function(e,t,r){"use strict";r.r(t);var n=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"container-fluid mt-3"},[r("div",{staticClass:"row"},[r("div",{staticClass:"col-md-3"},[r("h1",[e._v("Examples")]),r("b-nav",{staticClass:"border-top",attrs:{vertical:""}},e._l(e.examples,function(t){return r("b-nav-item",{key:t.link,attrs:{to:""+t.link,active:""}},[e._v(e._s(t.name))])}))],1),r("div",{staticClass:"col-md-9"},[r("router-view")],1)])])},a=[],l=(r("cadf"),r("551c"),r("097d"),{name:"Examples",data:function(){return{examples:[{name:"Basic Example",link:"/examples/basic-example"},{name:"Working With API's",link:"/examples/working-with-apis"},{name:"Prepending & Appending",link:"/examples/prepending-and-appending"},{name:"Custom Suggestion Slot",link:"/examples/custom-suggestion-slot"}]}}}),i=l,s=r("2877"),o=Object(s["a"])(i,n,a,!1,null,null,null);o.options.__file="Examples.vue";t["default"]=o.exports},b97d:function(e,t,r){"use strict";r.r(t);var n=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},a=[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("h1",[e._v("Basic Example")]),r("iframe",{staticStyle:{width:"100%"},attrs:{height:"800",scrolling:"no",title:"Basic Example",src:"//codepen.io/alexurquhart/embed/LJzdpO/?height=800&theme-id=light&default-tab=js,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[e._v("See the Pen "),r("a",{attrs:{href:"https://codepen.io/alexurquhart/pen/LJzdpO/"}},[e._v("Basic Example")]),e._v(" by Alex Urquhart ("),r("a",{attrs:{href:"https://codepen.io/alexurquhart"}},[e._v("@alexurquhart")]),e._v(") on "),r("a",{attrs:{href:"https://codepen.io"}},[e._v("CodePen")]),e._v(".\n ")])])}],l=r("2877"),i={},s=Object(l["a"])(i,n,a,!1,null,null,null);s.options.__file="BasicExample.vue";t["default"]=s.exports}}]); 2 | //# sourceMappingURL=examples.f4b323dd.js.map -------------------------------------------------------------------------------- /src/views/Reference.vue: -------------------------------------------------------------------------------- 1 | 120 | -------------------------------------------------------------------------------- /src/components/VueBootstrapTypeahead.vue: -------------------------------------------------------------------------------- 1 | 50 | 51 | 184 | 185 | 194 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-bootstrap-typeahead 2 | 3 | ## Project Status 4 | 5 | This project is no longer being maintained. 6 | 7 | [![NPM](https://nodei.co/npm/vue-bootstrap-typeahead.png)](https://www.npmjs.com/package/vue-bootstrap-typeahead) 8 | 9 | [![Build Status](https://travis-ci.org/alexurquhart/vue-bootstrap-typeahead.svg?branch=master)](https://travis-ci.org/alexurquhart/vue-bootstrap-typeahead) 10 | [![Coverage Status](https://coveralls.io/repos/github/alexurquhart/vue-bootstrap-typeahead/badge.svg?branch=master)](https://coveralls.io/github/alexurquhart/vue-bootstrap-typeahead?branch=master) 11 | [![npm](https://img.shields.io/npm/dm/vue-bootstrap-typeahead.svg)](https://www.npmjs.com/package/vue-bootstrap-typeahead) 12 | [![GitHub license](https://img.shields.io/github/license/alexurquhart/vue-bootstrap-typeahead.svg)](https://github.com/alexurquhart/vue-bootstrap-typeahead/blob/master/LICENSE.txt) 13 | 14 | A simple `list-group` based typeahead/autocomplete using Bootstrap 4 and Vue 2 15 | 16 | Preview image of the vue-bootstrap-typeahead component 17 | 18 | ## [View The Examples](https://alexurquhart.github.io/vue-bootstrap-typeahead/#/examples) 19 | 20 | ## Installation 21 | 22 | From NPM: 23 | 24 | ``` 25 | > npm i vue-bootstrap-typeahead --save 26 | ``` 27 | 28 | Minified UMD and CommonJS builds are available in the 'dist' folder. The component is also available for use in the browser directly on unpkg: 29 | 30 | ```html 31 | 32 | 33 | ``` 34 | 35 | ## Usage 36 | 37 | Import and register the component 38 | ```javascript 39 | import VueBootstrapTypeahead from 'vue-bootstrap-typeahead' 40 | 41 | // Global registration 42 | Vue.component('vue-bootstrap-typeahead', VueBootstrapTypeahead) 43 | 44 | // OR 45 | 46 | // Local registration 47 | export default { 48 | components: { 49 | VueBootstrapTypeahead 50 | } 51 | } 52 | ``` 53 | 54 | ### Basic Usage 55 | The only required attribute is a `data` array. 56 | 57 | ```html 58 | 62 | ``` 63 | 64 | ### Working with API's 65 | 66 | The typeahead does not fetch any data, for maximum flexibility it will only work with already loaded API responses in the form of arrays. The `serializer` attribute allows you to define a function to turn each array item in the response into a text string, which will appear in the results. 67 | 68 | ```html 69 | 79 | 80 | 109 | 110 | ``` 111 | 112 | ### Attributes 113 | 114 | Name | Type | Default | Description 115 | --- | --- | --- | --- 116 | data | `Array` | | Array of data to be available for querying. **Required** 117 | serializer | `Function` | `input => input` | Function used to convert the entries in the `data` array into a text string. 118 | size | `String` | | Size of the `input-group`. Valid values: `sm` or `lg` 119 | backgroundVariant | `String` | | Background color for the autocomplete result `list-group` items. [See valid values](http://getbootstrap.com/docs/4.1/utilities/colors/#background-color) 120 | textVariant | `String` | | Text color for the autocomplete result `list-group` items. [See valid values](http://getbootstrap.com/docs/4.1/utilities/colors/#color) 121 | inputClass | `String` | | Class to the added to the `input` tag for validation, etc. 122 | maxMatches | `Number` | 10 | Maximum amount of list items to appear. 123 | minMatchingChars | `Number` | 2 | Minimum matching characters in query before the typeahead list appears 124 | prepend | `String` | | Text to be prepended to the `input-group` 125 | append | `String` | | Text to be appended to the `input-group` 126 | 127 | ### Events 128 | Name | Description 129 | --- | --- 130 | `hit` | Triggered when an autocomplete item is selected. The entry in the input `data` array that was selected is returned. 131 | `input` | The component can be used with `v-model` 132 | 133 | ### Slots 134 | 135 | There are `prepend` and `append` slots available for adding buttons or other markup. Overrides the `prepend` and `append` attributes. 136 | 137 | ### Scoped Slots 138 | 139 | You can use a [scoped slot](https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots) called `suggestion` to define custom content 140 | for the suggestion `list-item`'s 141 | 142 | ```html 143 | 150 | 151 | 152 | 155 | 156 | ``` 157 | 158 | ## Local Examples/Demo 159 | 160 | Clone this repository and run `npm run serve` and navigate to http://localhost:8080 to launch the documentation. The source is in `src/views/Home.vue` 161 | 162 | You can also view and edit examples hosted on CodePen [here](https://alexurquhart.github.io/vue-bootstrap-typeahead/#/examples) 163 | 164 | ## Contributing 165 | 166 | Please note that active development is done on the `Development` branch. PR's are welcome! 167 | -------------------------------------------------------------------------------- /docs/css/chunk-vendors.d12e13d5.css: -------------------------------------------------------------------------------- 1 | .fade-enter-active,.fade-leave-active{-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade-enter,.fade-leave-to{opacity:0}.input-group>.input-group-append:last-child>.b-dropdown:not(:last-child):not(.dropdown-toggle)>.btn,.input-group>.input-group-append:not(:last-child)>.b-dropdown>.btn,.input-group>.input-group-prepend>.b-dropdown>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group>.input-group-append>.b-dropdown>.btn,.input-group>.input-group-prepend:first-child>.b-dropdown:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.b-dropdown>.btn{border-bottom-left-radius:0;border-top-left-radius:0}input.form-control[type=color],input.form-control[type=range]{height:2.25rem}input.form-control.form-control-sm[type=color],input.form-control.form-control-sm[type=range]{height:1.9375rem}input.form-control.form-control-lg[type=color],input.form-control.form-control-lg[type=range]{height:3rem}input.form-control[type=color]{padding:.25rem}input.form-control.form-control-sm[type=color]{padding:.125rem}table.b-table.b-table-fixed{table-layout:fixed}table.b-table[aria-busy=false]{opacity:1}table.b-table[aria-busy=true]{opacity:.6}table.b-table>tfoot>tr>th,table.b-table>thead>tr>th{position:relative}table.b-table>tfoot>tr>th.sorting,table.b-table>thead>tr>th.sorting{cursor:pointer;padding-right:1.5em}table.b-table>tfoot>tr>th.sorting:after,table.b-table>tfoot>tr>th.sorting:before,table.b-table>thead>tr>th.sorting:after,table.b-table>thead>tr>th.sorting:before{bottom:0;display:block;font-size:inherit;line-height:180%;opacity:.4;padding-bottom:inherit;position:absolute}table.b-table>tfoot>tr>th.sorting:before,table.b-table>thead>tr>th.sorting:before{content:"\2191";right:.75em}table.b-table>tfoot>tr>th.sorting:after,table.b-table>thead>tr>th.sorting:after{content:"\2193";right:.25em}table.b-table>tfoot>tr>th.sorting_asc:after,table.b-table>tfoot>tr>th.sorting_desc:before,table.b-table>thead>tr>th.sorting_asc:after,table.b-table>thead>tr>th.sorting_desc:before{opacity:1}table.b-table.b-table-stacked{width:100%}table.b-table.b-table-stacked,table.b-table.b-table-stacked>caption,table.b-table.b-table-stacked>tbody,table.b-table.b-table-stacked>tbody>tr,table.b-table.b-table-stacked>tbody>tr>td,table.b-table.b-table-stacked>tbody>tr>th{display:block}table.b-table.b-table-stacked>tbody>tr.b-table-bottom-row,table.b-table.b-table-stacked>tbody>tr.b-table-top-row,table.b-table.b-table-stacked>tfoot,table.b-table.b-table-stacked>thead{display:none}table.b-table.b-table-stacked>tbody>tr>:first-child{border-top-width:.4rem}table.b-table.b-table-stacked>tbody>tr>[data-label]{display:grid;grid-gap:.25rem 1rem;grid-template-columns:40% auto}table.b-table.b-table-stacked>tbody>tr>[data-label]:before{content:attr(data-label);display:inline;font-style:normal;font-weight:700;overflow-wrap:break-word;text-align:right}@media (max-width:575.99px){table.b-table.b-table-stacked-sm{width:100%}table.b-table.b-table-stacked-sm,table.b-table.b-table-stacked-sm>caption,table.b-table.b-table-stacked-sm>tbody,table.b-table.b-table-stacked-sm>tbody>tr,table.b-table.b-table-stacked-sm>tbody>tr>td,table.b-table.b-table-stacked-sm>tbody>tr>th{display:block}table.b-table.b-table-stacked-sm>tbody>tr.b-table-bottom-row,table.b-table.b-table-stacked-sm>tbody>tr.b-table-top-row,table.b-table.b-table-stacked-sm>tfoot,table.b-table.b-table-stacked-sm>thead{display:none}table.b-table.b-table-stacked-sm>tbody>tr>:first-child{border-top-width:.4rem}table.b-table.b-table-stacked-sm>tbody>tr>[data-label]{display:grid;grid-gap:.25rem 1rem;grid-template-columns:40% auto}table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:before{content:attr(data-label);display:inline;font-style:normal;font-weight:700;overflow-wrap:break-word;text-align:right}}@media (max-width:767.99px){table.b-table.b-table-stacked-md{width:100%}table.b-table.b-table-stacked-md,table.b-table.b-table-stacked-md>caption,table.b-table.b-table-stacked-md>tbody,table.b-table.b-table-stacked-md>tbody>tr,table.b-table.b-table-stacked-md>tbody>tr>td,table.b-table.b-table-stacked-md>tbody>tr>th{display:block}table.b-table.b-table-stacked-md>tbody>tr.b-table-bottom-row,table.b-table.b-table-stacked-md>tbody>tr.b-table-top-row,table.b-table.b-table-stacked-md>tfoot,table.b-table.b-table-stacked-md>thead{display:none}table.b-table.b-table-stacked-md>tbody>tr>:first-child{border-top-width:.4rem}table.b-table.b-table-stacked-md>tbody>tr>[data-label]{display:grid;grid-gap:.25rem 1rem;grid-template-columns:40% auto}table.b-table.b-table-stacked-md>tbody>tr>[data-label]:before{content:attr(data-label);display:inline;font-style:normal;font-weight:700;overflow-wrap:break-word;text-align:right}}@media (max-width:991.99px){table.b-table.b-table-stacked-lg{width:100%}table.b-table.b-table-stacked-lg,table.b-table.b-table-stacked-lg>caption,table.b-table.b-table-stacked-lg>tbody,table.b-table.b-table-stacked-lg>tbody>tr,table.b-table.b-table-stacked-lg>tbody>tr>td,table.b-table.b-table-stacked-lg>tbody>tr>th{display:block}table.b-table.b-table-stacked-lg>tbody>tr.b-table-bottom-row,table.b-table.b-table-stacked-lg>tbody>tr.b-table-top-row,table.b-table.b-table-stacked-lg>tfoot,table.b-table.b-table-stacked-lg>thead{display:none}table.b-table.b-table-stacked-lg>tbody>tr>:first-child{border-top-width:.4rem}table.b-table.b-table-stacked-lg>tbody>tr>[data-label]{display:grid;grid-gap:.25rem 1rem;grid-template-columns:40% auto}table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:before{content:attr(data-label);display:inline;font-style:normal;font-weight:700;overflow-wrap:break-word;text-align:right}}@media (max-width:1199.99px){table.b-table.b-table-stacked-xl{width:100%}table.b-table.b-table-stacked-xl,table.b-table.b-table-stacked-xl>caption,table.b-table.b-table-stacked-xl>tbody,table.b-table.b-table-stacked-xl>tbody>tr,table.b-table.b-table-stacked-xl>tbody>tr>td,table.b-table.b-table-stacked-xl>tbody>tr>th{display:block}table.b-table.b-table-stacked-xl>tbody>tr.b-table-bottom-row,table.b-table.b-table-stacked-xl>tbody>tr.b-table-top-row,table.b-table.b-table-stacked-xl>tfoot,table.b-table.b-table-stacked-xl>thead{display:none}table.b-table.b-table-stacked-xl>tbody>tr>:first-child{border-top-width:.4rem}table.b-table.b-table-stacked-xl>tbody>tr>[data-label]{display:grid;grid-gap:.25rem 1rem;grid-template-columns:40% auto}table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:before{content:attr(data-label);display:inline;font-style:normal;font-weight:700;overflow-wrap:break-word;text-align:right}}table.b-table>tbody>tr.b-table-details>td{border-top:none}.hljs{background:#fff;display:block;overflow-x:auto;padding:.5em}.hljs,.hljs-subst{color:#000}.hljs-addition,.hljs-meta,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#756bb1}.hljs-comment,.hljs-quote{color:#636363}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp{color:#31a354}.hljs-deletion,.hljs-variable{color:#88f}.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-tag,.hljs-title,.hljs-type{color:#3182bd}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d} -------------------------------------------------------------------------------- /docs/js/reference.6395bf5b.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/views/Reference.vue?fb5b","webpack:///./src/views/Reference.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_m","attrs","to","staticRenderFns","href","target","script","component","Object","componentNormalizer","options","__file","__webpack_exports__"],"mappings":"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","file":"js/reference.6395bf5b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('h1',{staticClass:\"display-4\"},[_vm._v(\"Reference\")]),_c('h2',[_vm._v(\"Props\")]),_vm._m(0),_c('h2',[_vm._v(\"Events\")]),_vm._m(1),_c('h2',[_vm._v(\"Slots\")]),_vm._m(2),_c('h2',[_vm._v(\"Scoped Slot\")]),_vm._m(3),_c('p',[_vm._v(\"\\n See the \"),_c('router-link',{attrs:{\"to\":\"examples/custom-suggestion-slot\"}},[_vm._v(\"custom suggestion slot example\")]),_vm._v(\" for more info.\\n \")],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-striped\"},[_c('thead',[_c('th',[_vm._v(\"Name\")]),_c('th',[_vm._v(\"Type\")]),_c('th',[_vm._v(\"Default\")]),_c('th',[_vm._v(\"Description\")])]),_c('tbody',[_c('tr',[_c('td',[_c('code',[_vm._v(\"data\")])]),_c('td',[_vm._v(\"Array\")]),_c('td'),_c('td',[_vm._v(\"Array of data to be available for querying. **Required**\")])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"serializer\")])]),_c('td',[_vm._v(\"Function\")]),_c('td',[_c('code',[_vm._v(\"input => input\")])]),_c('td',[_vm._v(\"Function used to convert the entries in the \"),_c('code',[_vm._v(\"data\")]),_vm._v(\" array into a text string.\")])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"size\")])]),_c('td',[_vm._v(\"String\")]),_c('td'),_c('td',[_vm._v(\"Size of the \"),_c('code',[_vm._v(\"input-group\")]),_vm._v(\". Valid values: \"),_c('code',[_vm._v(\"sm\")]),_vm._v(\" or \"),_c('code',[_vm._v(\"lg\")])])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"backgroundVariant\")])]),_c('td',[_vm._v(\"String\")]),_c('td'),_c('td',[_vm._v(\"Background color for the autocomplete result \"),_c('code',[_vm._v(\"list-group\")]),_vm._v(\" items. \"),_c('a',{attrs:{\"href\":\"http://getbootstrap.com/docs/4.1/utilities/colors/#background-color\",\"target\":\"_blank\"}},[_vm._v(\"See valid values\")])])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"textVariant\")])]),_c('td',[_vm._v(\"String\")]),_c('td'),_c('td',[_vm._v(\"Text color for the autocomplete result \"),_c('code',[_vm._v(\"list-group\")]),_vm._v(\" items. \"),_c('a',{attrs:{\"href\":\"http://getbootstrap.com/docs/4.1/utilities/colors/#color\",\"target\":\"_blank\"}},[_vm._v(\"See valid values\")])])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"inputClass\")])]),_c('td',[_vm._v(\"String\")]),_c('td'),_c('td',[_vm._v(\"Class to the added to the \"),_c('code',[_vm._v(\"input\")]),_vm._v(\" tag for validation, etc.\")])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"maxMatches\")])]),_c('td',[_vm._v(\"Number\")]),_c('td',[_vm._v(\"10\")]),_c('td',[_vm._v(\"Maximum amount of list items to appear.\")])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"minMatchingChars\")])]),_c('td',[_vm._v(\"Number\")]),_c('td',[_vm._v(\"2\")]),_c('td',[_vm._v(\"Minimum matching characters in query before the typeahead list appears\")])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"prepend\")])]),_c('td',[_vm._v(\"String\")]),_c('td'),_c('td',[_vm._v(\"Text to be prepended to the \"),_c('code',[_vm._v(\"input-group\")])])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"append\")])]),_c('td',[_vm._v(\"String\")]),_c('td'),_c('td',[_vm._v(\"Text to be appended to the \"),_c('code',[_vm._v(\"input-group\")])])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-striped\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Name\")]),_c('th',[_vm._v(\"Description\")])])]),_c('tbody',[_c('tr',[_c('td',[_c('code',[_vm._v(\"hit\")])]),_c('td',[_vm._v(\"Triggered when an autocomplete item is selected. The entry in the input data array that was selected is returned.\")])]),_c('tr',[_c('td',[_c('code',[_vm._v(\"input\")])]),_c('td',[_vm._v(\"The component can be used with \"),_c('code',[_vm._v(\"v-model\")])])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\"There are \"),_c('code',[_vm._v(\"prepend\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"append\")]),_vm._v(\" slots available for adding buttons or other markup. Overrides the prepend and append props.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\"\\n You can use a \"),_c('a',{attrs:{\"href\":\"https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots\",\"target\":\"_blank\"}},[_vm._v(\"scoped slot\")]),_vm._v(\" called \"),_c('code',[_vm._v(\"suggestion\")]),_vm._v(\"\\n to define custom content for the suggestion \"),_c('code',[_vm._v(\"list-item\")]),_vm._v(\"'s. You can use bound variables \"),_c('code',[_vm._v(\"data\")]),_vm._v(\", which holds the data from the\\n input array, and \"),_c('code',[_vm._v(\"htmlText\")]),_vm._v(\", which is the highlighted text that is used for the suggestion.\\n \")])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Reference.vue?vue&type=template&id=7ee81d6c&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"Reference.vue\"\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/countries.json: -------------------------------------------------------------------------------- 1 | [ 2 | {"name": "Afghanistan", "code": "AF"}, 3 | {"name": "Åland Islands", "code": "AX"}, 4 | {"name": "Albania", "code": "AL"}, 5 | {"name": "Algeria", "code": "DZ"}, 6 | {"name": "American Samoa", "code": "AS"}, 7 | {"name": "AndorrA", "code": "AD"}, 8 | {"name": "Angola", "code": "AO"}, 9 | {"name": "Anguilla", "code": "AI"}, 10 | {"name": "Antarctica", "code": "AQ"}, 11 | {"name": "Antigua and Barbuda", "code": "AG"}, 12 | {"name": "Argentina", "code": "AR"}, 13 | {"name": "Armenia", "code": "AM"}, 14 | {"name": "Aruba", "code": "AW"}, 15 | {"name": "Australia", "code": "AU"}, 16 | {"name": "Austria", "code": "AT"}, 17 | {"name": "Azerbaijan", "code": "AZ"}, 18 | {"name": "Bahamas", "code": "BS"}, 19 | {"name": "Bahrain", "code": "BH"}, 20 | {"name": "Bangladesh", "code": "BD"}, 21 | {"name": "Barbados", "code": "BB"}, 22 | {"name": "Belarus", "code": "BY"}, 23 | {"name": "Belgium", "code": "BE"}, 24 | {"name": "Belize", "code": "BZ"}, 25 | {"name": "Benin", "code": "BJ"}, 26 | {"name": "Bermuda", "code": "BM"}, 27 | {"name": "Bhutan", "code": "BT"}, 28 | {"name": "Bolivia", "code": "BO"}, 29 | {"name": "Bosnia and Herzegovina", "code": "BA"}, 30 | {"name": "Botswana", "code": "BW"}, 31 | {"name": "Bouvet Island", "code": "BV"}, 32 | {"name": "Brazil", "code": "BR"}, 33 | {"name": "British Indian Ocean Territory", "code": "IO"}, 34 | {"name": "Brunei Darussalam", "code": "BN"}, 35 | {"name": "Bulgaria", "code": "BG"}, 36 | {"name": "Burkina Faso", "code": "BF"}, 37 | {"name": "Burundi", "code": "BI"}, 38 | {"name": "Cambodia", "code": "KH"}, 39 | {"name": "Cameroon", "code": "CM"}, 40 | {"name": "Canada", "code": "CA"}, 41 | {"name": "Cape Verde", "code": "CV"}, 42 | {"name": "Cayman Islands", "code": "KY"}, 43 | {"name": "Central African Republic", "code": "CF"}, 44 | {"name": "Chad", "code": "TD"}, 45 | {"name": "Chile", "code": "CL"}, 46 | {"name": "China", "code": "CN"}, 47 | {"name": "Christmas Island", "code": "CX"}, 48 | {"name": "Cocos (Keeling) Islands", "code": "CC"}, 49 | {"name": "Colombia", "code": "CO"}, 50 | {"name": "Comoros", "code": "KM"}, 51 | {"name": "Congo", "code": "CG"}, 52 | {"name": "Congo, The Democratic Republic of the", "code": "CD"}, 53 | {"name": "Cook Islands", "code": "CK"}, 54 | {"name": "Costa Rica", "code": "CR"}, 55 | {"name": "Cote D'Ivoire", "code": "CI"}, 56 | {"name": "Croatia", "code": "HR"}, 57 | {"name": "Cuba", "code": "CU"}, 58 | {"name": "Cyprus", "code": "CY"}, 59 | {"name": "Czech Republic", "code": "CZ"}, 60 | {"name": "Denmark", "code": "DK"}, 61 | {"name": "Djibouti", "code": "DJ"}, 62 | {"name": "Dominica", "code": "DM"}, 63 | {"name": "Dominican Republic", "code": "DO"}, 64 | {"name": "Ecuador", "code": "EC"}, 65 | {"name": "Egypt", "code": "EG"}, 66 | {"name": "El Salvador", "code": "SV"}, 67 | {"name": "Equatorial Guinea", "code": "GQ"}, 68 | {"name": "Eritrea", "code": "ER"}, 69 | {"name": "Estonia", "code": "EE"}, 70 | {"name": "Ethiopia", "code": "ET"}, 71 | {"name": "Falkland Islands (Malvinas)", "code": "FK"}, 72 | {"name": "Faroe Islands", "code": "FO"}, 73 | {"name": "Fiji", "code": "FJ"}, 74 | {"name": "Finland", "code": "FI"}, 75 | {"name": "France", "code": "FR"}, 76 | {"name": "French Guiana", "code": "GF"}, 77 | {"name": "French Polynesia", "code": "PF"}, 78 | {"name": "French Southern Territories", "code": "TF"}, 79 | {"name": "Gabon", "code": "GA"}, 80 | {"name": "Gambia", "code": "GM"}, 81 | {"name": "Georgia", "code": "GE"}, 82 | {"name": "Germany", "code": "DE"}, 83 | {"name": "Ghana", "code": "GH"}, 84 | {"name": "Gibraltar", "code": "GI"}, 85 | {"name": "Greece", "code": "GR"}, 86 | {"name": "Greenland", "code": "GL"}, 87 | {"name": "Grenada", "code": "GD"}, 88 | {"name": "Guadeloupe", "code": "GP"}, 89 | {"name": "Guam", "code": "GU"}, 90 | {"name": "Guatemala", "code": "GT"}, 91 | {"name": "Guernsey", "code": "GG"}, 92 | {"name": "Guinea", "code": "GN"}, 93 | {"name": "Guinea-Bissau", "code": "GW"}, 94 | {"name": "Guyana", "code": "GY"}, 95 | {"name": "Haiti", "code": "HT"}, 96 | {"name": "Heard Island and Mcdonald Islands", "code": "HM"}, 97 | {"name": "Holy See (Vatican City State)", "code": "VA"}, 98 | {"name": "Honduras", "code": "HN"}, 99 | {"name": "Hong Kong", "code": "HK"}, 100 | {"name": "Hungary", "code": "HU"}, 101 | {"name": "Iceland", "code": "IS"}, 102 | {"name": "India", "code": "IN"}, 103 | {"name": "Indonesia", "code": "ID"}, 104 | {"name": "Iran, Islamic Republic Of", "code": "IR"}, 105 | {"name": "Iraq", "code": "IQ"}, 106 | {"name": "Ireland", "code": "IE"}, 107 | {"name": "Isle of Man", "code": "IM"}, 108 | {"name": "Israel", "code": "IL"}, 109 | {"name": "Italy", "code": "IT"}, 110 | {"name": "Jamaica", "code": "JM"}, 111 | {"name": "Japan", "code": "JP"}, 112 | {"name": "Jersey", "code": "JE"}, 113 | {"name": "Jordan", "code": "JO"}, 114 | {"name": "Kazakhstan", "code": "KZ"}, 115 | {"name": "Kenya", "code": "KE"}, 116 | {"name": "Kiribati", "code": "KI"}, 117 | {"name": "Korea, Democratic People's Republic of", "code": "KP"}, 118 | {"name": "Korea, Republic of", "code": "KR"}, 119 | {"name": "Kuwait", "code": "KW"}, 120 | {"name": "Kyrgyzstan", "code": "KG"}, 121 | {"name": "Lao People's Democratic Republic", "code": "LA"}, 122 | {"name": "Latvia", "code": "LV"}, 123 | {"name": "Lebanon", "code": "LB"}, 124 | {"name": "Lesotho", "code": "LS"}, 125 | {"name": "Liberia", "code": "LR"}, 126 | {"name": "Libyan Arab Jamahiriya", "code": "LY"}, 127 | {"name": "Liechtenstein", "code": "LI"}, 128 | {"name": "Lithuania", "code": "LT"}, 129 | {"name": "Luxembourg", "code": "LU"}, 130 | {"name": "Macao", "code": "MO"}, 131 | {"name": "Macedonia, The Former Yugoslav Republic of", "code": "MK"}, 132 | {"name": "Madagascar", "code": "MG"}, 133 | {"name": "Malawi", "code": "MW"}, 134 | {"name": "Malaysia", "code": "MY"}, 135 | {"name": "Maldives", "code": "MV"}, 136 | {"name": "Mali", "code": "ML"}, 137 | {"name": "Malta", "code": "MT"}, 138 | {"name": "Marshall Islands", "code": "MH"}, 139 | {"name": "Martinique", "code": "MQ"}, 140 | {"name": "Mauritania", "code": "MR"}, 141 | {"name": "Mauritius", "code": "MU"}, 142 | {"name": "Mayotte", "code": "YT"}, 143 | {"name": "Mexico", "code": "MX"}, 144 | {"name": "Micronesia, Federated States of", "code": "FM"}, 145 | {"name": "Moldova, Republic of", "code": "MD"}, 146 | {"name": "Monaco", "code": "MC"}, 147 | {"name": "Mongolia", "code": "MN"}, 148 | {"name": "Montserrat", "code": "MS"}, 149 | {"name": "Morocco", "code": "MA"}, 150 | {"name": "Mozambique", "code": "MZ"}, 151 | {"name": "Myanmar", "code": "MM"}, 152 | {"name": "Namibia", "code": "NA"}, 153 | {"name": "Nauru", "code": "NR"}, 154 | {"name": "Nepal", "code": "NP"}, 155 | {"name": "Netherlands", "code": "NL"}, 156 | {"name": "Netherlands Antilles", "code": "AN"}, 157 | {"name": "New Caledonia", "code": "NC"}, 158 | {"name": "New Zealand", "code": "NZ"}, 159 | {"name": "Nicaragua", "code": "NI"}, 160 | {"name": "Niger", "code": "NE"}, 161 | {"name": "Nigeria", "code": "NG"}, 162 | {"name": "Niue", "code": "NU"}, 163 | {"name": "Norfolk Island", "code": "NF"}, 164 | {"name": "Northern Mariana Islands", "code": "MP"}, 165 | {"name": "Norway", "code": "NO"}, 166 | {"name": "Oman", "code": "OM"}, 167 | {"name": "Pakistan", "code": "PK"}, 168 | {"name": "Palau", "code": "PW"}, 169 | {"name": "Palestinian Territory, Occupied", "code": "PS"}, 170 | {"name": "Panama", "code": "PA"}, 171 | {"name": "Papua New Guinea", "code": "PG"}, 172 | {"name": "Paraguay", "code": "PY"}, 173 | {"name": "Peru", "code": "PE"}, 174 | {"name": "Philippines", "code": "PH"}, 175 | {"name": "Pitcairn", "code": "PN"}, 176 | {"name": "Poland", "code": "PL"}, 177 | {"name": "Portugal", "code": "PT"}, 178 | {"name": "Puerto Rico", "code": "PR"}, 179 | {"name": "Qatar", "code": "QA"}, 180 | {"name": "Reunion", "code": "RE"}, 181 | {"name": "Romania", "code": "RO"}, 182 | {"name": "Russian Federation", "code": "RU"}, 183 | {"name": "RWANDA", "code": "RW"}, 184 | {"name": "Saint Helena", "code": "SH"}, 185 | {"name": "Saint Kitts and Nevis", "code": "KN"}, 186 | {"name": "Saint Lucia", "code": "LC"}, 187 | {"name": "Saint Pierre and Miquelon", "code": "PM"}, 188 | {"name": "Saint Vincent and the Grenadines", "code": "VC"}, 189 | {"name": "Samoa", "code": "WS"}, 190 | {"name": "San Marino", "code": "SM"}, 191 | {"name": "Sao Tome and Principe", "code": "ST"}, 192 | {"name": "Saudi Arabia", "code": "SA"}, 193 | {"name": "Senegal", "code": "SN"}, 194 | {"name": "Serbia and Montenegro", "code": "CS"}, 195 | {"name": "Seychelles", "code": "SC"}, 196 | {"name": "Sierra Leone", "code": "SL"}, 197 | {"name": "Singapore", "code": "SG"}, 198 | {"name": "Slovakia", "code": "SK"}, 199 | {"name": "Slovenia", "code": "SI"}, 200 | {"name": "Solomon Islands", "code": "SB"}, 201 | {"name": "Somalia", "code": "SO"}, 202 | {"name": "South Africa", "code": "ZA"}, 203 | {"name": "South Georgia and the South Sandwich Islands", "code": "GS"}, 204 | {"name": "Spain", "code": "ES"}, 205 | {"name": "Sri Lanka", "code": "LK"}, 206 | {"name": "Sudan", "code": "SD"}, 207 | {"name": "Suriname", "code": "SR"}, 208 | {"name": "Svalbard and Jan Mayen", "code": "SJ"}, 209 | {"name": "Swaziland", "code": "SZ"}, 210 | {"name": "Sweden", "code": "SE"}, 211 | {"name": "Switzerland", "code": "CH"}, 212 | {"name": "Syrian Arab Republic", "code": "SY"}, 213 | {"name": "Taiwan, Province of China", "code": "TW"}, 214 | {"name": "Tajikistan", "code": "TJ"}, 215 | {"name": "Tanzania, United Republic of", "code": "TZ"}, 216 | {"name": "Thailand", "code": "TH"}, 217 | {"name": "Timor-Leste", "code": "TL"}, 218 | {"name": "Togo", "code": "TG"}, 219 | {"name": "Tokelau", "code": "TK"}, 220 | {"name": "Tonga", "code": "TO"}, 221 | {"name": "Trinidad and Tobago", "code": "TT"}, 222 | {"name": "Tunisia", "code": "TN"}, 223 | {"name": "Turkey", "code": "TR"}, 224 | {"name": "Turkmenistan", "code": "TM"}, 225 | {"name": "Turks and Caicos Islands", "code": "TC"}, 226 | {"name": "Tuvalu", "code": "TV"}, 227 | {"name": "Uganda", "code": "UG"}, 228 | {"name": "Ukraine", "code": "UA"}, 229 | {"name": "United Arab Emirates", "code": "AE"}, 230 | {"name": "United Kingdom", "code": "GB"}, 231 | {"name": "United States", "code": "US"}, 232 | {"name": "United States Minor Outlying Islands", "code": "UM"}, 233 | {"name": "Uruguay", "code": "UY"}, 234 | {"name": "Uzbekistan", "code": "UZ"}, 235 | {"name": "Vanuatu", "code": "VU"}, 236 | {"name": "Venezuela", "code": "VE"}, 237 | {"name": "Viet Nam", "code": "VN"}, 238 | {"name": "Virgin Islands, British", "code": "VG"}, 239 | {"name": "Virgin Islands, U.S.", "code": "VI"}, 240 | {"name": "Wallis and Futuna", "code": "WF"}, 241 | {"name": "Western Sahara", "code": "EH"}, 242 | {"name": "Yemen", "code": "YE"}, 243 | {"name": "Zambia", "code": "ZM"}, 244 | {"name": "Zimbabwe", "code": "ZW"} 245 | ] -------------------------------------------------------------------------------- /public/countries.json: -------------------------------------------------------------------------------- 1 | [ 2 | {"name": "Afghanistan", "code": "AF"}, 3 | {"name": "Åland Islands", "code": "AX"}, 4 | {"name": "Albania", "code": "AL"}, 5 | {"name": "Algeria", "code": "DZ"}, 6 | {"name": "American Samoa", "code": "AS"}, 7 | {"name": "AndorrA", "code": "AD"}, 8 | {"name": "Angola", "code": "AO"}, 9 | {"name": "Anguilla", "code": "AI"}, 10 | {"name": "Antarctica", "code": "AQ"}, 11 | {"name": "Antigua and Barbuda", "code": "AG"}, 12 | {"name": "Argentina", "code": "AR"}, 13 | {"name": "Armenia", "code": "AM"}, 14 | {"name": "Aruba", "code": "AW"}, 15 | {"name": "Australia", "code": "AU"}, 16 | {"name": "Austria", "code": "AT"}, 17 | {"name": "Azerbaijan", "code": "AZ"}, 18 | {"name": "Bahamas", "code": "BS"}, 19 | {"name": "Bahrain", "code": "BH"}, 20 | {"name": "Bangladesh", "code": "BD"}, 21 | {"name": "Barbados", "code": "BB"}, 22 | {"name": "Belarus", "code": "BY"}, 23 | {"name": "Belgium", "code": "BE"}, 24 | {"name": "Belize", "code": "BZ"}, 25 | {"name": "Benin", "code": "BJ"}, 26 | {"name": "Bermuda", "code": "BM"}, 27 | {"name": "Bhutan", "code": "BT"}, 28 | {"name": "Bolivia", "code": "BO"}, 29 | {"name": "Bosnia and Herzegovina", "code": "BA"}, 30 | {"name": "Botswana", "code": "BW"}, 31 | {"name": "Bouvet Island", "code": "BV"}, 32 | {"name": "Brazil", "code": "BR"}, 33 | {"name": "British Indian Ocean Territory", "code": "IO"}, 34 | {"name": "Brunei Darussalam", "code": "BN"}, 35 | {"name": "Bulgaria", "code": "BG"}, 36 | {"name": "Burkina Faso", "code": "BF"}, 37 | {"name": "Burundi", "code": "BI"}, 38 | {"name": "Cambodia", "code": "KH"}, 39 | {"name": "Cameroon", "code": "CM"}, 40 | {"name": "Canada", "code": "CA"}, 41 | {"name": "Cape Verde", "code": "CV"}, 42 | {"name": "Cayman Islands", "code": "KY"}, 43 | {"name": "Central African Republic", "code": "CF"}, 44 | {"name": "Chad", "code": "TD"}, 45 | {"name": "Chile", "code": "CL"}, 46 | {"name": "China", "code": "CN"}, 47 | {"name": "Christmas Island", "code": "CX"}, 48 | {"name": "Cocos (Keeling) Islands", "code": "CC"}, 49 | {"name": "Colombia", "code": "CO"}, 50 | {"name": "Comoros", "code": "KM"}, 51 | {"name": "Congo", "code": "CG"}, 52 | {"name": "Congo, The Democratic Republic of the", "code": "CD"}, 53 | {"name": "Cook Islands", "code": "CK"}, 54 | {"name": "Costa Rica", "code": "CR"}, 55 | {"name": "Cote D'Ivoire", "code": "CI"}, 56 | {"name": "Croatia", "code": "HR"}, 57 | {"name": "Cuba", "code": "CU"}, 58 | {"name": "Cyprus", "code": "CY"}, 59 | {"name": "Czech Republic", "code": "CZ"}, 60 | {"name": "Denmark", "code": "DK"}, 61 | {"name": "Djibouti", "code": "DJ"}, 62 | {"name": "Dominica", "code": "DM"}, 63 | {"name": "Dominican Republic", "code": "DO"}, 64 | {"name": "Ecuador", "code": "EC"}, 65 | {"name": "Egypt", "code": "EG"}, 66 | {"name": "El Salvador", "code": "SV"}, 67 | {"name": "Equatorial Guinea", "code": "GQ"}, 68 | {"name": "Eritrea", "code": "ER"}, 69 | {"name": "Estonia", "code": "EE"}, 70 | {"name": "Ethiopia", "code": "ET"}, 71 | {"name": "Falkland Islands (Malvinas)", "code": "FK"}, 72 | {"name": "Faroe Islands", "code": "FO"}, 73 | {"name": "Fiji", "code": "FJ"}, 74 | {"name": "Finland", "code": "FI"}, 75 | {"name": "France", "code": "FR"}, 76 | {"name": "French Guiana", "code": "GF"}, 77 | {"name": "French Polynesia", "code": "PF"}, 78 | {"name": "French Southern Territories", "code": "TF"}, 79 | {"name": "Gabon", "code": "GA"}, 80 | {"name": "Gambia", "code": "GM"}, 81 | {"name": "Georgia", "code": "GE"}, 82 | {"name": "Germany", "code": "DE"}, 83 | {"name": "Ghana", "code": "GH"}, 84 | {"name": "Gibraltar", "code": "GI"}, 85 | {"name": "Greece", "code": "GR"}, 86 | {"name": "Greenland", "code": "GL"}, 87 | {"name": "Grenada", "code": "GD"}, 88 | {"name": "Guadeloupe", "code": "GP"}, 89 | {"name": "Guam", "code": "GU"}, 90 | {"name": "Guatemala", "code": "GT"}, 91 | {"name": "Guernsey", "code": "GG"}, 92 | {"name": "Guinea", "code": "GN"}, 93 | {"name": "Guinea-Bissau", "code": "GW"}, 94 | {"name": "Guyana", "code": "GY"}, 95 | {"name": "Haiti", "code": "HT"}, 96 | {"name": "Heard Island and Mcdonald Islands", "code": "HM"}, 97 | {"name": "Holy See (Vatican City State)", "code": "VA"}, 98 | {"name": "Honduras", "code": "HN"}, 99 | {"name": "Hong Kong", "code": "HK"}, 100 | {"name": "Hungary", "code": "HU"}, 101 | {"name": "Iceland", "code": "IS"}, 102 | {"name": "India", "code": "IN"}, 103 | {"name": "Indonesia", "code": "ID"}, 104 | {"name": "Iran, Islamic Republic Of", "code": "IR"}, 105 | {"name": "Iraq", "code": "IQ"}, 106 | {"name": "Ireland", "code": "IE"}, 107 | {"name": "Isle of Man", "code": "IM"}, 108 | {"name": "Israel", "code": "IL"}, 109 | {"name": "Italy", "code": "IT"}, 110 | {"name": "Jamaica", "code": "JM"}, 111 | {"name": "Japan", "code": "JP"}, 112 | {"name": "Jersey", "code": "JE"}, 113 | {"name": "Jordan", "code": "JO"}, 114 | {"name": "Kazakhstan", "code": "KZ"}, 115 | {"name": "Kenya", "code": "KE"}, 116 | {"name": "Kiribati", "code": "KI"}, 117 | {"name": "Korea, Democratic People's Republic of", "code": "KP"}, 118 | {"name": "Korea, Republic of", "code": "KR"}, 119 | {"name": "Kuwait", "code": "KW"}, 120 | {"name": "Kyrgyzstan", "code": "KG"}, 121 | {"name": "Lao People's Democratic Republic", "code": "LA"}, 122 | {"name": "Latvia", "code": "LV"}, 123 | {"name": "Lebanon", "code": "LB"}, 124 | {"name": "Lesotho", "code": "LS"}, 125 | {"name": "Liberia", "code": "LR"}, 126 | {"name": "Libyan Arab Jamahiriya", "code": "LY"}, 127 | {"name": "Liechtenstein", "code": "LI"}, 128 | {"name": "Lithuania", "code": "LT"}, 129 | {"name": "Luxembourg", "code": "LU"}, 130 | {"name": "Macao", "code": "MO"}, 131 | {"name": "Macedonia, The Former Yugoslav Republic of", "code": "MK"}, 132 | {"name": "Madagascar", "code": "MG"}, 133 | {"name": "Malawi", "code": "MW"}, 134 | {"name": "Malaysia", "code": "MY"}, 135 | {"name": "Maldives", "code": "MV"}, 136 | {"name": "Mali", "code": "ML"}, 137 | {"name": "Malta", "code": "MT"}, 138 | {"name": "Marshall Islands", "code": "MH"}, 139 | {"name": "Martinique", "code": "MQ"}, 140 | {"name": "Mauritania", "code": "MR"}, 141 | {"name": "Mauritius", "code": "MU"}, 142 | {"name": "Mayotte", "code": "YT"}, 143 | {"name": "Mexico", "code": "MX"}, 144 | {"name": "Micronesia, Federated States of", "code": "FM"}, 145 | {"name": "Moldova, Republic of", "code": "MD"}, 146 | {"name": "Monaco", "code": "MC"}, 147 | {"name": "Mongolia", "code": "MN"}, 148 | {"name": "Montserrat", "code": "MS"}, 149 | {"name": "Morocco", "code": "MA"}, 150 | {"name": "Mozambique", "code": "MZ"}, 151 | {"name": "Myanmar", "code": "MM"}, 152 | {"name": "Namibia", "code": "NA"}, 153 | {"name": "Nauru", "code": "NR"}, 154 | {"name": "Nepal", "code": "NP"}, 155 | {"name": "Netherlands", "code": "NL"}, 156 | {"name": "Netherlands Antilles", "code": "AN"}, 157 | {"name": "New Caledonia", "code": "NC"}, 158 | {"name": "New Zealand", "code": "NZ"}, 159 | {"name": "Nicaragua", "code": "NI"}, 160 | {"name": "Niger", "code": "NE"}, 161 | {"name": "Nigeria", "code": "NG"}, 162 | {"name": "Niue", "code": "NU"}, 163 | {"name": "Norfolk Island", "code": "NF"}, 164 | {"name": "Northern Mariana Islands", "code": "MP"}, 165 | {"name": "Norway", "code": "NO"}, 166 | {"name": "Oman", "code": "OM"}, 167 | {"name": "Pakistan", "code": "PK"}, 168 | {"name": "Palau", "code": "PW"}, 169 | {"name": "Palestinian Territory, Occupied", "code": "PS"}, 170 | {"name": "Panama", "code": "PA"}, 171 | {"name": "Papua New Guinea", "code": "PG"}, 172 | {"name": "Paraguay", "code": "PY"}, 173 | {"name": "Peru", "code": "PE"}, 174 | {"name": "Philippines", "code": "PH"}, 175 | {"name": "Pitcairn", "code": "PN"}, 176 | {"name": "Poland", "code": "PL"}, 177 | {"name": "Portugal", "code": "PT"}, 178 | {"name": "Puerto Rico", "code": "PR"}, 179 | {"name": "Qatar", "code": "QA"}, 180 | {"name": "Reunion", "code": "RE"}, 181 | {"name": "Romania", "code": "RO"}, 182 | {"name": "Russian Federation", "code": "RU"}, 183 | {"name": "RWANDA", "code": "RW"}, 184 | {"name": "Saint Helena", "code": "SH"}, 185 | {"name": "Saint Kitts and Nevis", "code": "KN"}, 186 | {"name": "Saint Lucia", "code": "LC"}, 187 | {"name": "Saint Pierre and Miquelon", "code": "PM"}, 188 | {"name": "Saint Vincent and the Grenadines", "code": "VC"}, 189 | {"name": "Samoa", "code": "WS"}, 190 | {"name": "San Marino", "code": "SM"}, 191 | {"name": "Sao Tome and Principe", "code": "ST"}, 192 | {"name": "Saudi Arabia", "code": "SA"}, 193 | {"name": "Senegal", "code": "SN"}, 194 | {"name": "Serbia and Montenegro", "code": "CS"}, 195 | {"name": "Seychelles", "code": "SC"}, 196 | {"name": "Sierra Leone", "code": "SL"}, 197 | {"name": "Singapore", "code": "SG"}, 198 | {"name": "Slovakia", "code": "SK"}, 199 | {"name": "Slovenia", "code": "SI"}, 200 | {"name": "Solomon Islands", "code": "SB"}, 201 | {"name": "Somalia", "code": "SO"}, 202 | {"name": "South Africa", "code": "ZA"}, 203 | {"name": "South Georgia and the South Sandwich Islands", "code": "GS"}, 204 | {"name": "Spain", "code": "ES"}, 205 | {"name": "Sri Lanka", "code": "LK"}, 206 | {"name": "Sudan", "code": "SD"}, 207 | {"name": "Suriname", "code": "SR"}, 208 | {"name": "Svalbard and Jan Mayen", "code": "SJ"}, 209 | {"name": "Swaziland", "code": "SZ"}, 210 | {"name": "Sweden", "code": "SE"}, 211 | {"name": "Switzerland", "code": "CH"}, 212 | {"name": "Syrian Arab Republic", "code": "SY"}, 213 | {"name": "Taiwan, Province of China", "code": "TW"}, 214 | {"name": "Tajikistan", "code": "TJ"}, 215 | {"name": "Tanzania, United Republic of", "code": "TZ"}, 216 | {"name": "Thailand", "code": "TH"}, 217 | {"name": "Timor-Leste", "code": "TL"}, 218 | {"name": "Togo", "code": "TG"}, 219 | {"name": "Tokelau", "code": "TK"}, 220 | {"name": "Tonga", "code": "TO"}, 221 | {"name": "Trinidad and Tobago", "code": "TT"}, 222 | {"name": "Tunisia", "code": "TN"}, 223 | {"name": "Turkey", "code": "TR"}, 224 | {"name": "Turkmenistan", "code": "TM"}, 225 | {"name": "Turks and Caicos Islands", "code": "TC"}, 226 | {"name": "Tuvalu", "code": "TV"}, 227 | {"name": "Uganda", "code": "UG"}, 228 | {"name": "Ukraine", "code": "UA"}, 229 | {"name": "United Arab Emirates", "code": "AE"}, 230 | {"name": "United Kingdom", "code": "GB"}, 231 | {"name": "United States", "code": "US"}, 232 | {"name": "United States Minor Outlying Islands", "code": "UM"}, 233 | {"name": "Uruguay", "code": "UY"}, 234 | {"name": "Uzbekistan", "code": "UZ"}, 235 | {"name": "Vanuatu", "code": "VU"}, 236 | {"name": "Venezuela", "code": "VE"}, 237 | {"name": "Viet Nam", "code": "VN"}, 238 | {"name": "Virgin Islands, British", "code": "VG"}, 239 | {"name": "Virgin Islands, U.S.", "code": "VI"}, 240 | {"name": "Wallis and Futuna", "code": "WF"}, 241 | {"name": "Western Sahara", "code": "EH"}, 242 | {"name": "Yemen", "code": "YE"}, 243 | {"name": "Zambia", "code": "ZM"}, 244 | {"name": "Zimbabwe", "code": "ZW"} 245 | ] -------------------------------------------------------------------------------- /docs/js/examples.f4b323dd.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/examples/WorkingWithAPIs.vue?e194","webpack:///./src/examples/WorkingWithAPIs.vue","webpack:///./src/examples/PrependAppend.vue?5d82","webpack:///./src/examples/PrependAppend.vue","webpack:///./src/examples/CustomSuggestion.vue?4959","webpack:///./src/examples/CustomSuggestion.vue","webpack:///./src/views/Examples.vue?ffc8","webpack:///src/views/Examples.vue","webpack:///./src/views/Examples.vue?2896","webpack:///./src/views/Examples.vue","webpack:///./src/examples/BasicExample.vue?a888","webpack:///./src/examples/BasicExample.vue"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","_v","staticStyle","width","attrs","height","scrolling","title","src","frameborder","allowtransparency","allowfullscreen","href","script","component","Object","componentNormalizer","options","__file","__webpack_exports__","staticClass","vertical","_l","link","key","to","active","_s","name","Examplesvue_type_script_lang_js_","data","examples","views_Examplesvue_type_script_lang_js_"],"mappings":"iHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BH,EAAAI,MAAAC,GAAwB,OAAAL,EAAAM,GAAA,IACzFC,GAAA,WAAoC,IAAAP,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BE,EAAAL,EAAAI,MAAAC,IAAAH,EAAwB,OAAAG,EAAA,OAAAA,EAAA,MAAAL,EAAAQ,GAAA,wBAAAH,EAAA,UAAsEI,aAAaC,MAAA,QAAeC,OAAQC,OAAA,MAAAC,UAAA,KAAAC,MAAA,qBAAAC,IAAA,0GAAAC,YAAA,KAAAC,kBAAA,OAAAC,gBAAA,UAAqPlB,EAAAQ,GAAA,gBAAAH,EAAA,KAAiCM,OAAOQ,KAAA,iDAAsDnB,EAAAQ,GAAA,wBAAAR,EAAAQ,GAAA,uBAAAH,EAAA,KAAuEM,OAAOQ,KAAA,qCAA0CnB,EAAAQ,GAAA,mBAAAR,EAAAQ,GAAA,SAAAH,EAAA,KAAoDM,OAAOQ,KAAA,wBAA6BnB,EAAAQ,GAAA,aAAAR,EAAAQ,GAAA,2BCAhvBY,KAKAC,EAAAC,OAAAC,EAAA,KAAAD,CACAF,EACArB,EACAQ,GACA,EACA,KACA,KACA,MAIAc,EAAAG,QAAAC,OAAA,sBACAC,EAAA,WAAAL,sDClBA,IAAAtB,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BH,EAAAI,MAAAC,GAAwB,OAAAL,EAAAM,GAAA,IACzFC,GAAA,WAAoC,IAAAP,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BE,EAAAL,EAAAI,MAAAC,IAAAH,EAAwB,OAAAG,EAAA,OAAAA,EAAA,MAAAL,EAAAQ,GAAA,4BAAAH,EAAA,UAA0EI,aAAaC,MAAA,QAAeC,OAAQC,OAAA,MAAAC,UAAA,KAAAC,MAAA,yBAAAC,IAAA,0GAAAC,YAAA,KAAAC,kBAAA,OAAAC,gBAAA,UAAyPlB,EAAAQ,GAAA,gBAAAH,EAAA,KAAiCM,OAAOQ,KAAA,iDAAsDnB,EAAAQ,GAAA,4BAAAR,EAAAQ,GAAA,uBAAAH,EAAA,KAA2EM,OAAOQ,KAAA,qCAA0CnB,EAAAQ,GAAA,mBAAAR,EAAAQ,GAAA,SAAAH,EAAA,KAAoDM,OAAOQ,KAAA,wBAA6BnB,EAAAQ,GAAA,aAAAR,EAAAQ,GAAA,2BCA5vBY,KAKAC,EAAAC,OAAAC,EAAA,KAAAD,CACAF,EACArB,EACAQ,GACA,EACA,KACA,KACA,MAIAc,EAAAG,QAAAC,OAAA,oBACAC,EAAA,WAAAL,sDClBA,IAAAtB,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BH,EAAAI,MAAAC,GAAwB,OAAAL,EAAAM,GAAA,IACzFC,GAAA,WAAoC,IAAAP,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BE,EAAAL,EAAAI,MAAAC,IAAAH,EAAwB,OAAAG,EAAA,OAAAA,EAAA,MAAAL,EAAAQ,GAAA,4BAAAH,EAAA,UAA0EI,aAAaC,MAAA,QAAeC,OAAQC,OAAA,MAAAC,UAAA,KAAAC,MAAA,yBAAAC,IAAA,0GAAAC,YAAA,KAAAC,kBAAA,OAAAC,gBAAA,UAAyPlB,EAAAQ,GAAA,gBAAAH,EAAA,KAAiCM,OAAOQ,KAAA,iDAAsDnB,EAAAQ,GAAA,4BAAAR,EAAAQ,GAAA,uBAAAH,EAAA,KAA2EM,OAAOQ,KAAA,qCAA0CnB,EAAAQ,GAAA,mBAAAR,EAAAQ,GAAA,SAAAH,EAAA,KAAoDM,OAAOQ,KAAA,wBAA6BnB,EAAAQ,GAAA,aAAAR,EAAAQ,GAAA,2BCA5vBY,KAKAC,EAAAC,OAAAC,EAAA,KAAAD,CACAF,EACArB,EACAQ,GACA,EACA,KACA,KACA,MAIAc,EAAAG,QAAAC,OAAA,uBACAC,EAAA,WAAAL,oDClBA,IAAAtB,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BE,EAAAL,EAAAI,MAAAC,IAAAH,EAAwB,OAAAG,EAAA,OAAiBsB,YAAA,yBAAmCtB,EAAA,OAAYsB,YAAA,QAAkBtB,EAAA,OAAYsB,YAAA,aAAuBtB,EAAA,MAAAL,EAAAQ,GAAA,cAAAH,EAAA,SAA4CsB,YAAA,aAAAhB,OAAgCiB,SAAA,KAAe5B,EAAA6B,GAAA7B,EAAA,kBAAA8B,GAAsC,OAAAzB,EAAA,cAAwB0B,IAAAD,OAAAnB,OAAqBqB,GAAA,GAAAF,EAAA,KAAAG,OAAA,MAAqCjC,EAAAQ,GAAAR,EAAAkC,GAAAJ,EAAAK,aAA8B,GAAA9B,EAAA,OAAiBsB,YAAA,aAAuBtB,EAAA,wBACveE,KCoBA6B,kCACAD,KAAA,WACAE,KAFA,WAGA,OACAC,WAEAH,KAAA,gBACAL,KAAA,4BAGAK,KAAA,qBACAL,KAAA,gCAGAK,KAAA,yBACAL,KAAA,uCAGAK,KAAA,yBACAL,KAAA,yCCxC4QS,EAAA,cCO5QlB,EAAAC,OAAAC,EAAA,KAAAD,CACAiB,EACAxC,EACAQ,GACA,EACA,KACA,KACA,MAIAc,EAAAG,QAAAC,OAAA,eACAC,EAAA,WAAAL,oDCnBA,IAAAtB,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BH,EAAAI,MAAAC,GAAwB,OAAAL,EAAAM,GAAA,IACzFC,GAAA,WAAoC,IAAAP,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BE,EAAAL,EAAAI,MAAAC,IAAAH,EAAwB,OAAAG,EAAA,OAAAA,EAAA,MAAAL,EAAAQ,GAAA,mBAAAH,EAAA,UAAiEI,aAAaC,MAAA,QAAeC,OAAQC,OAAA,MAAAC,UAAA,KAAAC,MAAA,gBAAAC,IAAA,0GAAAC,YAAA,KAAAC,kBAAA,OAAAC,gBAAA,UAAgPlB,EAAAQ,GAAA,gBAAAH,EAAA,KAAiCM,OAAOQ,KAAA,iDAAsDnB,EAAAQ,GAAA,mBAAAR,EAAAQ,GAAA,uBAAAH,EAAA,KAAkEM,OAAOQ,KAAA,qCAA0CnB,EAAAQ,GAAA,mBAAAR,EAAAQ,GAAA,SAAAH,EAAA,KAAoDM,OAAOQ,KAAA,wBAA6BnB,EAAAQ,GAAA,aAAAR,EAAAQ,GAAA,2BCAjuBY,KAKAC,EAAAC,OAAAC,EAAA,KAAAD,CACAF,EACArB,EACAQ,GACA,EACA,KACA,KACA,MAIAc,EAAAG,QAAAC,OAAA,mBACAC,EAAA,WAAAL","file":"js/examples.f4b323dd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',[_vm._v(\"Working With API's\")]),_c('iframe',{staticStyle:{\"width\":\"100%\"},attrs:{\"height\":\"800\",\"scrolling\":\"no\",\"title\":\"Working With API's\",\"src\":\"//codepen.io/alexurquhart/embed/BOwVRx/?height=800&theme-id=light&default-tab=js,result&embed-version=2\",\"frameborder\":\"no\",\"allowtransparency\":\"true\",\"allowfullscreen\":\"true\"}},[_vm._v(\"See the Pen \"),_c('a',{attrs:{\"href\":\"https://codepen.io/alexurquhart/pen/BOwVRx/\"}},[_vm._v(\"Working With API's\")]),_vm._v(\" by Alex Urquhart (\"),_c('a',{attrs:{\"href\":\"https://codepen.io/alexurquhart\"}},[_vm._v(\"@alexurquhart\")]),_vm._v(\") on \"),_c('a',{attrs:{\"href\":\"https://codepen.io\"}},[_vm._v(\"CodePen\")]),_vm._v(\".\\n \")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./WorkingWithAPIs.vue?vue&type=template&id=1bd43bfb&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"WorkingWithAPIs.vue\"\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',[_vm._v(\"Prepending & Appending\")]),_c('iframe',{staticStyle:{\"width\":\"100%\"},attrs:{\"height\":\"800\",\"scrolling\":\"no\",\"title\":\"Prepending & Appending\",\"src\":\"//codepen.io/alexurquhart/embed/gdGdZg/?height=800&theme-id=light&default-tab=js,result&embed-version=2\",\"frameborder\":\"no\",\"allowtransparency\":\"true\",\"allowfullscreen\":\"true\"}},[_vm._v(\"See the Pen \"),_c('a',{attrs:{\"href\":\"https://codepen.io/alexurquhart/pen/gdGdZg/\"}},[_vm._v(\"Prepending & Appending\")]),_vm._v(\" by Alex Urquhart (\"),_c('a',{attrs:{\"href\":\"https://codepen.io/alexurquhart\"}},[_vm._v(\"@alexurquhart\")]),_vm._v(\") on \"),_c('a',{attrs:{\"href\":\"https://codepen.io\"}},[_vm._v(\"CodePen\")]),_vm._v(\".\\n \")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./PrependAppend.vue?vue&type=template&id=67e8b2ae&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"PrependAppend.vue\"\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',[_vm._v(\"Custom Suggestion Slot\")]),_c('iframe',{staticStyle:{\"width\":\"100%\"},attrs:{\"height\":\"800\",\"scrolling\":\"no\",\"title\":\"Custom Suggestion Slot\",\"src\":\"//codepen.io/alexurquhart/embed/rZYwML/?height=800&theme-id=light&default-tab=js,result&embed-version=2\",\"frameborder\":\"no\",\"allowtransparency\":\"true\",\"allowfullscreen\":\"true\"}},[_vm._v(\"See the Pen \"),_c('a',{attrs:{\"href\":\"https://codepen.io/alexurquhart/pen/rZYwML/\"}},[_vm._v(\"Custom Suggestion Slot\")]),_vm._v(\" by Alex Urquhart (\"),_c('a',{attrs:{\"href\":\"https://codepen.io/alexurquhart\"}},[_vm._v(\"@alexurquhart\")]),_vm._v(\") on \"),_c('a',{attrs:{\"href\":\"https://codepen.io\"}},[_vm._v(\"CodePen\")]),_vm._v(\".\\n \")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./CustomSuggestion.vue?vue&type=template&id=07810b54&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"CustomSuggestion.vue\"\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid mt-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('h1',[_vm._v(\"Examples\")]),_c('b-nav',{staticClass:\"border-top\",attrs:{\"vertical\":\"\"}},_vm._l((_vm.examples),function(link){return _c('b-nav-item',{key:link.link,attrs:{\"to\":(\"\" + (link.link)),\"active\":\"\"}},[_vm._v(_vm._s(link.name))])}))],1),_c('div',{staticClass:\"col-md-9\"},[_c('router-view')],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Examples.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Examples.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Examples.vue?vue&type=template&id=0b64aaa2&\"\nimport script from \"./Examples.vue?vue&type=script&lang=js&\"\nexport * from \"./Examples.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"Examples.vue\"\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',[_vm._v(\"Basic Example\")]),_c('iframe',{staticStyle:{\"width\":\"100%\"},attrs:{\"height\":\"800\",\"scrolling\":\"no\",\"title\":\"Basic Example\",\"src\":\"//codepen.io/alexurquhart/embed/LJzdpO/?height=800&theme-id=light&default-tab=js,result&embed-version=2\",\"frameborder\":\"no\",\"allowtransparency\":\"true\",\"allowfullscreen\":\"true\"}},[_vm._v(\"See the Pen \"),_c('a',{attrs:{\"href\":\"https://codepen.io/alexurquhart/pen/LJzdpO/\"}},[_vm._v(\"Basic Example\")]),_vm._v(\" by Alex Urquhart (\"),_c('a',{attrs:{\"href\":\"https://codepen.io/alexurquhart\"}},[_vm._v(\"@alexurquhart\")]),_vm._v(\") on \"),_c('a',{attrs:{\"href\":\"https://codepen.io\"}},[_vm._v(\"CodePen\")]),_vm._v(\".\\n \")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./BasicExample.vue?vue&type=template&id=1597246a&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"BasicExample.vue\"\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/app.15abc5c0.js: -------------------------------------------------------------------------------- 1 | (function(t){function e(e){for(var n,i,o=e[0],u=e[1],c=e[2],l=0,d=[];l\n\n\n\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=456fa2bc&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"App.vue\"\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_vm._m(0),_c('div',{staticClass:\"row\"},[_vm._m(1),_c('div',{staticClass:\"col-md-6\"},[_c('country-search')],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 mt-4 mb-4\"},[_c('b-btn',{staticClass:\"shadow\",attrs:{\"to\":\"reference\",\"size\":\"lg\",\"variant\":\"primary\",\"block\":\"\"}},[_vm._v(\"\\n Read the Docs\\n \")])],1),_c('div',{staticClass:\"col-md-6 mt-4 mb-4\"},[_c('b-btn',{staticClass:\"shadow\",attrs:{\"to\":\"examples\",\"size\":\"lg\",\"variant\":\"secondary\",\"block\":\"\"}},[_vm._v(\"\\n View The Example Gallery\\n \")])],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('h2',[_vm._v(\"Getting Started\")]),_c('p',{staticClass:\"lead\"},[_vm._v(\"Installation\")]),_c('pre',{directives:[{name:\"highlight\",rawName:\"v-highlight\"}]},[_c('code',{staticClass:\"bash\"},[_vm._v(\"$ npm install vue-bootstrap-typeahead --save\")])]),_vm._m(2),_c('pre',{directives:[{name:\"highlight\",rawName:\"v-highlight\"}]},[_c('code',{staticClass:\"html\"},[_vm._v(\"\\n\\n\")])]),_c('p',{staticClass:\"lead\"},[_vm._v(\"Registration\")]),_c('pre',{directives:[{name:\"highlight\",rawName:\"v-highlight\"}]},[_c('code',{staticClass:\"javascript\"},[_vm._v(\"import VueBootstrapTypeahead from 'vue-bootstrap-typeahead'\\n\\n// Don't forget to include the Bootstrap CSS/SCSS files!\\nimport 'bootstrap/scss/bootstrap.scss'\\n\\n// Global registration\\nVue.component('vue-bootstrap-typeahead', VueBootstrapTypeahead)\\n\\n// OR\\n\\n// Local registration\\nexport default {\\n components: {\\n VueBootstrapTypeahead\\n }\\n}\")])]),_c('p',{staticClass:\"lead\"},[_vm._v(\"Basic Usage\")]),_vm._m(3),_c('pre',{directives:[{name:\"highlight\",rawName:\"v-highlight\"}]},[_c('code',{staticClass:\"html\"},[_vm._v(\"\")])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('h1',[_vm._v(\"A simple typeahead for Vue 2 using Bootstrap 4\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-6\"},[_c('ul',[_c('li',[_c('code',[_vm._v(\"bootstrap-vue\")]),_vm._v(\" compatible\")]),_c('li',[_vm._v(\"Append and prepend icons and buttons\")]),_c('li',[_vm._v(\"Works well with API JSON responses\")])]),_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('a',{attrs:{\"href\":\"https://www.npmjs.com/package/vue-bootstrap-typeahead\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"mb-3 img-fluid\",attrs:{\"src\":\"https://nodei.co/npm/vue-bootstrap-typeahead.png\"}})])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"lead\"},[_vm._v(\"Minified UMD and CommonJS builds are available in the \"),_c('code',[_vm._v(\"dist\")]),_vm._v(\" folder. The component is also available on unpkg.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\"The only required \"),_c('code',[_vm._v(\"props\")]),_vm._v(\" are a \"),_c('code',[_vm._v(\"v-model\")]),_vm._v(\" and a \"),_c('code',[_vm._v(\"data\")]),_vm._v(\" array.\")])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"shadow-sm\",attrs:{\"title\":\"Demo Country Search\"}},[_c('p',{staticClass:\"card-text\"},[_vm._v(\"\\n Type a country:\\n \")]),_c('vue-bootstrap-typeahead',{attrs:{\"data\":_vm.countries,\"serializer\":function (s) { return s.name; },\"placeholder\":\"Canada, United States, etc...\"},on:{\"hit\":_vm.handleHit},scopedSlots:_vm._u([{key:\"suggestion\",fn:function(ref){\nvar data = ref.data;\nvar htmlText = ref.htmlText;\nreturn [_c('span',{domProps:{\"innerHTML\":_vm._s(htmlText)}}),_vm._v(\" \"),_c('small',[_vm._v(_vm._s(data.code))])]}}]),model:{value:(_vm.cntrySearch),callback:function ($$v) {_vm.cntrySearch=$$v},expression:\"cntrySearch\"}},[_c('template',{slot:\"append\"},[_c('b-btn',{attrs:{\"variant\":\"success\"},on:{\"click\":_vm.search}},[_vm._v(\"\\n Go\\n \")])],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:_vm.sizeClasses},[(_vm.$slots.prepend || _vm.prepend)?_c('div',{ref:\"prependDiv\",staticClass:\"input-group-prepend\"},[_vm._t(\"prepend\",[_c('span',{staticClass:\"input-group-text\"},[_vm._v(_vm._s(_vm.prepend))])])],2):_vm._e(),_c('input',{ref:\"input\",class:(\"form-control \" + _vm.inputClass),attrs:{\"type\":\"search\",\"placeholder\":_vm.placeholder,\"aria-label\":_vm.placeholder,\"autocomplete\":\"off\"},domProps:{\"value\":_vm.inputValue},on:{\"focus\":function($event){_vm.isFocused = true},\"blur\":_vm.handleBlur,\"input\":function($event){_vm.handleInput($event.target.value)}}}),(_vm.$slots.append || _vm.append)?_c('div',{staticClass:\"input-group-append\"},[_vm._t(\"append\",[_c('span',{staticClass:\"input-group-text\"},[_vm._v(_vm._s(_vm.append))])])],2):_vm._e()]),_c('vue-bootstrap-typeahead-list',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isFocused && _vm.data.length > 0),expression:\"isFocused && data.length > 0\"}],ref:\"list\",staticClass:\"vbt-autcomplete-list\",attrs:{\"query\":_vm.inputValue,\"data\":_vm.formattedData,\"background-variant\":_vm.backgroundVariant,\"text-variant\":_vm.textVariant,\"minMatchingChars\":_vm.minMatchingChars},on:{\"hit\":_vm.handleHit},scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(slot,slotName){return {key:slotName,fn:function(ref){\nvar data = ref.data;\nvar htmlText = ref.htmlText;\nreturn [_vm._t(slotName,null,null,{ data: data, htmlText: htmlText })]}}})])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"list-group shadow\"},_vm._l((_vm.matchedItems),function(item,id){return _c('vue-bootstrap-typeahead-list-item',{key:id,attrs:{\"data\":item.data,\"html-text\":_vm.highlight(item.text),\"background-variant\":_vm.backgroundVariant,\"text-variant\":_vm.textVariant},nativeOn:{\"click\":function($event){_vm.handleHit(item, $event)}},scopedSlots:_vm._u([{key:\"suggestion\",fn:function(ref){\nvar data = ref.data;\nvar htmlText = ref.htmlText;\nreturn _vm.$scopedSlots.suggestion?[_vm._t(\"suggestion\",null,null,{ data: data, htmlText: htmlText })]:undefined}}])})}))}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:_vm.textClasses,attrs:{\"tabindex\":\"0\",\"href\":\"#\"},on:{\"mouseover\":function($event){_vm.active = true},\"mouseout\":function($event){_vm.active = false}}},[_vm._t(\"suggestion\",[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.htmlText)}})],null,{ data: _vm.data, htmlText: _vm.htmlText })],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VueBootstrapTypeaheadListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VueBootstrapTypeaheadListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VueBootstrapTypeaheadListItem.vue?vue&type=template&id=367d6487&\"\nimport script from \"./VueBootstrapTypeaheadListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./VueBootstrapTypeaheadListItem.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"VueBootstrapTypeaheadListItem.vue\"\nexport default component.exports","\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VueBootstrapTypeaheadList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VueBootstrapTypeaheadList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VueBootstrapTypeaheadList.vue?vue&type=template&id=7e679de0&\"\nimport script from \"./VueBootstrapTypeaheadList.vue?vue&type=script&lang=js&\"\nexport * from \"./VueBootstrapTypeaheadList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"VueBootstrapTypeaheadList.vue\"\nexport default component.exports","\n\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VueBootstrapTypeahead.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VueBootstrapTypeahead.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VueBootstrapTypeahead.vue?vue&type=template&id=420fcaa2&scoped=true&\"\nimport script from \"./VueBootstrapTypeahead.vue?vue&type=script&lang=js&\"\nexport * from \"./VueBootstrapTypeahead.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VueBootstrapTypeahead.vue?vue&type=style&index=0&id=420fcaa2&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"420fcaa2\",\n null\n \n)\n\ncomponent.options.__file = \"VueBootstrapTypeahead.vue\"\nexport default component.exports","\n\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountrySearch.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountrySearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CountrySearch.vue?vue&type=template&id=2f1aec74&\"\nimport script from \"./CountrySearch.vue?vue&type=script&lang=js&\"\nexport * from \"./CountrySearch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CountrySearch.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"CountrySearch.vue\"\nexport default component.exports","\n\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=5f59e8be&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=5f59e8be&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5f59e8be\",\n null\n \n)\n\ncomponent.options.__file = \"Home.vue\"\nexport default component.exports","import Vue from 'vue'\nimport Router from 'vue-router'\nimport Home from './views/Home'\n\nVue.use(Router)\n\nexport default new Router({\n routes: [\n {\n path: '/',\n name: 'home',\n component: Home\n },\n {\n path: '/reference',\n name: 'reference',\n component: () => import(/* webpackChunkName: \"reference\" */ './views/Reference.vue')\n },\n {\n path: '/examples',\n component: () => import(/* webpackChunkName: \"examples\" */ './views/Examples.vue'),\n children: [\n {\n name: 'examples',\n path: '',\n component: () => import(/* webpackChunkName: \"examples\" */ './examples/BasicExample.vue')\n },\n {\n path: 'basic-example',\n component: () => import(/* webpackChunkName: \"examples\" */ './examples/BasicExample.vue')\n },\n {\n path: 'working-with-apis',\n component: () => import(/* webpackChunkName: \"examples\" */ './examples/WorkingWithAPIs.vue')\n },\n {\n path: 'prepending-and-appending',\n component: () => import(/* webpackChunkName: \"examples\" */ './examples/PrependAppend.vue')\n },\n {\n name: 'custom-suggestion-slot',\n path: 'custom-suggestion-slot',\n component: () => import(/* webpackChunkName: \"examples\" */ './examples/CustomSuggestion.vue')\n }\n ]\n }\n ]\n})\n","import Vue from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport BootstrapVue from 'bootstrap-vue'\nimport vueHljs from 'vue-hljs'\nimport VueGtm from 'vue-gtm'\nimport 'highlight.js/styles/color-brewer.css'\nimport 'whatwg-fetch'\n\nVue.use(vueHljs)\n\nVue.config.productionTip = false\n\nVue.use(BootstrapVue)\n\nVue.use(VueGtm, {\n id: 'UA-29172866-5',\n enabled: process.env.NODE_ENV === 'production',\n vueRouter: router\n})\n\nnew Vue({\n router,\n render: h => h(App)\n}).$mount('#app')\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""} --------------------------------------------------------------------------------