text: webpackJsonp([2,18,41,102,103,183],{231:function(e,t,n){var a=n(0)(n(904),n(909),null,null,null);e.exports=a.exports},679:function(e,t){e.exports=[{id:1,user:{first_name:"Jesse",last_name:"Simmons"},date:"2016/10/15 13:43:27",gender:"Male"},{id:2,user:{first_name:"John",last_name:"Jacobs"},date:"2016/12/15 06:00:53",gender:"Male"},{id:3,user:{first_name:"Tina",last_name:"Gilbert"},date:"2016/04/26 06:26:28",gender:"Female"},{id:4,user:{first_name:"Clarence",last_name:"Flores"},date:"2016/04/10 10:28:46",gender:"Male"},{id:5,user:{first_name:"Anne",last_name:"Lee"},date:"2016/12/06 14:38:38",gender:"Female"},{id:6,user:{first_name:"Sara",last_name:"Armstrong"},date:"2016/09/23 18:50:04",gender:"Female"},{id:7,user:{first_name:"Anthony",last_name:"Webb"},date:"2016/08/30 23:49:38",gender:"Male"},{id:8,user:{first_name:"Andrew",last_name:"Greene"},date:"2016/11/20 14:57:47",gender:"Male"},{id:9,user:{first_name:"Russell",last_name:"White"},date:"2016/07/13 09:29:49",gender:"Male"},{id:10,user:{first_name:"Lori",last_name:"Hunter"},date:"2016/12/09 01:44:05",gender:"Female"},{id:11,user:{first_name:"Ronald",last_name:"Wood"},date:"2016/12/04 02:23:48",gender:"Male"},{id:12,user:{first_name:"Michael",last_name:"Harper"},date:"2016/07/27 13:28:15",gender:"Male"},{id:13,user:{first_name:"George",last_name:"Dunn"},date:"2017/03/07 12:26:52",gender:"Male"},{id:14,user:{first_name:"Eric",last_name:"Rogers"},date:"2016/06/07 05:41:52",gender:"Male"},{id:15,user:{first_name:"Juan",last_name:"Meyer"},date:"2017/02/01 04:56:34",gender:"Male"},{id:16,user:{first_name:"Lori",last_name:"Shaw"},date:"2017/01/26 11:50:04",gender:"Female"},{id:17,user:{first_name:"Lori",last_name:"Cunningham"},date:"2016/05/01 10:00:56",gender:"Female"},{id:18,user:{first_name:"Charles",last_name:"Graham"},date:"2016/05/31 06:43:30",gender:"Male"},{id:19,user:{first_name:"Henry",last_name:"Morrison"},date:"2016/09/27 16:15:44",gender:"Male"},{id:20,user:{first_name:"Albert",last_name:"Mendoza"},date:"2016/08/08 05:29:24",gender:"Male"},{id:21,user:{first_name:"Ruby",last_name:"Snyder"},date:"2017/04/01 12:04:39",gender:"Female"},{id:22,user:{first_name:"Jesse",last_name:"Warren"},date:"2016/08/20 01:36:38",gender:"Male"},{id:23,user:{first_name:"Carlos",last_name:"Ferguson"},date:"2016/05/31 10:40:29",gender:"Male"},{id:24,user:{first_name:"Melissa",last_name:"Peters"},date:"2016/07/23 00:41:54",gender:"Female"},{id:25,user:{first_name:"Arthur",last_name:"Garza"},date:"2017/03/11 14:11:37",gender:"Male"},{id:26,user:{first_name:"Joe",last_name:"Berry"},date:"2016/07/09 15:16:56",gender:"Male"},{id:27,user:{first_name:"Joseph",last_name:"Bishop"},date:"2016/10/04 19:44:54",gender:"Male"},{id:28,user:{first_name:"Sarah",last_name:"Harper"},date:"2016/09/23 05:09:11",gender:"Female"},{id:29,user:{first_name:"Christopher",last_name:"Fuller"},date:"2016/04/12 00:05:35",gender:"Male"},{id:30,user:{first_name:"Alan",last_name:"Mendoza"},date:"2016/04/22 10:48:02",gender:"Male"},{id:31,user:{first_name:"James",last_name:"Davis"},date:"2017/01/16 15:17:03",gender:"Male"},{id:32,user:{first_name:"Scott",last_name:"Welch"},date:"2016/10/04 23:31:51",gender:"Male"},{id:33,user:{first_name:"Mildred",last_name:"Myers"},date:"2016/11/23 13:46:18",gender:"Female"},{id:34,user:{first_name:"Victor",last_name:"Martinez"},date:"2016/04/06 17:05:07",gender:"Male"},{id:35,user:{first_name:"Susan",last_name:"Medina"},date:"2016/12/09 10:33:37",gender:"Female"},{id:36,user:{first_name:"Judy",last_name:"Long"},date:"2016/07/26 16:19:04",gender:"Female"},{id:37,user:{first_name:"Joan",last_name:"Myers"},date:"2016/09/22 04:55:54",gender:"Female"},{id:38,user:{first_name:"Rachel",last_name:"Gonzales"},date:"2016/07/15 13:56:38",gender:"Female"},{id:39,user:{first_name:"Roger",last_name:"Hunt"},date:"2016/08/14 10:43:11",gender:"Male"},{id:40,user:{first_name:"Dorothy",last_name:"Howard"},date:"2016/06/19 05:34:49",gender:"Female"},{id:41,user:{first_name:"Eugene",last_name:"Lynch"},date:"2016/12/24 08:19:24",gender:"Male"},{id:42,user:{first_name:"Kathy",last_name:"Webb"},date:"2017/04/01 21:09:05",gender:"Female"},{id:43,user:{first_name:"Antonio",last_name:"White"},date:"2017/02/10 06:51:20",gender:"Male"},{id:44,user:{first_name:"Louis",last_name:"Spencer"},date:"2016/10/08 02:20:22",gender:"Male"},{id:45,user:{first_name:"Andrea",last_name:"Marshall"},date:"2016/09/04 10:59:57",gender:"Female"},{id:46,user:{first_name:"Eugene",last_name:"Sims"},date:"2017/03/15 06:39:48",gender:"Male"},{id:47,user:{first_name:"Mildred",last_name:"Gibson"},date:"2016/04/18 06:43:54",gender:"Female"},{id:48,user:{first_name:"Joan",last_name:"Arnold"},date:"2016/12/16 04:52:23",gender:"Female"},{id:49,user:{first_name:"Jesse",last_name:"Schmidt"},date:"2016/06/11 02:44:33",gender:"Male"},{id:50,user:{first_name:"David",last_name:"Frazier"},date:"2017/02/15 21:46:30",gender:"Male"},{id:51,user:{first_name:"Nicholas",last_name:"Howell"},date:"2016/11/01 15:08:31",gender:"Male"},{id:52,user:{first_name:"Douglas",last_name:"Chapman"},date:"2017/02/08 03:33:24",gender:"Male"},{id:53,user:{first_name:"Bruce",last_name:"Simmons"},date:"2016/07/14 12:11:17",gender:"Male"},{id:54,user:{first_name:"Antonio",last_name:"George"},date:"2016/11/07 19:12:55",gender:"Male"},{id:55,user:{first_name:"Chris",last_name:"Marshall"},date:"2016/07/03 12:11:45",gender:"Male"},{id:56,user:{first_name:"Ashley",last_name:"Hudson"},date:"2016/10/14 21:08:05",gender:"Female"},{id:57,user:{first_name:"Alan",last_name:"Edwards"},date:"2017/03/22 21:10:25",gender:"Male"},{id:58,user:{first_name:"George",last_name:"Clark"},date:"2016/04/28 03:15:05",gender:"Male"},{id:59,user:{first_name:"Frank",last_name:"Porter"},date:"2016/09/08 00:48:14",gender:"Male"},{id:60,user:{first_name:"Christopher",last_name:"Palmer"},date:"2016/05/24 08:58:12",gender:"Male"}]},680:function(e,t){function n(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}e.exports=n},681:function(e,t,n){var a=n(701),r="object"==typeof self&&self&&self.Object===Object&&self,o=a||r||Function("return this")();e.exports=o},682:function(e,t,n){var a=n(681),r=a.Symbol;e.exports=r},692:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{data:["Angular","Angular 2","Aurelia","Backbone","Ember","jQuery","Meteor","Node.js","Polymer","React","RxJS","Vue.js"],name:"",selected:null}},computed:{filteredDataArray:function(){var e=this;return this.data.filter(function(t){return t.toString().toLowerCase().indexOf(e.name.toLowerCase())>=0})}}}},693:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",[n("p",{staticClass:"content"},[n("b",[e._v("Selected:")]),e._v(" "+e._s(e.selected))]),e._v(" "),n("b-field",{attrs:{label:"Find a JS framework"}},[n("b-autocomplete",{attrs:{rounded:"",data:e.filteredDataArray,placeholder:"e.g. jQuery",icon:"magnify"},on:{select:function(t){return e.selected=t}},model:{value:e.name,callback:function(t){e.name=t},expression:"name"}},[n("template",{slot:"empty"},[e._v("No results found")])],2)],1)],1)},staticRenderFns:[]}},694:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(679);t.default={data:function(){return{data:a,keepFirst:!1,openOnFocus:!1,name:"",selected:null}},computed:{filteredDataObj:function(){var e=this;return this.data.filter(function(t){return t.user.first_name.toString().toLowerCase().indexOf(e.name.toLowerCase())>=0})}}}},695:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",[n("div",{staticClass:"block"},[n("b-switch",{model:{value:e.openOnFocus,callback:function(t){e.openOnFocus=t},expression:"openOnFocus"}},[e._v("\n            Open dropdown on focus\n        ")]),e._v(" "),n("b-switch",{model:{value:e.keepFirst,callback:function(t){e.keepFirst=t},expression:"keepFirst"}},[e._v("\n            Keep-first "),n("small",[e._v("(will always have first option pre-selected)")])])],1),e._v(" "),n("p",{staticClass:"content"},[n("b",[e._v("Selected:")]),e._v(" "+e._s(e.selected))]),e._v(" "),n("b-field",{attrs:{label:"Find a name"}},[n("b-autocomplete",{attrs:{placeholder:"e.g. Anne","keep-first":e.keepFirst,"open-on-focus":e.openOnFocus,data:e.filteredDataObj,field:"user.first_name"},on:{select:function(t){return e.selected=t}},model:{value:e.name,callback:function(t){e.name=t},expression:"name"}})],1)],1)},staticRenderFns:[]}},696:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{data:["Orange","Apple","Banana","Pear","Lemon","Strawberry","Kiwi"],name:"",selected:null}},computed:{filteredDataArray:function(){var e=this;return this.data.filter(function(t){return t.toString().toLowerCase().indexOf(e.name.toLowerCase())>=0})}},methods:{showAddFruit:function(){var e=this;this.$dialog.prompt({message:"Fruit",inputAttrs:{placeholder:"e.g. Watermelon",maxlength:20,value:this.name},confirmText:"Add",onConfirm:function(t){e.data.push(t),e.$refs.autocomplete.setSelected(t)}})}}}},697:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",[n("p",{staticClass:"content"},[n("b",[e._v("Selected:")]),e._v(" "+e._s(e.selected))]),e._v(" "),n("b-field",{attrs:{label:"Find or add a Fruit"}},[n("b-autocomplete",{ref:"autocomplete",attrs:{data:e.filteredDataArray,placeholder:"e.g. Dog"},on:{select:function(t){return e.selected=t}},model:{value:e.name,callback:function(t){e.name=t},expression:"name"}},[n("template",{slot:"header"},[n("a",{on:{click:e.showAddFruit}},[n("span",[e._v(" Add new... ")])])]),e._v(" "),n("template",{slot:"empty"},[e._v("No results for "+e._s(e.name))])],2)],1)],1)},staticRenderFns:[]}},698:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(699),r=n.n(a);t.default={data:function(){return{data:[],name:"",selected:null,isFetching:!1}},methods:{getAsyncData:r()(function(){var e=this;if(!this.name.length)return void(this.data=[]);this.isFetching=!0,this.$http.get("https://api.themoviedb.org/3/search/movie?api_key=bb6f51bef07465653c3e553d6ab161a8&query="+this.name).then(function(t){var n=t.data;e.data=[],n.results.forEach(function(t){return e.data.push(t)})}).catch(function(t){throw e.data=[],t}).finally(function(){e.isFetching=!1})},500)}}},699:function(e,t,n){function a(e,t,n){function a(t){var n=h,a=b;return h=b=void 0,M=t,x=e.apply(a,n)}function c(e){return M=e,F=setTimeout(p,t),A?a(e):x}function u(e){var n=e-w,a=e-M,r=t-n;return S?l(r,y-a):r}function m(e){var n=e-w,a=e-M;return void 0===w||n>=t||n<0||S&&a>=y}function p(){var e=o();if(m(e))return f(e);F=setTimeout(p,u(e))}function f(e){return F=void 0,C&&h?a(e):(h=b=void 0,x)}function _(){void 0!==F&&clearTimeout(F),M=0,h=w=b=F=void 0}function v(){return void 0===F?x:f(o())}function g(){var e=o(),n=m(e);if(h=arguments,b=this,w=e,n){if(void 0===F)return c(w);if(S)return F=setTimeout(p,t),a(w)}return void 0===F&&(F=setTimeout(p,t)),x}var h,b,y,x,F,w,M=0,A=!1,S=!1,C=!0;if("function"!=typeof e)throw new TypeError(i);return t=s(t)||0,r(n)&&(A=!!n.leading,S="maxWait"in n,y=S?d(s(n.maxWait)||0,t):y,C="trailing"in n?!!n.trailing:C),g.cancel=_,g.flush=v,g}var r=n(680),o=n(700),s=n(702),i="Expected a function",d=Math.max,l=Math.min;e.exports=a},700:function(e,t,n){var a=n(681),r=function(){return a.Date.now()};e.exports=r},701:function(e,t,n){(function(t){var n="object"==typeof t&&t&&t.Object===Object&&t;e.exports=n}).call(t,n(16))},702:function(e,t,n){function a(e){if("number"==typeof e)return e;if(o(e))return s;if(r(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(i,"");var n=l.test(e);return n||c.test(e)?u(e.slice(2),n?2:8):d.test(e)?s:+e}var r=n(680),o=n(703),s=NaN,i=/^\s+|\s+$/g,d=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,c=/^0o[0-7]+$/i,u=parseInt;e.exports=a},703:function(e,t,n){function a(e){return"symbol"==typeof e||o(e)&&r(e)==s}var r=n(704),o=n(707),s="[object Symbol]";e.exports=a},704:function(e,t,n){function a(e){return null==e?void 0===e?d:i:l&&l in Object(e)?o(e):s(e)}var r=n(682),o=n(705),s=n(706),i="[object Null]",d="[object Undefined]",l=r?r.toStringTag:void 0;e.exports=a},705:function(e,t,n){function a(e){var t=s.call(e,d),n=e[d];try{e[d]=void 0;var a=!0}catch(e){}var r=i.call(e);return a&&(t?e[d]=n:delete e[d]),r}var r=n(682),o=Object.prototype,s=o.hasOwnProperty,i=o.toString,d=r?r.toStringTag:void 0;e.exports=a},706:function(e,t){function n(e){return r.call(e)}var a=Object.prototype,r=a.toString;e.exports=n},707:function(e,t){function n(e){return null!=e&&"object"==typeof e}e.exports=n},708:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",[n("p",{staticClass:"content"},[n("b",[e._v("Selected:")]),e._v(" "+e._s(e.selected))]),e._v(" "),n("b-field",{attrs:{label:"Find a movie"}},[n("b-autocomplete",{attrs:{data:e.data,placeholder:"e.g. Fight Club",field:"title",loading:e.isFetching},on:{select:function(t){return e.selected=t}},nativeOn:{keyup:function(t){e.getAsyncData(t)}},scopedSlots:e._u([{key:"default",fn:function(t){return[n("div",{staticClass:"media"},[n("div",{staticClass:"media-left"},[n("img",{attrs:{width:"32",src:"https://image.tmdb.org/t/p/w500/"+t.option.poster_path}})]),e._v(" "),n("div",{staticClass:"media-content"},[e._v("\n                        "+e._s(t.option.title)+"\n                        "),n("br"),e._v(" "),n("small",[e._v("\n                            Released at "+e._s(t.option.release_date)+",\n                            rated "),n("b",[e._v(e._s(t.option.vote_average))])])])])]}}]),model:{value:e.name,callback:function(t){e.name=t},expression:"name"}})],1)],1)},staticRenderFns:[]}},78:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=[{props:[{name:"<code>v-model</code>",description:"Binding value",type:"String, Number",values:"—",default:"—"},{name:"<code>data</code>",description:"Options / suggestions",type:"Array<String>, Array<Number>, Array<Object>",values:"—",default:"—"},{name:"<code>field</code>",description:"Property of the object (if <code>data</code> is array of objects) to use as display text, and to keep track of selected option",type:"String",values:"—",default:"<code>value</code>"},{name:"<code>clear-on-select</code>",description:"Clear input text on select",type:"Boolean",values:"—",default:"<code>false</code>"},{name:"<code>open-on-focus</code>",description:"Open dropdown list on focus",type:"Boolean",values:"—",default:"<code>false</code>"},{name:"<code>keep-first</code>",description:"The first option will always be pre-selected (easier to just hit enter or tab)",type:"Boolean",values:"—",default:"<code>false</code>"},{name:"<code>size</code>",description:"Vertical size of input, optional",type:"String",values:"<code>is-small</code>, <code>is-medium</code>, <code>is-large</code>",default:"—"},{name:"<code>expanded</code>",description:"Makes input full width when inside a grouped or addon field",type:"Boolean",values:"—",default:"<code>false</code>"},{name:"<code>loading</code>",description:"Add the loading state to the input",type:"Boolean",values:"—",default:"<code>false</code>"},{name:"<code>icon</code>",description:"Icon name to be added",type:"String",values:"—",default:"—"},{name:"<code>icon-pack</code>",description:"Icon pack to use",type:"String",values:"<code>mdi</code>, <code>fa</code>, <code>fas</code>, <code>far</code>, <code>fad</code>, <code>fal</code>",default:"<code>mdi</code>"},{name:"<code>maxlength</code>",description:"Same as native <code>maxlength</code>, plus character counter",type:"String, Number",values:"—",default:"—"},{name:"Any native attribute",description:"—",type:"—",values:"—",default:"—"}],slots:[{name:"default",description:"",props:"<code>option: String|Object</code>, <code>index: Number</code>"},{name:"<code>empty</code>",description:"Show like an option if <code>data</code> array prop is empty",props:"—"}],events:[{name:"<code>input</code>",description:"Triggers when value is changed",parameters:"<code>value: String|Number</code>"},{name:"<code>select</code>",description:"Triggers when an option is selected or unset",parameters:"<code>option: String|Number|Object</code>"},{name:"<code>focus</code>",description:"Triggers when input has received focus",parameters:"<code>event: $event</code>"},{name:"<code>blur</code>",description:"Triggers when input has lost focus",parameters:"<code>event: $event</code>"},{name:"<code>[any].native</code>",description:"Listen to any native event, e.g. <code>click.native</code>",parameters:"<code>event: $event</code>"}],methods:[{name:"<code>checkHtml5Validity</code>",description:"Check validation of HTML5 (add the message and type/color), also updates the <code>isValid</code> property",return:"<code>isValid: Boolean</code>"},{name:"<code>focus</code>",description:"Set focus (internally uses the native <code>.select()</code> method)",return:"—"},{name:"<code>setSelected(selected: Any)</code>",description:"Select an option by an object (same type of <code>data</code> property)",return:"—"}]}]},79:function(e,t,n){var a=n(0)(n(692),n(693),null,null,null);e.exports=a.exports},80:function(e,t,n){var a=n(0)(n(694),n(695),null,null,null);e.exports=a.exports},81:function(e,t,n){var a=n(0)(n(696),n(697),null,null,null);e.exports=a.exports},82:function(e,t,n){var a=n(0)(n(698),n(708),null,null,null);e.exports=a.exports},904:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(78),r=n(79),o=n.n(r),s=n(905),i=n.n(s),d=n(80),l=n.n(d),c=n(906),u=n.n(c),m=n(81),p=n.n(m),f=n(907),_=n.n(f),v=n(82),g=n.n(v),h=n(908),b=n.n(h);t.default={data:function(){return{api:a.default,ExSimple:o.a,ExSimpleCode:i.a,ExObjArrayCode:u.a,ExObjArray:l.a,ExHeader:p.a,ExHeaderCode:_.a,ExCustomAsyncCode:b.a,ExCustomAsync:g.a}}}},905:function(e,t){e.exports="<template>\n    <section>\n        <p class=\"content\"><b>Selected:</b> {{ selected }}</p>\n        <b-field label=\"Find a JS framework\">\n            <b-autocomplete\n                rounded\n                v-model=\"name\"\n                :data=\"filteredDataArray\"\n                placeholder=\"e.g. jQuery\"\n                icon=\"magnify\"\n                @select=\"option => selected = option\">\n                <template slot=\"empty\">No results found</template>\n            </b-autocomplete>\n        </b-field>\n    </section>\n</template>\n\n<script>\n    export default {\n        data() {\n            return {\n                data: [\n                    'Angular',\n                    'Angular 2',\n                    'Aurelia',\n                    'Backbone',\n                    'Ember',\n                    'jQuery',\n                    'Meteor',\n                    'Node.js',\n                    'Polymer',\n                    'React',\n                    'RxJS',\n                    'Vue.js'\n                ],\n                name: '',\n                selected: null\n            }\n        },\n        computed: {\n            filteredDataArray() {\n                return this.data.filter((option) => {\n                    return option\n                        .toString()\n                        .toLowerCase()\n                        .indexOf(this.name.toLowerCase()) >= 0\n                })\n            }\n        }\n    }\n<\/script>\n"},906:function(e,t){e.exports='<template>\n    <section>\n        <div class="block">\n            <b-switch v-model="openOnFocus">\n                Open dropdown on focus\n            </b-switch>\n            <b-switch v-model="keepFirst">\n                Keep-first <small>(will always have first option pre-selected)</small>\n            </b-switch>\n        </div>\n        <p class="content"><b>Selected:</b> {{ selected }}</p>\n        <b-field label="Find a name">\n            <b-autocomplete\n                v-model="name"\n                placeholder="e.g. Anne"\n                :keep-first="keepFirst"\n                :open-on-focus="openOnFocus"\n                :data="filteredDataObj"\n                field="user.first_name"\n                @select="option => selected = option">\n            </b-autocomplete>\n        </b-field>\n    </section>\n</template>\n\n<script>\n    const data = require(\'@/data/sample.json\')\n\n    export default {\n        data() {\n            return {\n                data,\n                keepFirst: false,\n                openOnFocus: false,\n                name: \'\',\n                selected: null\n            }\n        },\n        computed: {\n            filteredDataObj() {\n                return this.data.filter((option) => {\n                    return option.user.first_name\n                        .toString()\n                        .toLowerCase()\n                        .indexOf(this.name.toLowerCase()) >= 0\n                })\n            }\n        }\n    }\n<\/script>\n'},907:function(e,t){e.exports="<template>\n    <section>\n        <p class=\"content\"><b>Selected:</b> {{ selected }}</p>\n        <b-field label=\"Find or add a Fruit\">\n            <b-autocomplete\n                v-model=\"name\"\n                ref=\"autocomplete\"\n                :data=\"filteredDataArray\"\n                placeholder=\"e.g. Dog\"\n                @select=\"option => selected = option\">\n                <template slot=\"header\">\n                    <a @click=\"showAddFruit\">\n                        <span> Add new... </span>\n                    </a> \n                </template>\n                <template slot=\"empty\">No results for {{name}}</template>\n            </b-autocomplete>\n        </b-field>\n    </section>\n</template>\n\n<script>\n    export default {\n        data() {\n            return {\n                data: [\n                    'Orange',\n                    'Apple',\n                    'Banana',\n                    'Pear',\n                    'Lemon',\n                    'Strawberry',\n                    'Kiwi'\n                ],\n                name: '',\n                selected: null\n            }\n        },\n        computed: {\n            filteredDataArray() {\n                return this.data.filter((option) => {\n                    return option\n                        .toString()\n                        .toLowerCase()\n                        .indexOf(this.name.toLowerCase()) >= 0\n                })\n            }\n        },\n        methods: {\n            showAddFruit() {\n                this.$dialog.prompt({\n                    message: `Fruit`,\n                    inputAttrs: {\n                        placeholder: 'e.g. Watermelon',\n                        maxlength: 20,\n                        value: this.name\n                    },\n                    confirmText: 'Add',\n                    onConfirm: (value) => {\n                        this.data.push(value)\n                        this.$refs.autocomplete.setSelected(value)\n                    }\n                })\n            }\n        }\n    }\n<\/script>\n"},908:function(e,t){e.exports='<template>\n    <section>\n        <p class="content"><b>Selected:</b> {{ selected }}</p>\n        <b-field label="Find a movie">\n            <b-autocomplete\n                v-model="name"\n                :data="data"\n                placeholder="e.g. Fight Club"\n                field="title"\n                :loading="isFetching"\n                @keyup.native="getAsyncData"\n                @select="option => selected = option">\n\n                <template slot-scope="props">\n                    <div class="media">\n                        <div class="media-left">\n                            <img width="32" :src="`https://image.tmdb.org/t/p/w500/${props.option.poster_path}`">\n                        </div>\n                        <div class="media-content">\n                            {{ props.option.title }}\n                            <br>\n                            <small>\n                                Released at {{ props.option.release_date }},\n                                rated <b>{{ props.option.vote_average }}</b>\n                            </small>\n                        </div>\n                    </div>\n                </template>\n            </b-autocomplete>\n        </b-field>\n    </section>\n</template>\n\n<script>\n    import debounce from \'lodash/debounce\'\n\n    export default {\n        data() {\n            return {\n                data: [],\n                name: \'\',\n                selected: null,\n                isFetching: false\n            }\n        },\n        methods: {\n            // You have to install and import debounce to use it,\n            // it\'s not mandatory though.\n            getAsyncData: debounce(function () {\n                if (!this.name.length) {\n                    this.data = []\n                    return\n                }\n                this.isFetching = true\n                this.$http.get(`https://api.themoviedb.org/3/search/movie?api_key=bb6f51bef07465653c3e553d6ab161a8&query=${this.name}`)\n                    .then(({ data }) => {\n                        this.data = []\n                        data.results.forEach((item) => this.data.push(item))\n                    })\n                    .catch((error) => {\n                        this.data = []\n                        throw error\n                    })\n                    .finally(() => {\n                        this.isFetching = false\n                    })\n            }, 500)\n        }\n    }\n<\/script>\n'},909:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("Example",{attrs:{component:e.ExSimple,code:e.ExSimpleCode}}),e._v(" "),n("Example",{attrs:{component:e.ExObjArray,code:e.ExObjArrayCode,title:"Object array"}}),e._v(" "),n("Example",{attrs:{component:e.ExHeader,code:e.ExHeaderCode,title:"Header"}},[n("div",{staticClass:"tags has-addons"},[n("span",{staticClass:"tag is-success"},[e._v("New!")]),e._v(" "),n("span",{staticClass:"tag is-info"},[e._v("0.6.6")])]),e._v(" "),n("p",[e._v("You can add your custom header to the autocomplete.")])]),e._v(" "),n("Example",{attrs:{component:e.ExCustomAsync,code:e.ExCustomAsyncCode,title:"Async with custom template"}},[n("p",[e._v("You can have a custom template by adding a scoped slot to it.")]),e._v(" "),n("p",[n("small",[e._v("API from "),n("a",{attrs:{href:"https://www.themoviedb.org",target:"_blank"}},[e._v("TMDb")])]),e._v(".")])]),e._v(" "),n("ApiView",{attrs:{data:e.api}})],1)},staticRenderFns:[]}}});
  //# sourceMappingURL=2.646f257ee92651dc5fa4.js.map