{"version":3,"sources":["webpack:///./src/components/Chat/ChatAutocompleteContent/ChatAutocompleteMention.vue?c4dd","webpack:///src/components/Chat/ChatAutocompleteContent/ChatAutocompleteMention.vue","webpack:///./src/components/Chat/ChatAutocompleteContent/ChatAutocompleteMention.vue?36bb","webpack:///./src/components/Chat/ChatAutocompleteContent/ChatAutocompleteMention.vue","webpack:///./src/components/Chat/ChatAutocompleteContent/ChatAutocompleteMention.vue?925f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","user","domProps","_s","name","$t","style","color","value","staticRenderFns","props","type","String","required","meta","Object","default","computed","component","VSpacer"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAQ,KAAEI,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,aAAa,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAOP,EAAIQ,KAAK,MAAQ,UAAU,KAAO,MAAMJ,EAAG,OAAO,CAACE,YAAY,mBAAmBG,SAAS,CAAC,YAAcT,EAAIU,GAAGV,EAAIQ,KAAKG,SAASP,EAAG,OAAO,CAACE,YAAY,kBAAkBG,SAAS,CAAC,YAAcT,EAAIU,GAAI,IAAOV,EAAIQ,KAAY,YAAOJ,EAAG,YAAYA,EAAG,OAAO,CAACE,YAAY,gBAAgBG,SAAS,CAAC,YAAcT,EAAIU,GAAGV,EAAIY,GAAG,4BAA4B,GAAGR,EAAG,MAAM,CAACE,YAAY,kBAAkBO,MAAM,CAAEC,MAAOd,EAAIc,QAAS,CAACV,EAAG,MAAM,CAACE,YAAY,mBAAmBC,MAAM,CAAC,KAAO,CAAC,MAAO,MAAM,cAAc,MAAMH,EAAG,OAAO,CAACE,YAAY,gBAAgBG,SAAS,CAAC,YAAcT,EAAIU,GAAGV,EAAIe,UAAUX,EAAG,YAAYA,EAAG,OAAO,CAACE,YAAY,gBAAgBG,SAAS,CAAC,YAAcT,EAAIU,GAAGV,EAAIY,GAAG,6BAA6B,IACn5BI,EAAkB,G,YCkBtB,GACEC,MAAO,CACLF,MAAO,CACLG,KAAMC,OACNC,UAAU,GAEZC,KAAM,CACJH,KAAMI,OACNC,QAAS,OAGbC,SAAU,CACR,OACE,OAAOvB,KAAKoB,MAEd,QACE,MAAN,mCAEM,OAAIpB,KAAKc,QAAU,EAAzB,eACUd,KAAKc,QAAU,EAAzB,eAEa,QCxCsd,I,yDCQ/dU,EAAY,eACd,EACA1B,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAS,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,UAAA,Q,oCCxB9B,yBAA+pB,EAAG","file":"js/chunk-0ce0409e.d88686cb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.user)?_c('div',{staticClass:\"ac-mention pa-2\"},[_c('UserAvatar',{staticClass:\"mr-2\",attrs:{\"user\":_vm.user,\"color\":\"grey600\",\"size\":24}}),_c('span',{staticClass:\"font-weight-bold\",domProps:{\"textContent\":_vm._s(_vm.user.name)}}),_c('span',{staticClass:\"text--secondary\",domProps:{\"textContent\":_vm._s((\"#\" + (_vm.user.shortId)))}}),_c('v-spacer'),_c('span',{staticClass:\"grey200--text\",domProps:{\"textContent\":_vm._s(_vm.$t('layout.chat.ac.user'))}})],1):_c('div',{staticClass:\"ac-mention pa-2\",style:({color: _vm.color})},[_c('fai',{staticClass:\"text-body-1 mr-1\",attrs:{\"icon\":['far', 'at'],\"fixed-width\":\"\"}}),_c('span',{staticClass:\"text-truncate\",domProps:{\"textContent\":_vm._s(_vm.value)}}),_c('v-spacer'),_c('span',{staticClass:\"grey200--text\",domProps:{\"textContent\":_vm._s(_vm.$t('layout.chat.ac.emote'))}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"user\" class=\"ac-mention pa-2\">\n    <UserAvatar :user=\"user\" color=\"grey600\" :size=\"24\" class=\"mr-2\" />\n    <span class=\"font-weight-bold\" v-text=\"user.name\" />\n    <span class=\"text--secondary\" v-text=\"`#${user.shortId}`\" />\n    <v-spacer />\n    <span class=\"grey200--text\" v-text=\"$t('layout.chat.ac.user')\" />\n  </div>\n  <div v-else class=\"ac-mention pa-2\" :style=\"{color}\">\n    <fai :icon=\"['far', 'at']\" fixed-width class=\"text-body-1 mr-1\" />\n    <span class=\"text-truncate\" v-text=\"value\" />\n    <v-spacer />\n    <span class=\"grey200--text\" v-text=\"$t('layout.chat.ac.emote')\" />\n  </div>\n</template>\n\n<script>\nimport { PING_EVERYONE, PING_MODS } from '@/utils/constants/chat'\n\nexport default {\n  props: {\n    value: {\n      type: String,\n      required: true,\n    },\n    meta: {\n      type: Object,\n      default: null,\n    },\n  },\n  computed: {\n    user() {\n      return this.meta\n    },\n    color() {\n      const { dark: theme } = this.$vuetify.theme.themes\n\n      if (this.value === PING_EVERYONE) return theme.warning\n      if (this.value === PING_MODS) return theme.success\n\n      return null\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ac-mention {\n  display: flex;\n  align-items: center;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatAutocompleteMention.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatAutocompleteMention.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatAutocompleteMention.vue?vue&type=template&id=618883ec&scoped=true&\"\nimport script from \"./ChatAutocompleteMention.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatAutocompleteMention.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChatAutocompleteMention.vue?vue&type=style&index=0&id=618883ec&lang=scss&scoped=true&\"\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  \"618883ec\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VSpacer})\n","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatAutocompleteMention.vue?vue&type=style&index=0&id=618883ec&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatAutocompleteMention.vue?vue&type=style&index=0&id=618883ec&lang=scss&scoped=true&\""],"sourceRoot":""}