{"version":3,"sources":["webpack:///./src/developing/components/communication/example/EmailSidebar.vue?34c1","webpack:///src/developing/components/communication/example/EmailSidebar.vue","webpack:///./src/developing/components/communication/example/EmailSidebar.vue?fd4a","webpack:///./src/developing/components/communication/example/EmailSidebar.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","activePrompt","_v","validateForm","clearFields","sendMail","scrollbarTag","key","$vs","rtl","tag","settings","preventDefault","directives","name","rawName","value","expression","mailTo","model","callback","$$v","mailSubject","mailCC","mailBCC","editorOption","mailMessage","class","mailFilter","baseUrl","emailMeta","unreadMails","folder","inbox","length","_s","_e","draftMails","spam","_l","index","color","text","staticRenderFns","props","emailTags","type","Array","required","String","data","modules","toolbar","placeholder","maxScrollbarLength","wheelSpeed","computed","_path","path","$store","state","email","meta","methods","$nextTick","components","quillEditor","VuePerfectScrollbar","component"],"mappings":"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","file":"js/chunk-2d0b2326.06250a7a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"email__email-sidebar h-full\"},[_c('div',{staticClass:\"m-6 clearfix\"},[_c('vs-button',{staticClass:\"bg-primary-gradient w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-edit\"},on:{\"click\":function($event){_vm.activePrompt = true}}},[_vm._v(\"Compose\")])],1),_c('vs-prompt',{staticClass:\"email-compose\",attrs:{\"title\":\"New Message\",\"accept-text\":\"Send\",\"is-valid\":_vm.validateForm,\"active\":_vm.activePrompt},on:{\"cancel\":_vm.clearFields,\"accept\":_vm.sendMail,\"close\":_vm.clearFields,\"update:active\":function($event){_vm.activePrompt=$event}}},[_c(_vm.scrollbarTag,{key:_vm.$vs.rtl,tag:\"component\",staticClass:\"scroll-area p-4\",attrs:{\"settings\":_vm.settings}},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|email'),expression:\"'required|email'\"}],staticClass:\"w-full mb-6\",attrs:{\"name\":\"mailTo\",\"label-placeholder\":\"To\",\"danger\":!_vm.validateForm && _vm.mailTo != '',\"val-icon-danger\":\"clear\",\"success\":_vm.validateForm,\"val-icon-success\":\"done\",\"color\":_vm.validateForm ? 'success' : 'danger'},model:{value:(_vm.mailTo),callback:function ($$v) {_vm.mailTo=$$v},expression:\"mailTo\"}}),_c('vs-input',{staticClass:\"w-full mb-6\",attrs:{\"name\":\"mailSubject\",\"label-placeholder\":\"Subject\"},model:{value:(_vm.mailSubject),callback:function ($$v) {_vm.mailSubject=$$v},expression:\"mailSubject\"}}),_c('vs-input',{staticClass:\"w-full mb-6\",attrs:{\"name\":\"mailCC\",\"label-placeholder\":\"CC\"},model:{value:(_vm.mailCC),callback:function ($$v) {_vm.mailCC=$$v},expression:\"mailCC\"}}),_c('vs-input',{staticClass:\"w-full mb-6\",attrs:{\"name\":\"mailBCC\",\"label-placeholder\":\"BCC\"},model:{value:(_vm.mailBCC),callback:function ($$v) {_vm.mailBCC=$$v},expression:\"mailBCC\"}}),_c('quill-editor',{attrs:{\"options\":_vm.editorOption},model:{value:(_vm.mailMessage),callback:function ($$v) {_vm.mailMessage=$$v},expression:\"mailMessage\"}}),_c('vs-upload',{staticClass:\"compose-mail-attachment\",attrs:{\"multiple\":\"\",\"text\":\"Attachments\",\"show-upload-button\":false}})],1)])],1),_c(_vm.scrollbarTag,{key:_vm.$vs.rtl,tag:\"component\",staticClass:\"email-filter-scroll-area\",attrs:{\"settings\":_vm.settings}},[_c('div',{staticClass:\"px-6 pb-2 flex flex-col\"},[_c('router-link',{staticClass:\"flex justify-between items-center cursor-pointer\",class:{'text-primary': _vm.mailFilter == 'inbox'},attrs:{\"tag\":\"span\",\"to\":(_vm.baseUrl + \"/inbox\")}},[_c('div',{staticClass:\"flex items-center mb-2\"},[_c('feather-icon',{attrs:{\"icon\":\"MailIcon\",\"svgClasses\":[{'text-primary stroke-current': _vm.mailFilter == 'inbox'}, 'h-6 w-6']}}),_c('span',{staticClass:\"text-lg ml-3\"},[_vm._v(\"Inbox\")])],1),(_vm.emailMeta.unreadMails)?[(_vm.emailMeta.unreadMails.folder.inbox.length > 0)?_c('vs-chip',{staticClass:\"number\",attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.emailMeta.unreadMails.folder.inbox.length))]):_vm._e()]:_vm._e()],2),_c('router-link',{staticClass:\"flex items-center mt-4 mb-2 cursor-pointer\",class:{'text-primary': _vm.mailFilter == 'sent'},attrs:{\"tag\":\"span\",\"to\":(_vm.baseUrl + \"/sent\")}},[_c('feather-icon',{attrs:{\"icon\":\"SendIcon\",\"svgClasses\":[{'text-primary stroke-current': _vm.mailFilter == 'sent'}, 'h-6 w-6']}}),_c('span',{staticClass:\"text-lg ml-3\"},[_vm._v(\"Sent\")])],1),_c('router-link',{staticClass:\"flex justify-between items-center mt-4 cursor-pointer\",class:{'text-primary': _vm.mailFilter == 'draft'},attrs:{\"tag\":\"span\",\"to\":(_vm.baseUrl + \"/draft\")}},[_c('div',{staticClass:\"flex items-center mb-2\"},[_c('feather-icon',{attrs:{\"icon\":\"Edit2Icon\",\"svgClasses\":[{'text-primary stroke-current': _vm.mailFilter == 'draft'}, 'h-6 w-6']}}),_c('span',{staticClass:\"text-lg ml-3\"},[_vm._v(\"Draft\")])],1),(_vm.emailMeta.draftMails)?[(_vm.emailMeta.draftMails.length > 0)?_c('vs-chip',{staticClass:\"number\",attrs:{\"color\":\"warning\"}},[_vm._v(_vm._s(_vm.emailMeta.draftMails.length))]):_vm._e()]:_vm._e()],2),_c('router-link',{staticClass:\"flex items-center mt-4 mb-2 cursor-pointer\",class:{'text-primary': _vm.mailFilter == 'starred'},attrs:{\"tag\":\"span\",\"to\":(_vm.baseUrl + \"/starred\")}},[_c('feather-icon',{attrs:{\"icon\":\"StarIcon\",\"svgClasses\":[{'text-primary stroke-current': _vm.mailFilter == 'starred'}, 'h-6 w-6']}}),_c('span',{staticClass:\"text-lg ml-3\"},[_vm._v(\"Starred\")])],1),_c('router-link',{staticClass:\"flex items-center justify-between items-center mt-4 cursor-pointer\",class:{'text-primary': _vm.mailFilter == 'spam'},attrs:{\"tag\":\"span\",\"to\":(_vm.baseUrl + \"/spam\")}},[_c('div',{staticClass:\"flex items-center mb-2\"},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"svgClasses\":[{'text-primary stroke-current': _vm.mailFilter == 'spam'}, 'h-6 w-6']}}),_c('span',{staticClass:\"text-lg ml-3\"},[_vm._v(\"Spam\")])],1),(_vm.emailMeta.unreadMails)?[(_vm.emailMeta.unreadMails.folder.spam.length > 0)?_c('vs-chip',{staticClass:\"number\",attrs:{\"color\":\"danger\"}},[_vm._v(_vm._s(_vm.emailMeta.unreadMails.folder.spam.length))]):_vm._e()]:_vm._e()],2),_c('router-link',{staticClass:\"flex items-center mt-4 mb-2 cursor-pointer\",class:{'text-primary': _vm.mailFilter == 'trash'},attrs:{\"tag\":\"span\",\"to\":(_vm.baseUrl + \"/trash\")}},[_c('feather-icon',{attrs:{\"icon\":\"TrashIcon\",\"svgClasses\":[{'text-primary stroke-current': _vm.mailFilter == 'trash'}, 'h-6 w-6']}}),_c('span',{staticClass:\"text-lg ml-3\"},[_vm._v(\"Trash\")])],1)],1),_c('vs-divider'),_c('div',{staticClass:\"email__labels px-6 py-4\"},[_c('h5',{staticClass:\"mb-8\"},[_vm._v(\"Labels\")]),_c('div',{staticClass:\"email__lables-list\"},_vm._l((_vm.emailTags),function(tag,index){return _c('router-link',{key:index,staticClass:\"email__label flex items-center mb-4 cursor-pointer\",attrs:{\"tag\":\"span\",\"to\":(_vm.baseUrl + \"/\" + (tag.value))}},[_c('div',{staticClass:\"ml-1 h-3 w-3 rounded-full mr-4\",class:'border-2 border-solid border-' + tag.color}),_c('span',{staticClass:\"text-lg\",class:{'text-primary': _vm.mailFilter == tag.value}},[_vm._v(_vm._s(tag.text))])])}),1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: EmailSidebar.vue\n    Description: Email Application Sidebar(Filter) (Inbox)\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\n<template>\n    <div class=\"email__email-sidebar h-full\">\n        <div class=\"m-6 clearfix\">\n            <vs-button class=\"bg-primary-gradient w-full\" icon-pack=\"feather\" icon=\"icon-edit\" @click=\"activePrompt = true\">Compose</vs-button>\n        </div>\n\n        <!-- compose email -->\n        <vs-prompt\n            class=\"email-compose\"\n            title=\"New Message\"\n            accept-text= \"Send\"\n            @cancel=\"clearFields\"\n            @accept=\"sendMail\"\n            @close=\"clearFields\"\n            :is-valid=\"validateForm\"\n            :active.sync=\"activePrompt\">\n                <component :is=\"scrollbarTag\" class=\"scroll-area p-4\" :settings=\"settings\" :key=\"$vs.rtl\">\n                    <form @submit.prevent>\n                        <vs-input v-validate=\"'required|email'\" name=\"mailTo\" label-placeholder=\"To\" v-model=\"mailTo\" class=\"w-full mb-6\" :danger=\"!validateForm && mailTo != ''\" val-icon-danger=\"clear\" :success=\"validateForm\" val-icon-success=\"done\" :color=\"validateForm ? 'success' : 'danger'\" />\n                        <vs-input name=\"mailSubject\" label-placeholder=\"Subject\" v-model=\"mailSubject\" class=\"w-full mb-6\" />\n                        <vs-input name=\"mailCC\" label-placeholder=\"CC\" v-model=\"mailCC\" class=\"w-full mb-6\" />\n                        <vs-input name=\"mailBCC\" label-placeholder=\"BCC\" v-model=\"mailBCC\" class=\"w-full mb-6\" />\n                        <quill-editor v-model=\"mailMessage\" :options=\"editorOption\" />\n                        <vs-upload multiple text=\"Attachments\" :show-upload-button=\"false\" class=\"compose-mail-attachment\" />\n                    </form>\n                </component>\n        </vs-prompt>\n\n        <component :is=\"scrollbarTag\" class=\"email-filter-scroll-area\" :settings=\"settings\" :key=\"$vs.rtl\">\n            <div class=\"px-6 pb-2 flex flex-col\">\n\n                <!-- inbox -->\n                <router-link tag=\"span\" :to=\"`${baseUrl}/inbox`\" class=\"flex justify-between items-center cursor-pointer\" :class=\"{'text-primary': mailFilter == 'inbox'}\">\n                    <div class=\"flex items-center mb-2\">\n                        <feather-icon icon=\"MailIcon\" :svgClasses=\"[{'text-primary stroke-current': mailFilter == 'inbox'}, 'h-6 w-6']\"></feather-icon>\n                        <span class=\"text-lg ml-3\">Inbox</span>\n                    </div>\n                    <template v-if=\"emailMeta.unreadMails\">\n                      <vs-chip class=\"number\" color=\"primary\" v-if=\"emailMeta.unreadMails.folder.inbox.length > 0\">{{ emailMeta.unreadMails.folder.inbox.length }}</vs-chip>\n                    </template>\n                </router-link>\n\n                <!-- sent -->\n                <router-link tag=\"span\" :to=\"`${baseUrl}/sent`\" class=\"flex items-center mt-4 mb-2 cursor-pointer\" :class=\"{'text-primary': mailFilter == 'sent'}\">\n                    <feather-icon icon=\"SendIcon\" :svgClasses=\"[{'text-primary stroke-current': mailFilter == 'sent'}, 'h-6 w-6']\"></feather-icon>\n                    <span class=\"text-lg ml-3\">Sent</span>\n                </router-link>\n\n                <!-- draft -->\n                <router-link tag=\"span\" :to=\"`${baseUrl}/draft`\" class=\"flex justify-between items-center mt-4 cursor-pointer\" :class=\"{'text-primary': mailFilter == 'draft'}\">\n                    <div class=\"flex items-center mb-2\">\n                        <feather-icon icon=\"Edit2Icon\" :svgClasses=\"[{'text-primary stroke-current': mailFilter == 'draft'}, 'h-6 w-6']\"></feather-icon>\n                        <span class=\"text-lg ml-3\">Draft</span>\n                    </div>\n                    <template v-if=\"emailMeta.draftMails\">\n                      <vs-chip class=\"number\" color=\"warning\" v-if=\"emailMeta.draftMails.length > 0\">{{ emailMeta.draftMails.length }}</vs-chip>\n                    </template>\n                </router-link>\n\n                <!-- starred -->\n                <router-link tag=\"span\" :to=\"`${baseUrl}/starred`\" class=\"flex items-center mt-4 mb-2 cursor-pointer\" :class=\"{'text-primary': mailFilter == 'starred'}\">\n                    <feather-icon icon=\"StarIcon\" :svgClasses=\"[{'text-primary stroke-current': mailFilter == 'starred'}, 'h-6 w-6']\"></feather-icon>\n                    <span class=\"text-lg ml-3\">Starred</span>\n                </router-link>\n\n                <!-- spam -->\n                <router-link tag=\"span\" :to=\"`${baseUrl}/spam`\" class=\"flex items-center justify-between items-center mt-4 cursor-pointer\" :class=\"{'text-primary': mailFilter == 'spam'}\">\n                    <div class=\"flex items-center mb-2\">\n                        <feather-icon icon=\"InfoIcon\" :svgClasses=\"[{'text-primary stroke-current': mailFilter == 'spam'}, 'h-6 w-6']\"></feather-icon>\n                        <span class=\"text-lg ml-3\">Spam</span>\n                    </div>\n                    <template v-if=\"emailMeta.unreadMails\">\n                      <vs-chip class=\"number\" color=\"danger\" v-if=\"emailMeta.unreadMails.folder.spam.length > 0\">{{ emailMeta.unreadMails.folder.spam.length }}</vs-chip>\n                    </template>\n                </router-link>\n\n                <!-- trash -->\n                <router-link tag=\"span\" :to=\"`${baseUrl}/trash`\" class=\"flex items-center mt-4 mb-2 cursor-pointer\" :class=\"{'text-primary': mailFilter == 'trash'}\">\n                    <feather-icon icon=\"TrashIcon\" :svgClasses=\"[{'text-primary stroke-current': mailFilter == 'trash'}, 'h-6 w-6']\"></feather-icon>\n                    <span class=\"text-lg ml-3\">Trash</span>\n                </router-link>\n            </div>\n            <vs-divider></vs-divider>\n            <div class=\"email__labels px-6 py-4\">\n                <h5 class=\"mb-8\">Labels</h5>\n                <div class=\"email__lables-list\">\n                    <router-link tag=\"span\" class=\"email__label flex items-center mb-4 cursor-pointer\" v-for=\"(tag, index) in emailTags\" :key=\"index\" :to=\"`${baseUrl}/${tag.value}`\">\n                        <div class=\"ml-1 h-3 w-3 rounded-full mr-4\" :class=\"'border-2 border-solid border-' + tag.color\"></div>\n                        <span class=\"text-lg\" :class=\"{'text-primary': mailFilter == tag.value}\">{{ tag.text }}</span>\n                    </router-link>\n                </div>\n            </div>\n        </component>\n    </div>\n</template>\n\n<script>\nimport 'quill/dist/quill.core.css'\nimport 'quill/dist/quill.snow.css'\nimport { quillEditor } from 'vue-quill-editor'\nimport VuePerfectScrollbar from 'vue-perfect-scrollbar'\n\nexport default {\n  props: {\n    emailTags: {\n      type: Array,\n      required: true,\n    },\n    mailFilter: {\n      type: String,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      activePrompt: false,\n      mailTo: '',\n      mailSubject: '',\n      mailCC: '',\n      mailBCC: '',\n      mailMessage: '',\n      editorOption: {\n        modules: {\n          toolbar: [\n            ['bold', 'italic', 'underline', 'strike', 'link', 'blockquote', 'code-block'],\n            [{ 'header': 1 }, { 'header': 2 }],\n            [{ 'list': 'ordered' }, { 'list': 'bullet' }],\n            [{ 'font': [] }],\n          ],\n        },\n        placeholder: 'Message'\n      },\n      settings: {\n        maxScrollbarLength: 60,\n        wheelSpeed: 0.30,\n      },\n    }\n  },\n  computed: {\n    validateForm() {\n      // return !this.errors.any() && this.mailTo != ''\n      return true;\n    },\n    baseUrl() {\n      const path = this.$route.path;\n      const _path = path.slice(0, path.lastIndexOf(\"/\"));\n      if (_path === \"\") {\n        return path;\n      }\n      return _path;\n    },\n    emailMeta() {\n      return this.$store.state.email.meta\n    },\n    scrollbarTag() { return this.$store.getters.scrollbarTag },\n  },\n  methods: {\n    clearFields() {\n      this.$nextTick(() => {\n        this.mailTo = ''\n        this.mailSubject = ''\n        this.mailCC = ''\n        this.mailBCC = ''\n        this.mailMessage = ''\n      })\n    },\n    sendMail() {\n      this.clearFields()\n    }\n  },\n  components: {\n    quillEditor,\n    VuePerfectScrollbar\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!./EmailSidebar.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!./EmailSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmailSidebar.vue?vue&type=template&id=624a6f08&\"\nimport script from \"./EmailSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./EmailSidebar.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":""}