{"version":3,"file":"FandomPost-bfb1523f.js","sources":["../../../app/javascript/components/fandom/FandomPost.vue"],"sourcesContent":["<template>\n  <div @click=\"navigateToPost\">\n  <article :aria-labelledby=\"'post-title-' + post.id\">\n    <div>\n      <div class=\"flex items-center space-x-2\">\n        <div v-if=\"showFandom\" class=\"flex-shrink-0\">\n          <a :href=\"`/fandoms/${post.fandom.slug}`\">\n            <img\n              class=\"h-7 w-7 rounded-full\"\n              :src=\"post.fandom.avatar_url\"\n              :alt=\"`a/${post.fandom.slug} avatar`\"\n            />\n          </a>\n        </div>\n        <div class=\"min-w-0 flex-1 flex flex-col sm:flex-row justify-center sm:items-center sm:justify-start sm:space-x-1\">\n          <p v-if=\"showFandom\" class=\"text-sm font-medium text-gray-900\">\n            <fandom-popover :fandom=\"post.fandom\">\n              <a :href=\"post.fandom.path\" class=\"hover:underline\">\n                a/{{ post.fandom.slug }}\n              </a>\n            </fandom-popover>\n          </p>\n          <span v-if=\"showFandom\" class=\"hidden sm:block text-xs text-gray-500\">•</span>\n          <p class=\"text-sm text-gray-500\">\n            <span class=\"hidden sm:inline\">Posted by </span>\n            <profile-popover :profile=\"post.author\">\n              <a :href=\"post.author.path\" class=\"cursor-pointer hover:underline\">\n                @{{ post.author.user_name }}\n              </a>\n              <span>&nbsp;</span>\n              <base-tooltip :content=\"formatDatetime(post.created_at)\">\n                <a :href=\"post.path\">{{ timeAgoInWords(post.created_at) }}</a>\n              </base-tooltip>\n            </profile-popover>\n          </p>\n        </div>\n        <div v-if=\"false\" class=\"flex-shrink-0 self-center flex\">\n          <Menu as=\"div\" class=\"relative inline-block text-left\">\n            <div>\n              <MenuButton\n                class=\"\n                  -m-2\n                  p-2\n                  rounded-full\n                  flex\n                  items-center\n                  text-gray-400\n                  hover:text-gray-600\n                \"\n              >\n                <span class=\"sr-only\">Open options</span>\n                <DotsVerticalIcon class=\"h-5 w-5\" aria-hidden=\"true\" />\n              </MenuButton>\n            </div>\n\n            <transition\n              enter-active-class=\"transition ease-out duration-100\"\n              enter-from-class=\"transform opacity-0 scale-95\"\n              enter-to-class=\"transform opacity-100 scale-100\"\n              leave-active-class=\"transition ease-in duration-75\"\n              leave-from-class=\"transform opacity-100 scale-100\"\n              leave-to-class=\"transform opacity-0 scale-95\"\n            >\n              <MenuItems\n                class=\"\n                  origin-top-right\n                  absolute\n                  right-0\n                  mt-2\n                  w-56\n                  rounded-md\n                  shadow-lg\n                  bg-white\n                  ring-1 ring-black ring-opacity-5\n                  focus:outline-none\n                \"\n              >\n                <div class=\"py-1\">\n                  <MenuItem v-slot=\"{ active }\">\n                    <a\n                      href=\"#\"\n                      :class=\"[\n                        active\n                          ? 'bg-gray-100 text-gray-900'\n                          : 'text-gray-700',\n                        'flex px-4 py-2 text-sm',\n                      ]\"\n                    >\n                      <StarIcon\n                        class=\"mr-3 h-5 w-5 text-gray-400\"\n                        aria-hidden=\"true\"\n                      />\n                      <span>Add to favorites</span>\n                    </a>\n                  </MenuItem>\n                  <MenuItem v-slot=\"{ active }\">\n                    <a\n                      href=\"#\"\n                      :class=\"[\n                        active\n                          ? 'bg-gray-100 text-gray-900'\n                          : 'text-gray-700',\n                        'flex px-4 py-2 text-sm',\n                      ]\"\n                    >\n                      <CodeIcon\n                        class=\"mr-3 h-5 w-5 text-gray-400\"\n                        aria-hidden=\"true\"\n                      />\n                      <span>Embed</span>\n                    </a>\n                  </MenuItem>\n                  <MenuItem v-slot=\"{ active }\">\n                    <a\n                      href=\"#\"\n                      :class=\"[\n                        active\n                          ? 'bg-gray-100 text-gray-900'\n                          : 'text-gray-700',\n                        'flex px-4 py-2 text-sm',\n                      ]\"\n                    >\n                      <FlagIcon\n                        class=\"mr-3 h-5 w-5 text-gray-400\"\n                        aria-hidden=\"true\"\n                      />\n                      <span>Report content</span>\n                    </a>\n                  </MenuItem>\n                </div>\n              </MenuItems>\n            </transition>\n          </Menu>\n        </div>\n      </div>\n      <h2 :id=\"`post-title-${post.id}`\" class=\"mt-2 text-base font-medium text-gray-900\">\n        {{ post.title }}\n      </h2>\n    </div>\n    <div\n      class=\"mt-2 text-sm text-gray-700 space-y-4 line-clamp-4\"\n      v-html=\"post.body\"\n      v-snip\n    />\n    <div class=\"mt-4 flex justify-between space-x-8\">\n      <div class=\"flex space-x-5\">\n        <fandom-post-voter :post=\"post\"></fandom-post-voter>\n        <span class=\"inline-flex items-center text-sm\">\n          <button class=\"inline-flex space-x-2 text-gray-400 hover:text-gray-500\">\n            <svg class=\"h-5 w-5\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 489.7 489.7\" style=\"enable-background:new 0 0 489.7 489.7;\" xml:space=\"preserve\">\n              <g>\n                <path d=\"M244.9,28.6C109.8,28.6,0,125.6,0,244.8c0,47.1,17.6,93.2,49.7,130.6c-6.7,14.8-16.5,26.5-29.3,34.8\n                  c-6.6,4.3-9.8,12.1-8.1,19.8c1.7,7.6,7.8,13.2,15.6,14.3c7.7,1.1,15.6,1.6,23.3,1.6c24.8,0,47.4-5.3,67.3-15.8\n                  c38.1,20.3,81.6,31,126.3,31c135.1,0,244.9-97,244.9-216.2S380,28.6,244.9,28.6z M244.9,436.5c-42.9,0-84.5-10.8-120.3-31.2\n                  c-1.9-1.1-4-1.6-6.1-1.6c-2.2,0-4.4,0.6-6.3,1.7c-18.8,11.3-41.4,16.7-66,15.8c12.9-11.6,22.7-26.3,29.3-44\n                  c1.6-4.3,0.6-9.2-2.5-12.6c-31.8-34.3-48.5-75.7-48.5-119.8c0-105.7,98.9-191.7,220.4-191.7s220.4,86,220.4,191.7\n                  S366.4,436.5,244.9,436.5z\"/>\n                <circle cx=\"244.8\" cy=\"244.8\" r=\"15.7\"/>\n                <circle cx=\"177.2\" cy=\"244.8\" r=\"15.7\"/>\n                <circle cx=\"312.4\" cy=\"244.8\" r=\"15.7\"/>\n              </g>\n            </svg>\n            <span v-if=\"post.comments_count\" class=\"text-gray-900\">{{ post.comments_count }}</span>\n            <span v-else>&nbsp;</span>\n            <span class=\"sr-only\">comments</span>\n          </button>\n        </span>\n        <span v-if=\"false\" class=\"inline-flex items-center text-sm\">\n          <button class=\"inline-flex space-x-2 text-gray-400 hover:text-gray-500\">\n            <svg class=\"h-5 w-5\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 489.935 489.935\" style=\"enable-background:new 0 0 489.935 489.935;\" xml:space=\"preserve\"><g><path d=\"M486.617,255.067c4.6-6.3,4.4-14.9-0.5-21c-74.1-91.1-154.1-137.3-237.9-137.3c-142.1,0-240.8,132.4-244.9,138c-4.6,6.3-4.4,14.9,0.5,21c74,91.2,154,137.4,237.8,137.4C383.717,393.167,482.417,260.767,486.617,255.067z M241.617,358.867c-69.8,0-137.8-38.4-202.4-114c25.3-29.9,105.7-113.8,209-113.8c69.8,0,137.8,38.4,202.4,114C425.317,274.967,344.917,358.867,241.617,358.867z\"/><path d=\"M244.917,157.867c-48,0-87.1,39.1-87.1,87.1s39.1,87.1,87.1,87.1s87.1-39.1,87.1-87.1S292.917,157.867,244.917,157.867zM244.917,297.767c-29.1,0-52.8-23.7-52.8-52.8s23.7-52.8,52.8-52.8s52.8,23.7,52.8,52.8S274.017,297.767,244.917,297.767z\"/></g></svg>\n            <span class=\"font-medium text-gray-900\">{{ post.views }}</span>\n            <span class=\"sr-only\">views</span>\n          </button>\n        </span>\n      </div>\n      <div v-if=\"false\" class=\"flex text-sm\">\n        <span class=\"inline-flex items-center text-sm\">\n          <button class=\"inline-flex space-x-2 text-gray-400 hover:text-gray-500\">\n            <ShareIcon class=\"h-5 w-5\" aria-hidden=\"true\" />\n            <span class=\"font-medium text-gray-900\">Share</span>\n          </button>\n        </span>\n      </div>\n    </div>\n  </article>\n  </div>\n</template>\n\n<script>\nimport { Menu, MenuButton, MenuItem, MenuItems, Popover, PopoverButton, PopoverPanel } from \"@headlessui/vue\"\nimport { ChatAltIcon, CodeIcon, DotsVerticalIcon, EyeIcon, FlagIcon, PlusIcon, SearchIcon, ShareIcon, StarIcon, ThumbUpIcon } from \"@heroicons/vue/solid\"\nimport { BellIcon, MenuIcon, XIcon } from \"@heroicons/vue/outline\"\n\nimport { formatDatetime, timeAgoInWords } from \"../../lib/utils\"\nimport FandomPostVoter from \"./FandomPostVoter.vue\"\n\nexport default {\n  components: {\n    FandomPostVoter,\n    Menu, MenuButton, MenuItem, MenuItems,\n    Popover, PopoverButton, PopoverPanel,\n    BellIcon, ChatAltIcon, CodeIcon, DotsVerticalIcon, EyeIcon, FlagIcon, MenuIcon, PlusIcon, SearchIcon, ShareIcon, StarIcon, ThumbUpIcon, XIcon\n  },\n\n  props: {\n    post: Object,\n    showFandom: Boolean\n  },\n\n  setup({ post }) {\n    const navigateToPost = () => {\n      window.location.assign(post.path)\n    }\n\n    return { formatDatetime, timeAgoInWords, navigateToPost }\n  }\n}\n</script>"],"names":["_sfc_main","FandomPostVoter","Menu","MenuButton","MenuItem","MenuItems","Popover","PopoverButton","PopoverPanel","BellIcon","ChatAltIcon","CodeIcon","DotsVerticalIcon","EyeIcon","FlagIcon","MenuIcon","PlusIcon","SearchIcon","ShareIcon","StarIcon","ThumbUpIcon","XIcon","post","formatDatetime","timeAgoInWords","_hoisted_2","_hoisted_6","_hoisted_10","_hoisted_11","_createElementVNode","_hoisted_13","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_28","_hoisted_32","_createElementBlock","$setup","args","$props","_openBlock","_hoisted_3","_hoisted_7","_createVNode","_component_fandom_popover","_toDisplayString","_hoisted_8","_hoisted_9","_component_profile_popover","_hoisted_12","_component_base_tooltip","_hoisted_14","_hoisted_21","_component_fandom_post_voter","_hoisted_27","_hoisted_29","_hoisted_30"],"mappings":"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"}