{"version":3,"sources":["webpack:///./src/developing/components/communication/example/MailItem.vue?7e7b","webpack:///src/developing/components/communication/example/MailItem.vue","webpack:///./src/developing/components/communication/example/MailItem.vue?599d","webpack:///./src/developing/components/communication/example/MailItem.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","mail","unread","attrs","img","_v","_s","sender_name","subject","_l","label","index","key","labelColor","_f","time","on","$event","stopPropagation","model","value","callback","$$v","isSelectedMail","expression","isStarred","toggleIsStarred","message","staticRenderFns","props","type","Object","required","isSelected","Boolean","data","watch","val","$emit","id","computed","tags","find","tag","methods","$store","dispatch","payload","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oCAAoCC,MAAM,CAAC,qBAAsBP,EAAIQ,KAAKC,SAAS,CAACL,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,YAAY,CAACE,YAAY,uEAAuEI,MAAM,CAAC,IAAMV,EAAIQ,KAAKG,IAAI,KAAO,UAAUP,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,OAAOC,MAAM,CAAC,gBAAiBP,EAAIQ,KAAKC,SAAS,CAACT,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIQ,KAAKM,gBAAiBd,EAAIQ,KAAY,QAAEJ,EAAG,OAAO,CAACJ,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIQ,KAAKO,YAAYX,EAAG,OAAO,CAACJ,EAAIY,GAAG,oBAAoBR,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,MAAM,CAACE,YAAY,6CAA6CN,EAAIgB,GAAIhB,EAAIQ,KAAW,QAAE,SAASS,EAAMC,GAAO,OAAOd,EAAG,MAAM,CAACe,IAAID,EAAMZ,YAAY,4BAA4BC,MAAM,MAAQP,EAAIoB,WAAWH,QAAW,GAAGb,EAAG,OAAO,CAACJ,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIqB,GAAG,OAAPrB,CAAeA,EAAIQ,KAAKc,eAAe,GAAGlB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,cAAc,CAACE,YAAY,8BAA8BiB,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,oBAAqBC,MAAM,CAACC,MAAO3B,EAAkB,eAAE4B,SAAS,SAAUC,GAAM7B,EAAI8B,eAAeD,GAAKE,WAAW,oBAAoB3B,EAAG,eAAe,CAACE,YAAY,iBAAiBI,MAAM,CAAC,KAAO,WAAW,WAAa,CAAC,CAAC,2CAA4CV,EAAIQ,KAAKwB,WAAY,MAAO,QAAQT,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBzB,EAAIiC,gBAAgBT,QAAa,GAAGpB,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,OAAO,CAACJ,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIqB,GAAG,cAAPrB,CAAsBA,EAAIQ,KAAK0B,oBAC7sDC,EAAkB,GC+CtB,G,UAAA,CACEC,MAAO,CACL5B,KAAM,CACJ6B,KAAMC,OACNC,UAAU,GAEZC,WAAY,CACVH,KAAMI,QACNF,UAAU,IAGdG,KAXF,WAYI,MAAO,CACLZ,eAAgB7B,KAAKuC,aAGzBG,MAAO,CACLH,WADJ,SACA,GACMvC,KAAK6B,eAAiBH,GAExBG,eAJJ,SAIA,GACMc,EAAM3C,KAAK4C,MAAM,gBAAiB5C,KAAKO,KAAKsC,IAAM7C,KAAK4C,MAAM,iBAAkB5C,KAAKO,KAAKsC,MAG7FC,SAAU,CACR3B,WADJ,WACA,WACM,OAAO,SAAb,GACQ,IAAR,gCACQ,OAAO4B,EAAKC,MAAK,SAAzB,GACU,OAAOC,EAAIvB,OAASV,KAC9B,SAIEkC,QAAS,CACPlB,gBADJ,WAEM,IAAN,mDACMhC,KAAKmD,OAAOC,SAAS,4BAA6BC,OCrFuU,I,YCO3XC,EAAY,eACd,EACAxD,EACAoC,GACA,EACA,KACA,KACA,MAIa,aAAAoB,E","file":"js/chunk-2d0b6c6a.d794ee61.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mail__mail-item sm:px-4 px-2 py-6\",class:{'mail__opened-mail': !_vm.mail.unread}},[_c('div',{staticClass:\"flex w-full\"},[_c('vs-avatar',{staticClass:\"sender__avatar flex-shrink-0 mr-3 border-2 border-solid border-white\",attrs:{\"src\":_vm.mail.img,\"size\":\"40px\"}}),_c('div',{staticClass:\"flex w-full justify-between items-start\"},[_c('div',{staticClass:\"mail__details\"},[_c('h5',{staticClass:\"mb-1\",class:{'font-semibold': _vm.mail.unread}},[_vm._v(_vm._s(_vm.mail.sender_name))]),(_vm.mail.subject)?_c('span',[_vm._v(_vm._s(_vm.mail.subject))]):_c('span',[_vm._v(\"(no subject)\")])]),_c('div',{staticClass:\"mail-item__meta flex items-center\"},[_c('div',{staticClass:\"email__labels hidden sm:flex items-center\"},_vm._l((_vm.mail.labels),function(label,index){return _c('div',{key:index,staticClass:\"h-2 w-2 rounded-full mr-2\",class:'bg-' + _vm.labelColor(label)})}),0),_c('span',[_vm._v(_vm._s(_vm._f(\"date\")(_vm.mail.time)))])])])],1),_c('div',{staticClass:\"flex w-full\"},[_c('div',{staticClass:\"flex items-center ml-1\"},[_c('vs-checkbox',{staticClass:\"vs-checkbox-small ml-0 mr-1\",on:{\"click\":function($event){$event.stopPropagation();}},model:{value:(_vm.isSelectedMail),callback:function ($$v) {_vm.isSelectedMail=$$v},expression:\"isSelectedMail\"}}),_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"StarIcon\",\"svgClasses\":[{'text-warning fill-current stroke-current': _vm.mail.isStarred}, 'w-5', 'h-5']},on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleIsStarred($event)}}})],1),_c('div',{staticClass:\"mail__message truncate ml-3\"},[_c('span',[_vm._v(_vm._s(_vm._f(\"filter_tags\")(_vm.mail.message)))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: MailItem.vue\n    Description: Mail Item - Displays mail item\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div class=\"mail__mail-item sm:px-4 px-2 py-6\" :class=\"{'mail__opened-mail': !mail.unread}\">\n\n        <!-- MAIL ROW 1 : META -->\n        <div class=\"flex w-full\">\n            <vs-avatar class=\"sender__avatar flex-shrink-0 mr-3 border-2 border-solid border-white\" :src=\"mail.img\" size=\"40px\"></vs-avatar>\n\n            <div class=\"flex w-full justify-between items-start\">\n                <div class=\"mail__details\">\n                    <h5 class=\"mb-1\" :class=\"{'font-semibold': mail.unread}\">{{ mail.sender_name }}</h5>\n                    <span v-if=\"mail.subject\">{{ mail.subject }}</span>\n                    <span v-else>(no subject)</span>\n                </div>\n\n                <div class=\"mail-item__meta flex items-center\">\n                    <div class=\"email__labels hidden sm:flex items-center\">\n                        <div class=\"h-2 w-2 rounded-full mr-2\" :class=\"'bg-' + labelColor(label)\" v-for=\"(label, index) in mail.labels\" :key=\"index\"></div>\n                    </div>\n                    <span>{{ mail.time | date }}</span>\n                </div>\n            </div>\n        </div>\n        <!-- /MAIL ROW 1 -->\n\n        <!-- MAIL ROW 2 : MSG & ACTIONS -->\n        <div class=\"flex w-full\">\n            <div class=\"flex items-center ml-1\">\n                <vs-checkbox v-model=\"isSelectedMail\" @click.stop class=\"vs-checkbox-small ml-0 mr-1\"></vs-checkbox>\n                <feather-icon icon=\"StarIcon\" class=\"cursor-pointer\" :svgClasses=\"[{'text-warning fill-current stroke-current': mail.isStarred}, 'w-5', 'h-5']\" @click.stop=\"toggleIsStarred\"></feather-icon>\n            </div>\n            <div class=\"mail__message truncate ml-3\">\n                <span>{{ mail.message | filter_tags }}</span>\n            </div>\n        </div>\n        <!-- /MAIL ROW 2 -->\n    </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    mail: {\n      type: Object,\n      required: true,\n    },\n    isSelected: {\n      type: Boolean,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      isSelectedMail: this.isSelected,\n    }\n  },\n  watch: {\n    isSelected(value) {\n      this.isSelectedMail = value\n    },\n    isSelectedMail(val) {\n      val ? this.$emit('addToSelected', this.mail.id) : this.$emit('removeSelected', this.mail.id)\n    }\n  },\n  computed: {\n    labelColor() {\n      return (label) => {\n        const tags = this.$store.state.email.mailTags\n        return tags.find((tag) => {\n          return tag.value == label\n        }).color\n      }\n    },\n  },\n  methods: {\n    toggleIsStarred() {\n      const payload = { mailId: this.mail.id, value: !this.mail.isStarred }\n      this.$store.dispatch('email/toggleIsMailStarred', payload)\n    }\n  }\n}\n\n</script>\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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MailItem.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!./MailItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MailItem.vue?vue&type=template&id=376c503c&\"\nimport script from \"./MailItem.vue?vue&type=script&lang=js&\"\nexport * from \"./MailItem.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\nexport default component.exports"],"sourceRoot":""}