{"version":3,"sources":["webpack:///./src/views/apps/messaging/index.vue?d2b7","webpack:///./src/views/apps/messaging/index.vue?ccb3","webpack:///./src/views/apps/messaging/index.vue?298b","webpack:///src/views/apps/messaging/index.vue","webpack:///./src/views/apps/messaging/index.vue?880e","webpack:///./src/views/apps/messaging/index.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","class","$style","dialogs","staticStyle","_l","item","index","key","name","activeIndex","current","on","$event","stopPropagation","preventDefault","changeDialog","avatar","info","_v","_s","position","unread","_e","message","owner","answer","messageContent","time","content","messageAvatar","_m","staticRenderFns","components","data","dialog","methods","injectStyles","context","locals","component"],"mappings":"+wBAAA,oE,qBCCAA,EAAOC,QAAU,CAAC,QAAU,sBAAsB,KAAO,mBAAmB,QAAU,sBAAsB,KAAO,mBAAmB,OAAS,qBAAqB,QAAU,sBAAsB,OAAS,qBAAqB,cAAgB,4BAA4B,eAAiB,+B,yCCD/R,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,YAAc,iBAAiB,CAACH,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,SAAS,KAAO,UAAUC,KAAK,YAAY,IAAI,GAAGJ,EAAG,MAAM,CAACK,MAAMT,EAAIU,OAAOC,SAAS,CAACP,EAAG,uBAAuB,CAACQ,YAAY,CAAC,OAAS,SAASZ,EAAIa,GAAIb,EAAW,SAAE,SAASc,EAAKC,GAAO,OAAOX,EAAG,IAAI,CAACY,IAAIF,EAAKG,KAAKX,YAAY,wCAAwCG,MAAM,CAACT,EAAIU,OAAOI,KAAMC,IAAUf,EAAIkB,YAAclB,EAAIU,OAAOS,QAAU,IAAIZ,MAAM,CAAC,KAAO,KAAKa,GAAG,CAAC,MAAQ,SAASC,GAAyD,OAAjDA,EAAOC,kBAAkBD,EAAOE,iBAAwBvB,EAAIwB,aAAaT,MAAU,CAACX,EAAG,MAAM,CAACE,YAAY,oEAAoE,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMO,EAAKW,OAAO,IAAMX,EAAKG,UAAUb,EAAG,MAAM,CAACE,YAAY,cAAcG,MAAMT,EAAIU,OAAOgB,MAAM,CAACtB,EAAG,MAAM,CAACE,YAAY,yDAAyD,CAACN,EAAI2B,GAAG3B,EAAI4B,GAAGd,EAAKe,aAAazB,EAAG,MAAM,CAACE,YAAY,yDAAyD,CAACN,EAAI2B,GAAG3B,EAAI4B,GAAGd,EAAKG,WAAYH,EAAW,OAAEV,EAAG,MAAM,CAACE,YAAY,iCAAiCG,MAAMT,EAAIU,OAAOoB,QAAQ,CAAC1B,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAI2B,GAAG3B,EAAI4B,GAAGd,EAAKgB,aAAa9B,EAAI+B,UAAS,IAAI,KAAK3B,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACF,EAAG,MAAM,CAACE,YAAY,qDAAqD,CAACF,EAAG,KAAK,CAACE,YAAY,0BAA0B,CAACN,EAAI2B,GAAG,IAAI3B,EAAI4B,GAAG5B,EAAIiB,MAAM,KAAKb,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACN,EAAI2B,GAAG,IAAI3B,EAAI4B,GAAG5B,EAAI6B,UAAU,WAAWzB,EAAG,MAAM,CAACA,EAAG,YAAY,CAACG,MAAM,CAAC,UAAY,QAAQ,CAACH,EAAG,WAAW,CAACI,KAAK,SAAS,CAACJ,EAAG,OAAO,CAACJ,EAAI2B,GAAG,sBAAsBvB,EAAG,IAAI,CAACE,YAAY,4BAA4BC,MAAM,CAAC,KAAO,yBAAyB,CAACH,EAAG,IAAI,CAACE,YAAY,oBAAoB,GAAGF,EAAG,YAAY,CAACG,MAAM,CAAC,UAAY,QAAQ,CAACH,EAAG,WAAW,CAACI,KAAK,SAAS,CAACJ,EAAG,OAAO,CAACJ,EAAI2B,GAAG,yBAAyBvB,EAAG,IAAI,CAACE,YAAY,4BAA4BC,MAAM,CAAC,KAAO,yBAAyB,CAACH,EAAG,IAAI,CAACE,YAAY,kBAAkB,GAAGF,EAAG,YAAY,CAACG,MAAM,CAAC,UAAY,QAAQ,CAACH,EAAG,WAAW,CAACI,KAAK,SAAS,CAACJ,EAAG,OAAO,CAACJ,EAAI2B,GAAG,mBAAmBvB,EAAG,IAAI,CAACE,YAAY,4BAA4BC,MAAM,CAAC,KAAO,yBAAyB,CAACH,EAAG,IAAI,CAACE,YAAY,mBAAmB,IAAI,KAAKF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,uBAAuB,CAACQ,YAAY,CAAC,OAAS,SAAS,CAACR,EAAG,MAAM,CAACE,YAAY,sDAAsDN,EAAIa,GAAIb,EAAU,QAAE,SAASgC,EAAQjB,GAAO,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAMN,MAAM,CAACT,EAAIU,OAAOsB,QAA2B,QAAlBA,EAAQC,MAAkBjC,EAAIU,OAAOwB,OAAS,KAAK,CAAC9B,EAAG,MAAM,CAACK,MAAMT,EAAIU,OAAOyB,gBAAgB,CAAC/B,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACN,EAAI2B,GAAG3B,EAAI4B,GAAGI,EAAQC,OAAO,KAAKjC,EAAI4B,GAAGI,EAAQI,SAAShC,EAAG,MAAM,CAACJ,EAAI2B,GAAG3B,EAAI4B,GAAGI,EAAQK,cAAcjC,EAAG,MAAM,CAACE,YAAY,qBAAqBG,MAAMT,EAAIU,OAAO4B,eAAe,CAAClC,EAAG,MAAM,CAACG,MAAM,CAAC,IAAwB,QAAlByB,EAAQC,MAAkBjC,EAAIyB,OAAS,wCAAwC,IAAMzB,EAAIiB,eAAc,MAAM,GAAGb,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAI2B,GAAG3B,EAAI4B,GAAG5B,EAAIiB,MAAM,mBAAmBjB,EAAIuC,GAAG,cAC10GC,EAAkB,CAAC,WAAa,IAAIxC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,QAAQ,CAACE,YAAY,eAAeC,MAAM,CAAC,KAAO,OAAO,YAAc,qBAAqBH,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,SAAS,CAACE,YAAY,kBAAkBC,MAAM,CAAC,KAAO,WAAW,CAACH,EAAG,IAAI,CAACE,YAAY,oC,6CCgH1X,GACEmC,WAAY,CAAd,wBACEC,KAAM,WACJ,IAAJ,IACI,MAAO,CACLxB,YAAN,EACMP,QAAN,EACMM,KAAM,EAAZ,QACMY,SAAU,EAAhB,YACMc,OAAQ,EAAd,UACMlB,OAAQ,EAAd,YAGEmB,QAAS,CACPpB,aAAc,SAAlB,GACMvB,KAAKiB,YAAcH,EACnBd,KAAKgB,KAAO,EAAlB,QACMhB,KAAK4B,SAAW,EAAtB,YACM5B,KAAK0C,OAAS,EAApB,UACM1C,KAAKwB,OAAS,EAApB,aCpI6W,I,yBCQ7W,SAASoB,EAAcC,GAErB7C,KAAK,UAAa,aAAO8C,QAAU,aAMrC,IAAIC,EAAY,eACd,EACAjD,EACAyC,GACA,EACAK,EACA,KACA,MAIa,aAAAG,E","file":"js/chunk-4a1e7464.8fe915fd.js","sourcesContent":["export { default } from  \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dialogs\":\"index_dialogs_2ZCtJ\",\"item\":\"index_item_bF_Bi\",\"current\":\"index_current_3XlIb\",\"info\":\"index_info_1s5ZY\",\"unread\":\"index_unread_1g1-R\",\"message\":\"index_message_1_SPg\",\"answer\":\"index_answer_13Fh0\",\"messageAvatar\":\"index_messageAvatar_23dz0\",\"messageContent\":\"index_messageContent_1LL0e\"};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-md-3\"},[_c('div',{staticClass:\"mb-4\"},[_c('a-input',{attrs:{\"placeholder\":\"Search users\"}},[_c('a-icon',{attrs:{\"slot\":\"prefix\",\"type\":\"search\"},slot:\"prefix\"})],1)],1),_c('div',{class:_vm.$style.dialogs},[_c('vue-custom-scrollbar',{staticStyle:{\"height\":\"100%\"}},_vm._l((_vm.dialogs),function(item,index){return _c('a',{key:item.name,staticClass:\"d-flex flex-nowrap align-items-center\",class:[_vm.$style.item, index === _vm.activeIndex ? _vm.$style.current : ''],attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.changeDialog(index)}}},[_c('div',{staticClass:\"kit__utils__avatar kit__utils__avatar--size46 mr-3 flex-shrink-0\"},[_c('img',{attrs:{\"src\":item.avatar,\"alt\":item.name}})]),_c('div',{staticClass:\"flex-grow-1\",class:_vm.$style.info},[_c('div',{staticClass:\"text-uppercase font-size-12 text-truncate text-gray-6\"},[_vm._v(_vm._s(item.position))]),_c('div',{staticClass:\"text-dark font-size-18 font-weight-bold text-truncate\"},[_vm._v(_vm._s(item.name))])]),(item.unread)?_c('div',{staticClass:\"flex-shrink-0 align-self-start\",class:_vm.$style.unread},[_c('div',{staticClass:\"badge badge-success\"},[_vm._v(_vm._s(item.unread))])]):_vm._e()])}),0)],1)]),_c('div',{staticClass:\"col-12 col-md-9\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header card-header-flex align-items-center\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center mr-auto\"},[_c('h5',{staticClass:\"mb-0 mr-2 font-size-18\"},[_vm._v(\" \"+_vm._s(_vm.name)+\" \"),_c('span',{staticClass:\"font-size-14 text-gray-6\"},[_vm._v(\"(\"+_vm._s(_vm.position)+\")\")])])]),_c('div',[_c('a-tooltip',{attrs:{\"placement\":\"top\"}},[_c('template',{slot:\"title\"},[_c('span',[_vm._v(\"Unlock Account\")])]),_c('a',{staticClass:\"btn btn-sm btn-light mr-2\",attrs:{\"href\":\"javascript: void(0);\"}},[_c('i',{staticClass:\"fe fe-unlock\"})])],2),_c('a-tooltip',{attrs:{\"placement\":\"top\"}},[_c('template',{slot:\"title\"},[_c('span',[_vm._v(\"Mark as important\")])]),_c('a',{staticClass:\"btn btn-sm btn-light mr-2\",attrs:{\"href\":\"javascript: void(0);\"}},[_c('i',{staticClass:\"fe fe-star\"})])],2),_c('a-tooltip',{attrs:{\"placement\":\"top\"}},[_c('template',{slot:\"title\"},[_c('span',[_vm._v(\"Delete user\")])]),_c('a',{staticClass:\"btn btn-sm btn-light mr-2\",attrs:{\"href\":\"javascript: void(0);\"}},[_c('i',{staticClass:\"fe fe-trash\"})])],2)],1)]),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"height-700\"},[_c('vue-custom-scrollbar',{staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"d-flex flex-column justify-content-end height-100p\"},_vm._l((_vm.dialog),function(message,index){return _c('div',{key:index,class:[_vm.$style.message, message.owner !== 'you' ? _vm.$style.answer : '']},[_c('div',{class:_vm.$style.messageContent},[_c('div',{staticClass:\"text-gray-4 font-size-12 text-uppercase\"},[_vm._v(_vm._s(message.owner)+\", \"+_vm._s(message.time))]),_c('div',[_vm._v(_vm._s(message.content))])]),_c('div',{staticClass:\"kit__utils__avatar\",class:_vm.$style.messageAvatar},[_c('img',{attrs:{\"src\":message.owner !== 'you' ? _vm.avatar : 'resources/images/avatars/avatar-2.png',\"alt\":_vm.name}})])])}),0)])],1),_c('div',{staticClass:\"pt-2 pb-2\"},[_vm._v(_vm._s(_vm.name)+\" is typing...\")]),_vm._m(0)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"input-group mb-3\"},[_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"Send message...\"}}),_c('div',{staticClass:\"input-group-append\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"}},[_c('i',{staticClass:\"fe fe-send align-middle\"})])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12 col-md-3\">\r\n        <div class=\"mb-4\">\r\n          <a-input placeholder=\"Search users\">\r\n            <a-icon slot=\"prefix\" type=\"search\" />\r\n          </a-input>\r\n        </div>\r\n        <div :class=\"$style.dialogs\">\r\n          <vue-custom-scrollbar style=\"height: 100%\">\r\n            <a\r\n              href=\"#\"\r\n              v-for=\"(item, index) in dialogs\"\r\n              :key=\"item.name\"\r\n              :class=\"[$style.item, index === activeIndex ? $style.current : '']\"\r\n              class=\"d-flex flex-nowrap align-items-center\"\r\n              v-on:click.stop.prevent=\"changeDialog(index)\"\r\n            >\r\n              <div class=\"kit__utils__avatar kit__utils__avatar--size46 mr-3 flex-shrink-0\">\r\n                <img :src=\"item.avatar\" :alt=\"item.name\" />\r\n              </div>\r\n              <div :class=\"$style.info\" class=\"flex-grow-1\">\r\n                <div class=\"text-uppercase font-size-12 text-truncate text-gray-6\">{{item.position}}</div>\r\n                <div class=\"text-dark font-size-18 font-weight-bold text-truncate\">{{item.name}}</div>\r\n              </div>\r\n              <div v-if=\"item.unread\" :class=\"$style.unread\" class=\"flex-shrink-0 align-self-start\">\r\n                <div class=\"badge badge-success\">{{item.unread}}</div>\r\n              </div>\r\n            </a>\r\n          </vue-custom-scrollbar>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-12 col-md-9\">\r\n        <div class=\"card\">\r\n          <div class=\"card-header card-header-flex align-items-center\">\r\n            <div class=\"d-flex flex-column justify-content-center mr-auto\">\r\n              <h5 class=\"mb-0 mr-2 font-size-18\">\r\n                {{name}}\r\n                <span class=\"font-size-14 text-gray-6\">({{position}})</span>\r\n              </h5>\r\n            </div>\r\n            <div>\r\n              <a-tooltip placement=\"top\">\r\n                <template slot=\"title\">\r\n                  <span>Unlock Account</span>\r\n                </template>\r\n                <a href=\"javascript: void(0);\" class=\"btn btn-sm btn-light mr-2\">\r\n                  <i class=\"fe fe-unlock\" />\r\n                </a>\r\n              </a-tooltip>\r\n              <a-tooltip placement=\"top\">\r\n                <template slot=\"title\">\r\n                  <span>Mark as important</span>\r\n                </template>\r\n                <a href=\"javascript: void(0);\" class=\"btn btn-sm btn-light mr-2\">\r\n                  <i class=\"fe fe-star\" />\r\n                </a>\r\n              </a-tooltip>\r\n              <a-tooltip placement=\"top\">\r\n                <template slot=\"title\">\r\n                  <span>Delete user</span>\r\n                </template>\r\n                <a href=\"javascript: void(0);\" class=\"btn btn-sm btn-light mr-2\">\r\n                  <i class=\"fe fe-trash\" />\r\n                </a>\r\n              </a-tooltip>\r\n            </div>\r\n          </div>\r\n          <div class=\"card-body\">\r\n            <div class=\"height-700\">\r\n              <vue-custom-scrollbar style=\"height: 100%\">\r\n                <div class=\"d-flex flex-column justify-content-end height-100p\">\r\n                  <div\r\n                    v-for=\"(message, index) in dialog\"\r\n                    :key=\"index\"\r\n                    :class=\"[$style.message, message.owner !== 'you' ? $style.answer : '']\"\r\n                  >\r\n                    <div :class=\"$style.messageContent\">\r\n                      <div\r\n                        class=\"text-gray-4 font-size-12 text-uppercase\"\r\n                      >{{message.owner}}, {{message.time}}</div>\r\n                      <div>{{message.content}}</div>\r\n                    </div>\r\n                    <div class=\"kit__utils__avatar\" :class=\"$style.messageAvatar\">\r\n                      <img\r\n                        :src=\"message.owner !== 'you' ? avatar : 'resources/images/avatars/avatar-2.png'\"\r\n                        :alt=\"name\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </vue-custom-scrollbar>\r\n            </div>\r\n            <div class=\"pt-2 pb-2\">{{name}} is typing...</div>\r\n            <div class=\"input-group mb-3\">\r\n              <input type=\"text\" class=\"form-control\" placeholder=\"Send message...\" />\r\n              <div class=\"input-group-append\">\r\n                <button class=\"btn btn-primary\" type=\"button\">\r\n                  <i class=\"fe fe-send align-middle\" />\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport dialogs from './data.json'\r\n\r\nexport default {\r\n  components: { vueCustomScrollbar },\r\n  data: function () {\r\n    const activeIndex = 0\r\n    return {\r\n      activeIndex,\r\n      dialogs,\r\n      name: dialogs[activeIndex].name,\r\n      position: dialogs[activeIndex].position,\r\n      dialog: dialogs[activeIndex].dialog,\r\n      avatar: dialogs[activeIndex].avatar,\r\n    }\r\n  },\r\n  methods: {\r\n    changeDialog: function (index) {\r\n      this.activeIndex = index\r\n      this.name = dialogs[index].name\r\n      this.position = dialogs[index].position\r\n      this.dialog = dialogs[index].dialog\r\n      this.avatar = dialogs[index].avatar\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" module>\r\n@import \"./style.module.scss\";\r\n</style>\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=1152192b&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&module=true&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style0.locals || style0)\n\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  injectStyles,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}