{"version":3,"file":"EpisodeCommenter-3a331e1b.js","sources":["../../../app/javascript/components/story/EpisodeCommentButton.vue","../../../app/javascript/components/story/EpisodeCommenter.vue"],"sourcesContent":["<template>\n  <div class=\"absolute right-2 bottom-2\">\n\n    <div class=\"rounded-full p-1\">\n      <comment-slideover :comments-url='commentsUrl'\n                         :commenter-avatar-url='commenterAvatarUrl'\n                         :comments-count='commentsCount'\n                         :commentable-digest='commentableDigest'\n                         :comment-image-url='commentImageUrl'\n                         :title='title'\n                         :creator-name='creatorName'>\n        <div :class='{\n              \"relative text-purple-600 hover:text-purple-700\": true,\n              \"hidden group-hover:block\": !commentsCount\n            }'>\n          <div v-if='commentsCount' style=\"top: 0.35rem;\" class=\"z-10 absolute w-7 text-center font-medium text-xs text-white\">{{ commentsCount }}</div>\n          <div v-else style=\"top: 0.15rem;\" class=\"z-10 absolute w-7 text-center font-medium text-sm text-white\">+</div>\n          <div>\n            <svg class=\"filter drop-shadow-lg h-7 w-7\" fill=\"currentColor\" height=\"512\" viewBox=\"0 0 511.096 511.096\" width=\"512\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g>\n                <path d=\"m74.414 480.548h-36.214l25.607-25.607c13.807-13.807 22.429-31.765 24.747-51.246-59.127-38.802-88.554-95.014-88.554-153.944 0-108.719 99.923-219.203 256.414-219.203 165.785 0 254.682 101.666 254.682 209.678 0 108.724-89.836 210.322-254.682 210.322-28.877 0-59.01-3.855-85.913-10.928-25.467 26.121-59.973 40.928-96.087 40.928z\" />\n              </g>\n            </svg>\n          </div>\n        </div>\n      </comment-slideover>\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport CommentSlideover from \"../CommentSlideover.vue\"\n\nexport default {\n  components: {\n    CommentSlideover\n  },\n  props: {\n    commentsUrl: String,\n    commentableDigest: String,\n    commentText: String,\n    commentImageUrl: String,\n    commentsCount: Number,\n    title: String,\n    creatorName: String,\n    commenterAvatarUrl: String\n  }\n}\n</script>","<template>\n  <div v-if=\"pages\">\n    <div v-for=\"page in pages\" :key=\"page.id\">\n      <div class=\"group relative\">\n        <lazy-img :src=\"page.image_url\" :height=\"page.height || undefined\"></lazy-img>\n        <episode-comment-button :title='title'\n                                :creatorName='creatorName'\n                                :commenterAvatarUrl='commenterAvatarUrl'\n                                :commentsUrl='commentsUrl'\n                                :commentsCount=\"page['comments_count']\"\n                                :commentableDigest=\"page['digest']\"\n                                :commentImageUrl='page.image_url'\n        ></episode-comment-button>\n      </div>\n    </div>\n  </div>\n  <div v-else>\n    <slot></slot>\n  </div>\n</template>\n\n<script>\nimport EpisodeCommentButton from \"./EpisodeCommentButton.vue\"\n\nexport default {\n  components: {\n    EpisodeCommentButton\n  },\n\n  props: {\n    episode: Object,\n    title: String,\n    creatorName: String,\n    commenterAvatarUrl: String,\n    commentsUrl: String\n  },\n\n  setup(props) {\n    const { episode, commentsUrl } = props\n    const pages = episode.pages.sort((p1, p2) => p1.order - p2.order)\n    return { pages }\n  }\n}\n</script>"],"names":["_sfc_main","CommentSlideover","_hoisted_1","_hoisted_2","_createElementVNode","_openBlock","_createElementBlock","_createVNode","_component_comment_slideover","$props","_normalizeClass","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","EpisodeCommentButton","props","episode","commentsUrl","p1","p2","$setup","_Fragment","_renderList","page","_component_lazy_img","_component_episode_comment_button","_renderSlot","_ctx"],"mappings":"spBAkCA,MAAKA,EAAU,CACb,WAAY,CACV,iBAAAC,CACD,EACD,MAAO,CACL,YAAa,OACb,kBAAmB,OACnB,YAAa,OACb,gBAAiB,OACjB,cAAe,OACf,MAAO,OACP,YAAa,OACb,mBAAoB,MACtB,CACF,EA/COC,EAAA,CAAA,MAAM,2BAA2B,EAE/BC,EAAA,CAAA,MAAM,kBAAkB,WAYG,MAAA,CAAqB,IAAA,SAAA,EAAC,MAAM,yEAC1C,MAAA,CAAqB,IAAA,SAAA,EAAC,MAAM,kEACxCC,EAMM,MAAA,KAAA,CALJA,EAIM,MAAA,CAJD,MAAM,gCAAgC,KAAK,eAAe,OAAO,MAAM,QAAQ,sBAAsB,MAAM,MAAM,MAAM,+BAC1HA,EAEI,IAAA,KAAA,CADFA,EAAiV,OAAA,CAA3U,EAAE,sUAAsU,CAAA,kEAnB5V,OAAAC,EAAA,EAAAC,EA2BM,MA3BNJ,EA2BM,CAzBJE,EAuBM,MAvBND,EAuBM,CAtBJI,EAqBoBC,EAAA,CArBA,eAAcC,EAAW,YACzB,uBAAsBA,EAAkB,mBACxC,iBAAgBA,EAAa,cAC7B,qBAAoBA,EAAiB,kBACrC,oBAAmBA,EAAe,gBAClC,MAAOA,EAAK,MACZ,eAAcA,EAAW,wBAC3C,IAaM,CAbNL,EAaM,MAAA,CAbA,MAAKM,EAAA,iFAAqHD,EAAa,kBAIhIA,EAAa,mBAAxBH,EAA8I,MAA9IK,EAA8IC,EAAtBH,EAAa,aAAA,EAAA,CAAA,QACrIH,EAA8G,MAA9GO,EAAuG,GAAC,GACxGC,yKCOLd,EAAU,CACb,WAAY,CACV,qBAAAe,CACD,EAED,MAAO,CACL,QAAS,OACT,MAAO,OACP,YAAa,OACb,mBAAoB,OACpB,YAAa,MACd,EAED,MAAMC,EAAO,CACX,KAAM,CAAE,QAAAC,EAAS,YAAAC,CAAU,EAAMF,EAEjC,MAAO,CAAE,MADKC,EAAQ,MAAM,KAAK,CAACE,EAAIC,IAAOD,EAAG,MAAQC,EAAG,KAAK,CACjD,CACjB,CACF,YAvCWjB,EAAA,CAAA,MAAM,gBAAgB,+FAFpBkB,EAAK,WAAhBf,EAcM,MAAAJ,EAAA,QAbJI,EAYMgB,EAAA,KAAAC,EAZcF,EAAK,MAAbG,QAAZlB,EAYM,MAAA,CAZsB,IAAKkB,EAAK,KACpCpB,EAUM,MAVND,EAUM,CATJI,EAA8EkB,EAAA,CAAnE,IAAKD,EAAK,UAAY,OAAQA,EAAK,QAAU,iCACxDjB,EAO0BmB,EAAA,CAPD,MAAOjB,EAAK,MACZ,YAAaA,EAAW,YACxB,mBAAoBA,EAAkB,mBACtC,YAAaA,EAAW,YACxB,cAAee,EAAI,eACnB,kBAAmBA,EAAI,OACvB,gBAAiBA,EAAK,wJAKrDlB,EAEM,MAAAK,EAAA,CADJgB,EAAaC,EAAA,OAAA,SAAA"}