{"version":3,"file":"MultiPostListItem-D8kLjBbo.js","sources":["../../../node_modules/date-fns/esm/isBefore/index.js","../../../node_modules/date-fns/esm/subWeeks/index.js","../../../node_modules/vue-material-design-icons/Tag.vue","../../../node_modules/vue-material-design-icons/AccountEdit.vue","../../../src/components/Post/PostListItem.vue"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isBefore\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\n *\n * @param {Date|Number} date - the date that should be before the other one to return true\n * @param {Date|Number} dateToCompare - the date to compare with\n * @returns {Boolean} the first date is before the second date\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\nexport default function isBefore(dirtyDate, dirtyDateToCompare) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var dateToCompare = toDate(dirtyDateToCompare);\n  return date.getTime() < dateToCompare.getTime();\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport addWeeks from \"../addWeeks/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name subWeeks\n * @category Week Helpers\n * @summary Subtract the specified number of weeks from the given date.\n *\n * @description\n * Subtract the specified number of weeks from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of weeks to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the weeks subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 4 weeks from 1 September 2014:\n * const result = subWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Aug 04 2014 00:00:00\n */\nexport default function subWeeks(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addWeeks(dirtyDate, -amount);\n}","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon tag-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4C2.89,2 2,2.89 2,4V11C2,11.55 2.22,12.05 2.59,12.41L11.58,21.41C11.95,21.77 12.45,22 13,22C13.55,22 14.05,21.77 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.44 21.77,11.94 21.41,11.58Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"TagIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon account-edit-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M21.7,13.35L20.7,14.35L18.65,12.3L19.65,11.3C19.86,11.09 20.21,11.09 20.42,11.3L21.7,12.58C21.91,12.79 21.91,13.14 21.7,13.35M12,18.94L18.06,12.88L20.11,14.93L14.06,21H12V18.94M12,14C7.58,14 4,15.79 4,18V20H10V18.11L14,14.11C13.34,14.03 12.67,14 12,14M12,4A4,4 0 0,0 8,8A4,4 0 0,0 12,12A4,4 0 0,0 16,8A4,4 0 0,0 12,4Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AccountEditIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <router-link\n    class=\"block md:flex bg-white dark:bg-violet-2 dark:text-white dark:hover:text-white rounded-lg shadow-md\"\n    dir=\"auto\"\n    :to=\"{ name: RouteName.POST, params: { slug: post.slug } }\"\n  >\n    <lazy-image-wrapper\n      :picture=\"post.picture\"\n      :rounded=\"true\"\n      class=\"object-cover flex-none h-48 md:h-auto md:w-48 rounded-t-lg md:rounded-none md:rounded-l-lg\"\n    />\n    <div class=\"flex flex-col gap-1 bg-inherit p-2 rounded-lg flex-1\">\n      <h3\n        class=\"text-xl color-violet-3 line-clamp-3 mb-2 font-bold\"\n        :lang=\"post.language\"\n      >\n        {{ post.title }}\n      </h3>\n      <p class=\"flex gap-2\">\n        <Clock />\n        <span dir=\"auto\" class=\"\" v-if=\"publishedAt && isBeforeLastWeek\">{{\n          formatDateTimeString(\n            publishedAt.toString(),\n            undefined,\n            false,\n            \"short\"\n          )\n        }}</span>\n        <span v-else-if=\"publishedAt\">{{\n          formatDistanceToNow(publishedAt, {\n            locale: dateFnsLocale,\n            addSuffix: true,\n          })\n        }}</span>\n      </p>\n      <div v-if=\"postTags.length > 0\" class=\"flex flex-wrap gap-y-0 gap-x-2\">\n        <Tag />\n        <mbz-tag v-for=\"tag in postTags\" :key=\"tag.slug\">{{\n          tag.title\n        }}</mbz-tag>\n      </div>\n      <p class=\"flex gap-1\" v-if=\"isCurrentActorMember\">\n        <AccountEdit />\n        <i18n-t keypath=\"Published by {name}\">\n          <template #name>\n            <b class=\"\">{{ displayName(post.author) }}</b>\n          </template>\n        </i18n-t>\n      </p>\n      <p\n        v-if=\"post.visibility === PostVisibility.UNLISTED\"\n        class=\"flex gap-2 items-center\"\n      >\n        <Link :size=\"16\" />\n        {{ t(\"Accessible only by link\") }}\n      </p>\n      <p\n        v-else-if=\"post.visibility === PostVisibility.PRIVATE\"\n        class=\"flex gap-2 items-center\"\n      >\n        <Lock :size=\"16\" />\n        {{\n          t(\"Accessible only to members\", {\n            group: post.attributedTo?.name,\n          })\n        }}\n      </p>\n    </div>\n  </router-link>\n</template>\n<script lang=\"ts\" setup>\nimport { formatDistanceToNow, subWeeks, isBefore, Locale } from \"date-fns\";\nimport RouteName from \"@/router/name\";\nimport { IPost } from \"@/types/post.model\";\nimport LazyImageWrapper from \"@/components/Image/LazyImageWrapper.vue\";\nimport { displayName } from \"@/types/actor\";\nimport { computed, inject } from \"vue\";\nimport { formatDateTimeString } from \"@/filters/datetime\";\nimport Tag from \"vue-material-design-icons/Tag.vue\";\nimport AccountEdit from \"vue-material-design-icons/AccountEdit.vue\";\nimport Clock from \"vue-material-design-icons/Clock.vue\";\nimport Lock from \"vue-material-design-icons/Lock.vue\";\nimport Link from \"vue-material-design-icons/Link.vue\";\nimport MbzTag from \"@/components/TagElement.vue\";\nimport { PostVisibility } from \"@/types/enums\";\nimport { useI18n } from \"vue-i18n\";\n\nconst props = withDefaults(\n  defineProps<{\n    post: IPost;\n    isCurrentActorMember?: boolean;\n  }>(),\n  { isCurrentActorMember: false }\n);\n\nconst { t } = useI18n({ useScope: \"global\" });\nconst dateFnsLocale = inject<Locale>(\"dateFnsLocale\");\n\nconst postTags = computed(() => (props.post.tags ?? []).slice(0, 3));\n\nconst publishedAt = computed((): Date | undefined => {\n  const date = props.post.publishAt ?? props.post.insertedAt;\n  if (!date) return undefined;\n  return new Date(date);\n});\n\nconst isBeforeLastWeek = computed((): boolean => {\n  return (\n    publishedAt.value !== undefined &&\n    isBefore(publishedAt.value, subWeeks(new Date(), 1))\n  );\n});\n</script>\n<style lang=\"scss\" scoped>\n@use \"@/styles/_mixins\" as *;\n\n.title-info-wrapper {\n  .post-minimalist-title {\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 700;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n}\n:deep(.icon) {\n  vertical-align: middle;\n  // @include margin-right(5px);\n}\n\n:deep(.tags) {\n  display: inline;\n\n  span.tag {\n    max-width: 200px;\n\n    & > span {\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n// }\n</style>\n"],"names":["isBefore","dirtyDate","dirtyDateToCompare","requiredArgs","date","toDate","dateToCompare","subWeeks","dirtyAmount","amount","toInteger","addWeeks","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","_mergeProps","_ctx","$props","_cache","$event","_createElementVNode","_hoisted_4","_createCommentVNode","props","__props","t","useI18n","dateFnsLocale","inject","postTags","computed","publishedAt","isBeforeLastWeek"],"mappings":"6ZAoBe,SAASA,EAASC,EAAWC,EAAoB,CAC9DC,EAAa,EAAG,SAAS,EACzB,IAAIC,EAAOC,EAAOJ,CAAS,EACvBK,EAAgBD,EAAOH,CAAkB,EAC7C,OAAOE,EAAK,QAAO,EAAKE,EAAc,QAAO,CAC/C,CCJe,SAASC,EAASN,EAAWO,EAAa,CACvDL,EAAa,EAAG,SAAS,EACzB,IAAIM,EAASC,EAAUF,CAAW,EAClC,OAAOG,EAASV,EAAW,CAACQ,CAAM,CACpC,CCLA,MAAKG,EAAU,CACb,KAAM,UACN,MAAO,CAAC,OAAO,EACf,MAAO,CACL,MAAO,CACL,KAAM,MACP,EACD,UAAW,CACT,KAAM,OACN,QAAS,cACV,EACD,KAAM,CACJ,KAAM,OACN,QAAS,EACX,CACF,CACF,EApCAC,EAAA,CAAA,cAAA,YAAA,EAAAC,EAAA,CAAA,OAAA,QAAA,QAAA,EAYYC,EAAA,CAAA,EAAE,6UAA6U,KAZ3V,IAAA,CAAA,qCACEC,EAeO,OAfPC,EAAcC,EAAM,OAAA,CACb,cAAaC,EAAK,MAAA,KAAA,GAClB,aAAYA,EAAK,MAClB,MAAM,gCACN,KAAK,MACJ,QAAKC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEH,EAAK,MAAA,QAAUG,CAAM,WACjCL,EAQM,MAAA,CARA,KAAMG,EAAS,UAChB,MAAM,4BACL,MAAOA,EAAI,KACX,OAAQA,EAAI,KACb,QAAQ,cACXG,EAEO,OAFPP,EAEO,CADQI,EAAK,WAAlBH,EAAuC,QAb/CO,IAa+BJ,EAAK,KAAA,EAAA,CAAA,GAbpCK,EAAA,GAAA,EAAA,GAAA,EAAA,EAAAV,CAAA,EAAA,EAAA,GAAAD,CAAA,8BCoBKD,GAAU,CACb,KAAM,kBACN,MAAO,CAAC,OAAO,EACf,MAAO,CACL,MAAO,CACL,KAAM,MACP,EACD,UAAW,CACT,KAAM,OACN,QAAS,cACV,EACD,KAAM,CACJ,KAAM,OACN,QAAS,EACX,CACF,CACF,EApCAC,GAAA,CAAA,cAAA,YAAA,EAAAC,GAAA,CAAA,OAAA,QAAA,QAAA,EAYYC,GAAA,CAAA,EAAE,+TAA+T,MAZ7U,IAAA,CAAA,sCACEC,EAeO,OAfPC,EAAcC,EAAM,OAAA,CACb,cAAaC,EAAK,MAAA,KAAA,GAClB,aAAYA,EAAK,MAClB,MAAM,yCACN,KAAK,MACJ,QAAKC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEH,EAAK,MAAA,QAAUG,CAAM,WACjCL,EAQM,MAAA,CARA,KAAMG,EAAS,UAChB,MAAM,4BACL,MAAOA,EAAI,KACX,OAAQA,EAAI,KACb,QAAQ,cACXG,EAEO,OAFPP,GAEO,CADQI,EAAK,WAAlBH,EAAuC,QAb/CO,KAa+BJ,EAAK,KAAA,EAAA,CAAA,GAbpCK,EAAA,GAAA,EAAA,GAAA,EAAA,EAAAV,EAAA,EAAA,EAAA,GAAAD,EAAA,ycCuFA,MAAMY,EAAQC,EAQR,CAAE,EAAAC,CAAE,EAAIC,EAAQ,CAAE,SAAU,SAAU,EACtCC,EAAgBC,EAAe,eAAe,EAE9CC,EAAWC,EAAS,KAAOP,EAAM,KAAK,MAAQ,CAAA,GAAI,MAAM,EAAG,CAAC,CAAC,EAE7DQ,EAAcD,EAAS,IAAwB,CACnD,MAAM5B,EAAOqB,EAAM,KAAK,WAAaA,EAAM,KAAK,WAChD,GAAKrB,EACE,OAAA,IAAI,KAAKA,CAAI,CAAA,CACrB,EAEK8B,EAAmBF,EAAS,IAE9BC,EAAY,QAAU,QACtBjC,EAASiC,EAAY,MAAO1B,EAAa,IAAA,KAAQ,CAAC,CAAC,CAEtD","x_google_ignoreList":[0,1,2,3]}