{"version":3,"file":"ResearchShortList-f62eea31.js","sources":["../../../app/javascript/components/research/ResearchShortList.vue"],"sourcesContent":["<template>\n  <div class=\"flex w-full flex-col\" v-if=\"researchArticles\">\n    <div class=\"space-y-3\">\n      <div>\n        <div v-for=\"item in researchArticles\" :key=\"item.id\">\n          <div class=\"flex flex-row space-x-3 rounded-sm px-2 py-1.5\">\n            <a :href=\"gotoArticle(item)\" class=\"mr-1\" target=\"_blank\">\n              <img class=\"h-20 w-32 rounded object-cover\" :src=\"item.company_cover_image\" alt=\"\" />\n            </a>\n            <div class=\"m-auto w-full pr-2\">\n              <div class=\"mb-2 line-clamp-1 text-sm font-semibold\">\n                <a :href=\"gotoArticle(item)\" class=\"w-full\" target=\"_blank\">\n                  {{ item.title }}\n                </a>\n              </div>\n              <div class=\"flex flex-row justify-between text-xs text-gray-400\">\n                <span class=\"line-clamp-1 w-1/2\">\n                  <a :href=\"`/company/${item.company_uid}`\" target=\"_blank\">\n                    {{ item.company_name }}\n                  </a>\n                </span>\n                <span class=\"line-clamp-1\">{{ relativeTime(item.created_at) }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, onBeforeUnmount, watch } from 'vue';\nimport { relativeTime } from '@/composeables/filters';\nimport useEmitter from '@/composeables/emitter';\nimport useHttp from '@/composeables/http';\n\nconst $http = useHttp();\nconst $emitter = useEmitter();\n\nconst props = defineProps({\n  researchArticles: {\n    type: Array,\n    default: () => []\n  },\n  coin: {\n    type: Object,\n    default: () => {}\n  }\n});\n\nonMounted(() => {\n  $emitter.$on('favorite-publishers-updated', () => {\n    loadData();\n  });\n  loading.value = false;\n});\n\nonBeforeUnmount(() => {\n  $emitter.$off('favorite-publishers-updated');\n});\n\nconst loading = ref(true);\nconst view = ref(window.localStorage.getItem('viewtype') || 'grid');\nconst articles = ref([]);\n\nasync function loadData() {\n  try {\n    let response = await $http.get('/research', { params: { coin: props.coin?.name } });\n    articles.value = response.data.articles;\n  } finally {\n    loading.value = false;\n  }\n}\n\nwatch(view, () => {\n  window.localStorage.setItem('viewtype', view.value);\n});\n\nfunction gotoArticle(article) {\n  return `/research/article/${article.slug}`;\n}\n</script>\n"],"names":["$http","useHttp","$emitter","useEmitter","onMounted","loadData","loading","onBeforeUnmount","ref","view","articles","response","_a","props","watch","gotoArticle","article"],"mappings":"srBAoCMA,EAAQC,EAAO,EACfC,EAAWC,EAAU,EAa3BC,EAAU,IAAM,CACdF,EAAS,IAAI,8BAA+B,IAAM,CAChDG,GACJ,CAAG,EACDC,EAAQ,MAAQ,EAClB,CAAC,EAEDC,EAAgB,IAAM,CACpBL,EAAS,KAAK,6BAA6B,CAC7C,CAAC,EAED,MAAMI,EAAUE,EAAI,EAAI,EAClBC,EAAOD,EAAI,OAAO,aAAa,QAAQ,UAAU,GAAK,MAAM,EAC5DE,EAAWF,EAAI,CAAA,CAAE,EAEvB,eAAeH,GAAW,OACxB,GAAI,CACF,IAAIM,EAAW,MAAMX,EAAM,IAAI,YAAa,CAAE,OAAQ,CAAE,MAAMY,EAAAC,EAAM,OAAN,YAAAD,EAAY,IAAI,CAAI,CAAA,EAClFF,EAAS,MAAQC,EAAS,KAAK,QACnC,QAAY,CACRL,EAAQ,MAAQ,EACjB,CACH,CAEAQ,EAAML,EAAM,IAAM,CAChB,OAAO,aAAa,QAAQ,WAAYA,EAAK,KAAK,CACpD,CAAC,EAED,SAASM,EAAYC,EAAS,CAC5B,MAAO,qBAAqBA,EAAQ,IAAI,EAC1C"}