{"version":3,"sources":["webpack:///./src/views/Index/MessageList.vue?072d","webpack:///src/views/Index/MessageList.vue","webpack:///./src/views/Index/MessageList.vue?0e33","webpack:///./src/views/Index/MessageList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","card","dense","color","_v","staticClass","two-line","_l","item","index","key","header","_s","title","avatar","on","click","handleClick","src","domProps","innerHTML","subtitle","block","flat","staticRenderFns","MessageListvue_type_script_lang_js_","data","items","divider","inset","methods","e","Index_MessageListvue_type_script_lang_js_","component","Object","componentNormalizer","options","__file","__webpack_exports__"],"mappings":"yHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,UAAAA,EAAA,aAAoCE,MAAA,CAAOC,KAAA,GAAAC,MAAA,GAAAC,MAAA,gBAA4C,CAAAL,EAAA,mBAAAA,EAAA,MAAAJ,EAAAU,GAAA,mBAAAN,EAAA,aAAAA,EAAA,eAA6FO,YAAA,QAAmB,CAAAP,EAAA,UAAeO,YAAA,OAAAL,MAAA,CAA0BM,WAAA,KAAe,CAAAZ,EAAAa,GAAAb,EAAA,eAAAc,EAAAC,GAA0C,OAAAD,EAAA,OAAAV,EAAA,eAAwCY,IAAAF,EAAAG,QAAgB,CAAAjB,EAAAU,GAAAV,EAAAkB,GAAAJ,EAAAG,WAAAH,EAAA,QAAAV,EAAA,aAA+DY,IAAAD,IAAUX,EAAA,eAAoBY,IAAAF,EAAAK,MAAAb,MAAA,CAAsBc,OAAA,IAAYC,GAAA,CAAKC,MAAAtB,EAAAuB,cAAyB,CAAAnB,EAAA,sBAAAA,EAAA,OAAqCE,MAAA,CAAOkB,IAAAV,EAAAM,YAAmBhB,EAAA,uBAAAA,EAAA,qBAAsDqB,SAAA,CAAUC,UAAA1B,EAAAkB,GAAAJ,EAAAK,UAAgCf,EAAA,yBAA8BqB,SAAA,CAAUC,UAAA1B,EAAAkB,GAAAJ,EAAAa,cAAmC,WAAW,GAAAvB,EAAA,aAAAA,EAAA,SAAkCO,YAAA,OAAAL,MAAA,CAA0BsB,MAAA,GAAAC,KAAA,KAAsB,CAAA7B,EAAAU,GAAA,SAAAN,EAAA,sBAC95B0B,EAAA,GC8BAC,EAAA,CACAC,KAAA,kBACAC,MAAA,CACA,CACAb,OAAA,gDACAD,MAAA,uBACAQ,SACA,yFAEA,CAAAO,SAAA,EAAAC,OAAA,GACA,CACAf,OAAA,gDACAD,MAAA,+DACAQ,SACA,4HAEA,CAAAO,SAAA,EAAAC,OAAA,GACA,CACAf,OAAA,gDACAD,MAAA,UACAQ,SACA,kHAEA,CAAAO,SAAA,EAAAC,OAAA,GACA,CACAf,OAAA,gDACAD,MAAA,OACAQ,SACA,qHAIAS,QAAA,CACAb,YAAA,SAAAc,OChEoWC,EAAA,cCOpWC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAvC,EACA+B,GACF,EACA,KACA,KACA,MAIAS,EAAAG,QAAAC,OAAA,kBACeC,EAAA,WAAAL","file":"js/chunk-2d0f0a0e.09fae12e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',[_c('v-toolbar',{attrs:{\"card\":\"\",\"dense\":\"\",\"color\":\"transparent\"}},[_c('v-toolbar-title',[_c('h4',[_vm._v(\"Message\")])])],1),_c('v-divider'),_c('v-card-text',{staticClass:\"pa-0\"},[_c('v-list',{staticClass:\"pa-0\",attrs:{\"two-line\":\"\"}},[_vm._l((_vm.items),function(item,index){return [(item.header)?_c('v-subheader',{key:item.header},[_vm._v(_vm._s(item.header))]):(item.divider)?_c('v-divider',{key:index}):_c('v-list-tile',{key:item.title,attrs:{\"avatar\":\"\"},on:{\"click\":_vm.handleClick}},[_c('v-list-tile-avatar',[_c('img',{attrs:{\"src\":item.avatar}})]),_c('v-list-tile-content',[_c('v-list-tile-title',{domProps:{\"innerHTML\":_vm._s(item.title)}}),_c('v-list-tile-sub-title',{domProps:{\"innerHTML\":_vm._s(item.subtitle)}})],1)],1)]})],2),_c('v-divider'),_c('v-btn',{staticClass:\"ma-0\",attrs:{\"block\":\"\",\"flat\":\"\"}},[_vm._v(\"All\")]),_c('v-divider')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card>\r\n    <v-toolbar card dense color=\"transparent\">\r\n      <v-toolbar-title>\r\n        <h4>Message</h4>\r\n      </v-toolbar-title>\r\n    </v-toolbar>\r\n    <v-divider></v-divider>\r\n    <v-card-text class=\"pa-0\">\r\n      <v-list two-line class=\"pa-0\">\r\n        <template v-for=\"(item, index) in items\">\r\n          <v-subheader v-if=\"item.header\" :key=\"item.header\">{{ item.header }}</v-subheader>\r\n          <v-divider v-else-if=\"item.divider\" :key=\"index\"></v-divider>\r\n          <v-list-tile avatar v-else :key=\"item.title\" @click=\"handleClick\">\r\n            <v-list-tile-avatar>\r\n              <img :src=\"item.avatar\">\r\n            </v-list-tile-avatar>\r\n            <v-list-tile-content>\r\n              <v-list-tile-title v-html=\"item.title\"></v-list-tile-title>\r\n              <v-list-tile-sub-title v-html=\"item.subtitle\"></v-list-tile-sub-title>\r\n            </v-list-tile-content>\r\n          </v-list-tile>\r\n        </template>\r\n      </v-list>\r\n      <v-divider></v-divider>\r\n      <v-btn block flat class=\"ma-0\">All</v-btn>\r\n      <v-divider></v-divider>\r\n    </v-card-text>\r\n  </v-card>\r\n</template>\r\n<script>\r\nexport default {\r\n  data: () => ({\r\n    items: [\r\n      {\r\n        avatar: 'https://randomuser.me/api/portraits/men/1.jpg',\r\n        title: 'Brunch this weekend?',\r\n        subtitle:\r\n          \"<span class='text--primary'>Ali Connors</span> &mdash; I'll be in your neighborhood ?\"\r\n      },\r\n      { divider: true, inset: true },\r\n      {\r\n        avatar: 'https://randomuser.me/api/portraits/men/2.jpg',\r\n        title: 'Summer BBQ <span class=\"grey--text text--lighten-1\">4</span>',\r\n        subtitle:\r\n          \"<span class='text--primary'>to Alex, Scott, Jennifer</span> &mdash; Wish I could come, but I'm out of town this weekend.\"\r\n      },\r\n      { divider: true, inset: true },\r\n      {\r\n        avatar: 'https://randomuser.me/api/portraits/men/3.jpg',\r\n        title: 'Oui oui',\r\n        subtitle:\r\n          \"<span class='text--primary'>Sandra Adams</span> &mdash; Do you have Paris recommendations? Have you ever been?\"\r\n      },\r\n      { divider: true, inset: true },\r\n      {\r\n        avatar: 'https://randomuser.me/api/portraits/men/1.jpg',\r\n        title: 'Dash',\r\n        subtitle:\r\n          \"<span class='text--primary'>Sandra Adams</span> &mdash; Do you have Paris recommendations? Have you ever been?\"\r\n      }\r\n    ]\r\n  }),\r\n  methods: {\r\n    handleClick: e => {\r\n      \r\n    }\r\n  }\r\n}\r\n</script>\r\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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessageList.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessageList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MessageList.vue?vue&type=template&id=4fc634e6&\"\nimport script from \"./MessageList.vue?vue&type=script&lang=js&\"\nexport * from \"./MessageList.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 = \"MessageList.vue\"\nexport default component.exports"],"sourceRoot":""}