@ozdao/martyrs 0.2.547 → 0.2.548

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      \n      <h3 class=\"mn-b-regular\">{{ comments.length }} comments</h3>\n\n      <div class=\"mn-b-small\">\n        <form @submit.prevent=\"handleCommentSubmit\" class=\"bg-white radius-medium pd-medium\">\n          <textarea \n            v-model=\"commentContent\" \n            placeholder=\"Enter your comment\" \n            class=\"p-semi w-100\"\n            style=\"resize: none;\"\n          ></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">\n            Send\n          </button>\n        </form>\n      </div>\n    </div>\n\n    <Comment\n      v-for=\"comment in comments\"\n      :key=\"comment._id\"\n      :comment=\"comment\"\n      :target=\"target\"\n      :type=\"type\"\n      :owner=\"owner\"\n      @reply=\"handleReply\"\n      @load-more=\"loadMoreChildren\"\n      class=\"comment mn-b-medium\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, getCurrentInstance } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { Preferences } from '@capacitor/preferences';\n\nimport Comment from './Comment.vue';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n]);\n\nconst route = useRoute();\nconst { proxy } = getCurrentInstance();\n\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;\n\n// Загружаем сохраненный черновик при монтировании\nonMounted(async () => {\n  // Проверяем наличие черновика\n  const { value } = await Preferences.get({ key: DRAFT_KEY });\n  \n  if (value) {\n    commentContent.value = value;\n    // Очищаем черновик после загрузки\n    await Preferences.remove({ key: DRAFT_KEY });\n  }\n});\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleCommentSubmit = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n\n  // Проверяем авторизацию\n  if (!props.owner) {\n    // Сохраняем черновик\n    await Preferences.set({\n      key: DRAFT_KEY,\n      value: commentContent.value\n    });\n    \n    // Показываем auth popup\n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To comment on this post, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  // Отправляем комментарий\n  await submitComment();\n};\n\nconst submitComment = async () => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  // Проверяем авторизацию для ответов\n  if (!props.owner) {\n    // Сохраняем черновик ответа\n    await Preferences.set({\n      key: `${DRAFT_KEY}_reply_${parentId}`,\n      value: content\n    });\n    \n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To reply to this comment, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nfetchComments();\n</script>"],"names":["useRoute","getCurrentInstance","ref","onMounted","Preferences","$axios","comments"],"mappings":"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"}
+{"version":3,"file":"Comments.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      \n      <h3 class=\"mn-b-regular\">{{ comments.length }} comments</h3>\n\n      <div class=\"mn-b-small\">\n        <form @submit.prevent=\"handleCommentSubmit\" class=\"bg-white radius-medium pd-medium\">\n          <textarea \n            v-model=\"commentContent\" \n            placeholder=\"Enter your comment\" \n            class=\"p-medium w-100\"\n            style=\"resize: none;\"\n          ></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">\n            Send\n          </button>\n        </form>\n      </div>\n    </div>\n\n    <Comment\n      v-for=\"comment in comments\"\n      :key=\"comment._id\"\n      :comment=\"comment\"\n      :target=\"target\"\n      :type=\"type\"\n      :owner=\"owner\"\n      @reply=\"handleReply\"\n      @load-more=\"loadMoreChildren\"\n      class=\"comment mn-b-medium\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, getCurrentInstance } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { Preferences } from '@capacitor/preferences';\n\nimport Comment from './Comment.vue';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n]);\n\nconst route = useRoute();\nconst { proxy } = getCurrentInstance();\n\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;\n\n// Загружаем сохраненный черновик при монтировании\nonMounted(async () => {\n  // Проверяем наличие черновика\n  const { value } = await Preferences.get({ key: DRAFT_KEY });\n  \n  if (value) {\n    commentContent.value = value;\n    // Очищаем черновик после загрузки\n    await Preferences.remove({ key: DRAFT_KEY });\n  }\n});\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleCommentSubmit = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n\n  // Проверяем авторизацию\n  if (!props.owner) {\n    // Сохраняем черновик\n    await Preferences.set({\n      key: DRAFT_KEY,\n      value: commentContent.value\n    });\n    \n    // Показываем auth popup\n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To comment on this post, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  // Отправляем комментарий\n  await submitComment();\n};\n\nconst submitComment = async () => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  // Проверяем авторизацию для ответов\n  if (!props.owner) {\n    // Сохраняем черновик ответа\n    await Preferences.set({\n      key: `${DRAFT_KEY}_reply_${parentId}`,\n      value: content\n    });\n    \n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To reply to this comment, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nfetchComments();\n</script>"],"names":["useRoute","getCurrentInstance","ref","onMounted","Preferences","$axios","comments"],"mappings":"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"}

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.js

@@ -170,7 +170,7 @@ const _sfc_main = {
               withDirectives(createElementVNode("textarea", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => commentContent.value = $event),
                 placeholder: "Enter your comment",
-                class: "p-semi w-100",
+                class: "p-medium w-100",
                 style: { "resize": "none" }
               }, null, 512), [
                 [vModelText, commentContent.value]

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.vue.js","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      \n      <h3 class=\"mn-b-regular\">{{ comments.length }} comments</h3>\n\n      <div class=\"mn-b-small\">\n        <form @submit.prevent=\"handleCommentSubmit\" class=\"bg-white radius-medium pd-medium\">\n          <textarea \n            v-model=\"commentContent\" \n            placeholder=\"Enter your comment\" \n            class=\"p-semi w-100\"\n            style=\"resize: none;\"\n          ></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">\n            Send\n          </button>\n        </form>\n      </div>\n    </div>\n\n    <Comment\n      v-for=\"comment in comments\"\n      :key=\"comment._id\"\n      :comment=\"comment\"\n      :target=\"target\"\n      :type=\"type\"\n      :owner=\"owner\"\n      @reply=\"handleReply\"\n      @load-more=\"loadMoreChildren\"\n      class=\"comment mn-b-medium\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, getCurrentInstance } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { Preferences } from '@capacitor/preferences';\n\nimport Comment from './Comment.vue';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n]);\n\nconst route = useRoute();\nconst { proxy } = getCurrentInstance();\n\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;\n\n// Загружаем сохраненный черновик при монтировании\nonMounted(async () => {\n  // Проверяем наличие черновика\n  const { value } = await Preferences.get({ key: DRAFT_KEY });\n  \n  if (value) {\n    commentContent.value = value;\n    // Очищаем черновик после загрузки\n    await Preferences.remove({ key: DRAFT_KEY });\n  }\n});\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleCommentSubmit = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n\n  // Проверяем авторизацию\n  if (!props.owner) {\n    // Сохраняем черновик\n    await Preferences.set({\n      key: DRAFT_KEY,\n      value: commentContent.value\n    });\n    \n    // Показываем auth popup\n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To comment on this post, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  // Отправляем комментарий\n  await submitComment();\n};\n\nconst submitComment = async () => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  // Проверяем авторизацию для ответов\n  if (!props.owner) {\n    // Сохраняем черновик ответа\n    await Preferences.set({\n      key: `${DRAFT_KEY}_reply_${parentId}`,\n      value: content\n    });\n    \n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To reply to this comment, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nfetchComments();\n</script>"],"names":["comments"],"mappings":"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"}
+{"version":3,"file":"Comments.vue.js","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      \n      <h3 class=\"mn-b-regular\">{{ comments.length }} comments</h3>\n\n      <div class=\"mn-b-small\">\n        <form @submit.prevent=\"handleCommentSubmit\" class=\"bg-white radius-medium pd-medium\">\n          <textarea \n            v-model=\"commentContent\" \n            placeholder=\"Enter your comment\" \n            class=\"p-medium w-100\"\n            style=\"resize: none;\"\n          ></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">\n            Send\n          </button>\n        </form>\n      </div>\n    </div>\n\n    <Comment\n      v-for=\"comment in comments\"\n      :key=\"comment._id\"\n      :comment=\"comment\"\n      :target=\"target\"\n      :type=\"type\"\n      :owner=\"owner\"\n      @reply=\"handleReply\"\n      @load-more=\"loadMoreChildren\"\n      class=\"comment mn-b-medium\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, getCurrentInstance } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { Preferences } from '@capacitor/preferences';\n\nimport Comment from './Comment.vue';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n]);\n\nconst route = useRoute();\nconst { proxy } = getCurrentInstance();\n\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;\n\n// Загружаем сохраненный черновик при монтировании\nonMounted(async () => {\n  // Проверяем наличие черновика\n  const { value } = await Preferences.get({ key: DRAFT_KEY });\n  \n  if (value) {\n    commentContent.value = value;\n    // Очищаем черновик после загрузки\n    await Preferences.remove({ key: DRAFT_KEY });\n  }\n});\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleCommentSubmit = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n\n  // Проверяем авторизацию\n  if (!props.owner) {\n    // Сохраняем черновик\n    await Preferences.set({\n      key: DRAFT_KEY,\n      value: commentContent.value\n    });\n    \n    // Показываем auth popup\n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To comment on this post, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  // Отправляем комментарий\n  await submitComment();\n};\n\nconst submitComment = async () => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  // Проверяем авторизацию для ответов\n  if (!props.owner) {\n    // Сохраняем черновик ответа\n    await Preferences.set({\n      key: `${DRAFT_KEY}_reply_${parentId}`,\n      value: content\n    });\n    \n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To reply to this comment, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nfetchComments();\n</script>"],"names":["comments"],"mappings":";;;;;;;;;;;;;;;;;AA2CA,UAAM,QAAQ;AAMd,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,MAAK,IAAK,mBAAkB;AAEpC,UAAM,WAAW,IAAI,EAAE;AACvB,UAAM,iBAAiB,IAAI,EAAE;AAE7B,UAAM,YAAY,iBAAiB,MAAM,IAAI,IAAI,MAAM,MAAM;AAG7D,cAAU,YAAY;AAEpB,YAAM,EAAE,MAAK,IAAK,MAAM,YAAY,IAAI,EAAE,KAAK,WAAW;AAE1D,UAAI,OAAO;AACT,uBAAe,QAAQ;AAEvB,cAAM,YAAY,OAAO,EAAE,KAAK,UAAS,CAAE;AAAA,MAC7C;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,QAAQ;AAAA,YACR,UAAU;AAAA,UAClB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,UAAM,sBAAsB,YAAY;AACtC,UAAI,CAAC,eAAe,OAAO;AACzB;AAAA,MACF;AAGA,UAAI,CAAC,MAAM,OAAO;AAEhB,cAAM,YAAY,IAAI;AAAA,UACpB,KAAK;AAAA,UACL,OAAO,eAAe;AAAA,QAC5B,CAAK;AAGD,cAAM,MAAM,UAAU;AAAA,UACpB,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW,MAAM;AAAA,QACvB,CAAK;AAED;AAAA,MACF;AAGA,YAAM,cAAa;AAAA,IACrB;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,KAAK,oBAAoB;AAAA,UACrD,QAAQ,MAAM;AAAA,UACd,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,SAAS,eAAe;AAAA,UACxB,SAAS;AAAA,YACP,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,QAAQ;AAAA,UAChB;AAAA,UACM,OAAO;AAAA,YACL,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,UACd;AAAA,QACA,CAAK;AAED,iBAAS,KAAK,QAAQ,MAAM;AAC5B,iBAAS,MAAM,KAAK,SAAS,IAAI;AAEjC,uBAAe,QAAQ;AAAA,MACzB,SAAS,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAEA,UAAM,cAAc,OAAO,UAAU,YAAY;AAE/C,UAAI,CAAC,MAAM,OAAO;AAEhB,cAAM,YAAY,IAAI;AAAA,UACpB,KAAK,GAAG,SAAS,UAAU,QAAQ;AAAA,UACnC,OAAO;AAAA,QACb,CAAK;AAED,cAAM,MAAM,UAAU;AAAA,UACpB,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW,MAAM;AAAA,QACvB,CAAK;AAED;AAAA,MACF;AAEA,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,KAAK,oBAAoB;AAAA,UACrD;AAAA,UACA,QAAQ,MAAM;AAAA,UACd,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,SAAS;AAAA,YACP,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,QAAQ;AAAA,UAChB;AAAA,UACM,OAAO;AAAA,YACL,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,UACd;AAAA,QACA,CAAK;AAED,cAAM,aAAa,SAAS;AAC5B,0BAAkB,SAAS,OAAO,UAAU,UAAU;AAAA,MACxD,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,UAAM,mBAAmB,OAAO,WAAW,UAAU;AACnD,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA,UAAU;AAAA,UAClB;AAAA,QACA,CAAK;AAED,0BAAkB,SAAS,OAAO,WAAW,SAAS,MAAM,SAAS,KAAK,SAAS,IAAI;AAAA,MACzF,SAAS,OAAO;AACd,gBAAQ,MAAM,gCAAgC,KAAK;AAAA,MACrD;AAAA,IACF;AAEA,UAAM,oBAAoB,CAACA,WAAU,UAAU,SAAS,SAAS,aAAa,UAAU;AACtF,eAAS,IAAI,GAAG,IAAIA,UAAS,QAAQ,KAAK;AACxC,YAAIA,UAAS,CAAC,EAAE,QAAQ,UAAU;AAChC,cAAI,YAAY;AACd,YAAAA,UAAS,CAAC,EAAE,WAAW,CAAC,GAAGA,UAAS,CAAC,EAAE,UAAU,GAAG,OAAO;AAC3D,YAAAA,UAAS,CAAC,EAAE,UAAU;AAAA,UACxB,OAAO;AACL,YAAAA,UAAS,CAAC,EAAE,SAAS,KAAK,OAAO;AAAA,UACnC;AACA,iBAAO;AAAA,QACT;AACA,YAAIA,UAAS,CAAC,EAAE,YAAY,kBAAkBA,UAAS,CAAC,EAAE,UAAU,UAAU,SAAS,SAAS,UAAU,GAAG;AAC3G,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAEA,kBAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue2.cjs");
 const _hoisted_1 = { class: "w-100 pd-medium bg-white radius-medium pos-relative" };
 const _hoisted_2 = { class: "flex flex-v-center gap-thin" };
 const _hoisted_3 = {
@@ -12,7 +12,7 @@ const _hoisted_3 = {
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "flex w-100 flex-column gap-thin" };
 const _hoisted_6 = { class: "h4" };
-const _hoisted_7 = { class: "p-medium" };
+const _hoisted_7 = { class: "p-regular" };
 const _sfc_main = {
   __name: "Card",
   props: {

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Card.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 pd-medium bg-white radius-medium pos-relative\">\n    <div class=\"flex flex-v-center gap-thin\">\n      <!-- Image section -->\n      <div v-if=\"isEditing || modelValue.photo\" class=\"w-5r\">\n        <UploadImage \n          v-if=\"isEditing\"\n          v-model:photo=\"modelValue.photo\"\n          :uploadPath=\"'/specials'\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra\" \n        />\n        <img \n          v-if=\"modelValue.photo && !isEditing\"\n          :src=\"modelValue.photo\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra object-cover\"\n          alt=\"Card image\"\n        />\n      </div>\n      <!-- Content section -->\n      <div class=\"flex w-100 flex-column gap-thin\">\n        <template v-if=\"isEditing\">\n          <Field\n            v-model:field=\"modelValue.title\"\n            placeholder=\"Title\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />  \n          <Field\n            v-model:field=\"modelValue.subtitle\"\n            type=\"textarea\"\n            placeholder=\"Description\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n        </template>\n        <template v-else>\n          <h4 class=\"h4\">{{ modelValue.title }}</h4>\n          <p class=\"p-medium\">{{ modelValue.subtitle }}</p>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nconst props = defineProps({\n  modelValue: {\n    type: Object,\n    default: () => ({\n      photo: '',\n      title: '',\n      subtitle: '',\n    })\n  },\n  isEditing: {\n    type: Boolean,\n    default: true\n  }\n});\n\nconst isEditing = ref(props.isEditing);\n\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,QAAQ;AAed,UAAM,YAAYA,IAAAA,IAAI,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Card.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Card.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 pd-medium bg-white radius-medium pos-relative\">\n    <div class=\"flex flex-v-center gap-thin\">\n      <!-- Image section -->\n      <div v-if=\"isEditing || modelValue.photo\" class=\"w-5r\">\n        <UploadImage \n          v-if=\"isEditing\"\n          v-model:photo=\"modelValue.photo\"\n          :uploadPath=\"'/specials'\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra\" \n        />\n        <img \n          v-if=\"modelValue.photo && !isEditing\"\n          :src=\"modelValue.photo\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra object-cover\"\n          alt=\"Card image\"\n        />\n      </div>\n      <!-- Content section -->\n      <div class=\"flex w-100 flex-column gap-thin\">\n        <template v-if=\"isEditing\">\n          <Field\n            v-model:field=\"modelValue.title\"\n            placeholder=\"Title\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />  \n          <Field\n            v-model:field=\"modelValue.subtitle\"\n            type=\"textarea\"\n            placeholder=\"Description\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n        </template>\n        <template v-else>\n          <h4 class=\"h4\">{{ modelValue.title }}</h4>\n          <p class=\"p-regular\">{{ modelValue.subtitle }}</p>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nconst props = defineProps({\n  modelValue: {\n    type: Object,\n    default: () => ({\n      photo: '',\n      title: '',\n      subtitle: '',\n    })\n  },\n  isEditing: {\n    type: Boolean,\n    default: true\n  }\n});\n\nconst isEditing = ref(props.isEditing);\n\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,QAAQ;AAed,UAAM,YAAYA,IAAAA,IAAI,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.js

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, Fragment, createVNode, toDisplayString } from "vue";
-import Field from "../../../../components/Field/Field.vue.js";
-import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import UploadImage from "../../../../components/UploadImage/UploadImage.vue2.js";
 const _hoisted_1 = { class: "w-100 pd-medium bg-white radius-medium pos-relative" };
 const _hoisted_2 = { class: "flex flex-v-center gap-thin" };
 const _hoisted_3 = {
@@ -10,7 +10,7 @@ const _hoisted_3 = {
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "flex w-100 flex-column gap-thin" };
 const _hoisted_6 = { class: "h4" };
-const _hoisted_7 = { class: "p-medium" };
+const _hoisted_7 = { class: "p-regular" };
 const _sfc_main = {
   __name: "Card",
   props: {

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Card.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 pd-medium bg-white radius-medium pos-relative\">\n    <div class=\"flex flex-v-center gap-thin\">\n      <!-- Image section -->\n      <div v-if=\"isEditing || modelValue.photo\" class=\"w-5r\">\n        <UploadImage \n          v-if=\"isEditing\"\n          v-model:photo=\"modelValue.photo\"\n          :uploadPath=\"'/specials'\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra\" \n        />\n        <img \n          v-if=\"modelValue.photo && !isEditing\"\n          :src=\"modelValue.photo\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra object-cover\"\n          alt=\"Card image\"\n        />\n      </div>\n      <!-- Content section -->\n      <div class=\"flex w-100 flex-column gap-thin\">\n        <template v-if=\"isEditing\">\n          <Field\n            v-model:field=\"modelValue.title\"\n            placeholder=\"Title\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />  \n          <Field\n            v-model:field=\"modelValue.subtitle\"\n            type=\"textarea\"\n            placeholder=\"Description\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n        </template>\n        <template v-else>\n          <h4 class=\"h4\">{{ modelValue.title }}</h4>\n          <p class=\"p-medium\">{{ modelValue.subtitle }}</p>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nconst props = defineProps({\n  modelValue: {\n    type: Object,\n    default: () => ({\n      photo: '',\n      title: '',\n      subtitle: '',\n    })\n  },\n  isEditing: {\n    type: Boolean,\n    default: true\n  }\n});\n\nconst isEditing = ref(props.isEditing);\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,QAAQ;AAed,UAAM,YAAY,IAAI,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Card.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Card.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 pd-medium bg-white radius-medium pos-relative\">\n    <div class=\"flex flex-v-center gap-thin\">\n      <!-- Image section -->\n      <div v-if=\"isEditing || modelValue.photo\" class=\"w-5r\">\n        <UploadImage \n          v-if=\"isEditing\"\n          v-model:photo=\"modelValue.photo\"\n          :uploadPath=\"'/specials'\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra\" \n        />\n        <img \n          v-if=\"modelValue.photo && !isEditing\"\n          :src=\"modelValue.photo\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra object-cover\"\n          alt=\"Card image\"\n        />\n      </div>\n      <!-- Content section -->\n      <div class=\"flex w-100 flex-column gap-thin\">\n        <template v-if=\"isEditing\">\n          <Field\n            v-model:field=\"modelValue.title\"\n            placeholder=\"Title\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />  \n          <Field\n            v-model:field=\"modelValue.subtitle\"\n            type=\"textarea\"\n            placeholder=\"Description\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n        </template>\n        <template v-else>\n          <h4 class=\"h4\">{{ modelValue.title }}</h4>\n          <p class=\"p-regular\">{{ modelValue.subtitle }}</p>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nconst props = defineProps({\n  modelValue: {\n    type: Object,\n    default: () => ({\n      photo: '',\n      title: '',\n      subtitle: '',\n    })\n  },\n  isEditing: {\n    type: Boolean,\n    default: true\n  }\n});\n\nconst isEditing = ref(props.isEditing);\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,QAAQ;AAed,UAAM,YAAY,IAAI,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 ;/* empty css             */
 const _hoisted_1 = { class: "w-100 h-max-40r pd-medium bg-white radius-medium pos-relative" };
 const _hoisted_2 = ["innerHTML"];

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, createElementVNode } from "vue";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 /* empty css           */
 const _hoisted_1 = { class: "w-100 h-max-40r pd-medium bg-white radius-medium pos-relative" };
 const _hoisted_2 = ["innerHTML"];

package/dist/martyrs/src/modules/constructor/components/sections/Constructor.vue.cjs

@@ -13,7 +13,7 @@ const _hoisted_1 = ["data-index"];
 const _hoisted_2 = ["onMouseover"];
 const _hoisted_3 = {
   key: 0,
-  class: "pos-absolute z-index-4 i-semi",
+  class: "pos-absolute z-index-4 i-medium",
   style: { "right": "calc(100% + 0.5rem)", "top": "calc(50% - 1.125rem)" }
 };
 const _hoisted_4 = {
@@ -147,7 +147,7 @@ const _sfc_main = {
                     showControls.value === index ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                       vue.createElementVNode("button", {
                         onClick: _cache[0] || (_cache[0] = ($event) => showMenu.value = !showMenu.value),
-                        class: "mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin"
+                        class: "mn-b-small cursor-pointer w-100 i-medium bg-white radius-thin"
                       }, vue.toDisplayString(block.content ? "⋯" : "+"), 1),
                       showMenu.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                         index !== 0 ? (vue.openBlock(), vue.createElementBlock("span", {

package/dist/martyrs/src/modules/constructor/components/sections/Constructor.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Constructor.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/sections/Constructor.vue"],"sourcesContent":["<template>\n  <!-- Content -->\n  <section>\n    <Draggable \n      :list=\"post.content\" \n      @update:list=\"updateContent\" \n      @start=\"handleDragStart\" \n      @end=\"handleDragEnd\" \n      disabledClass=\"no-drag\"\n    >\n      <div\n        v-for=\"(block, index) in post.content\"\n        :key=\"block.id\" \n        :data-index=\"index\"\n        draggable=\"true\"\n        class=\"draggable-item pos-relative\"\n      >\n        <div \n          @mouseover=\"showControls = index, showMenu = false\"\n          class=\"pos-relative w-full h-full\"\n        >\n          <component\n            v-model=\"block.content\"\n            :is=\"ComponentMap[block.type]\"\n            :index=\"index\"\n            :component=\"block\"\n            :prop=\"block\"\n            :placeholder=\"block.placeholder\"\n            :class=\"block.class\"\n            :setFocus=\"block.setFocus\"\n            @deleteBlock=\"handleDeleteBlock\"\n            @addBlock=\"handleAddBlock\"\n            @updateBlock=\"handleUpdateBlock\"\n          />\n        </div>\n\n        <transition name=\"fade\">\n          <div \n            v-if=\"showControls === index\" \n            class=\"pos-absolute z-index-4 i-semi\" \n            style=\"right: calc(100% + 0.5rem); top: calc(50% - 1.125rem);\"\n          >\n            <button \n              @click=\"showMenu = !showMenu\" \n              class=\"mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin\"\n            >\n              {{ block.content ? '⋯' : '+' }}\n            </button>\n            \n            <div \n              v-if=\"showMenu\" \n              class=\"z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex\"\n            >\n              <span \n                v-if=\"index !== 0\"\n                @click=\"handleDeleteBlock(block)\" \n                class=\"mn-b-thin w-max t-red bg-white button-small button\"\n              >\n                Remove\n              </span>\n              <span \n                @click=\"handleAddBlock('ImageUpload', '', index)\" \n                class=\"mn-b-thin w-max t-black bg-white button-small button\"\n              >\n                Add Image\n              </span>\n              <span \n                @click=\"handleAddBlock('H2', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Title\n              </span>\n              <span \n                @click=\"handleAddBlock('Card', { photo: '', title: '', subtitle: '', }, index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Card\n              </span>\n              <span \n                @click=\"handleAddBlock('Embed', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Embed\n              </span>\n              <span \n                @click=\"handleAddBlock('Audio', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Audio\n              </span>\n              <span \n                @click=\"handleAddBlock('Video', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Video\n              </span>\n            </div>\n          </div>\n        </transition>\n      </div>\n    </Draggable>\n  </section>\n</template>\n\n\n<script setup>\nimport Textarea     from '../elements/Textarea.vue';\nimport ImageUpload  from '../elements/ImageUpload.vue';\nimport Embed        from '../elements/Embed.vue';\nimport Card        from '../elements/Card.vue';\nimport Audio        from '../elements/Audio.vue';\nimport Video        from '../elements/Video.vue';\n\nimport Draggable        from '@martyrs/src/components/Draggable/Draggable.vue';\n\nimport { ref, onMounted, watchEffect, computed } from 'vue';\nimport { v4 as uuidv4 } from 'uuid'\n\nconst props = defineProps({\n  content: {\n    type: Array\n  },\n  notitle: {\n    type: Boolean\n  }\n});\n\nconst emits = defineEmits(['update'])\n\nlet publics = ref(null);\nlet post = ref(null); \n\nconst showControls = ref(null)\nconst showMenu = ref(false)\n\nconst ComponentMap = {\n  'Textarea': Textarea,\n  'H2': Textarea,\n  'Card': Card,\n  'ImageUpload': ImageUpload,\n  'Embed': Embed,\n  'Audio': Audio,\n  'Video': Video,\n};\n\npost.value = { content: props.content }; \n\nonMounted(() => {\n  if (post.value && post.value.content.length === 0) {\n    handleAddBlock('Textarea', '', 0, null, 'h2', 'Enter title');\n  }\n})\n\nconst updateContent = (newContent) => {\n  post.value.content = newContent;\n};\n\nconst handleDragStart = (startIndex) => {\n  console.log('Drag started from index:', startIndex);\n};\n\nconst handleDragEnd = (startIndex, endIndex) => {\n  console.log('Drag ended. Start index:', startIndex, 'End index:', endIndex);\n};\n\nfunction handleAddBlock(type = 'Textarea', content = '', index, data, classBlock = '', placeholder = '', id = uuidv4()) {\n  let blockNew = {\n    id: id,\n    type: type,\n    style: '',\n    class: classBlock,\n    placeholder: placeholder,\n    content: content,\n    blocks: [],\n    setFocus: true,\n  };\n  \n  if (index !== undefined) {\n    post.value.content.splice(index + 1, 0, blockNew);\n  } else {\n    post.value.content.push(blockNew);\n  }\n  \n  showControls.value = null\n  emits('update', post.value.content);\n}\n\nfunction handleUpdateBlock(block, update) {\n  const index = post.value.content.findIndex(item => item === block);\n\n  if (index !== -1) {\n    post.value.content[index] = { ...post.value.content[index], ...update };\n  }\n  emits('update', post.value.content);\n}\n\nfunction handleDeleteBlock(blockToDelete, options = {}) {\n  const index = post.value.content.findIndex(block => block.id === blockToDelete.id)\n\n  if (index !== -1 && index !== 0) {\n    post.value.content.splice(index, 1)\n    \n    if (index > 0) {\n      const previousBlock = post.value.content[index - 1]\n      previousBlock.setFocus = true\n      previousBlock.setCaretToEnd = true\n    }\n  }\n  \n  emits('update', post.value.content)\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","Textarea","Card","ImageUpload","Embed","Audio","Video","onMounted","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,UAAM,QAAQ;AASd,UAAM,QAAQ;AAEAA,QAAAA,IAAI,IAAI;AACtB,QAAI,OAAOA,IAAAA,IAAI,IAAI;AAEnB,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAC7B,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAE1B,UAAM,eAAe;AAAA,MACnB,YAAYC,SAAAA;AAAAA,MACZ,MAAMA,SAAAA;AAAAA,MACN,QAAQC,KAAAA;AAAAA,MACR,eAAeC,YAAAA;AAAAA,MACf,SAASC,MAAAA;AAAAA,MACT,SAASC,MAAAA;AAAAA,MACT,SAASC,MAAAA;AAAAA,IACX;AAEA,SAAK,QAAQ,EAAE,SAAS,MAAM,QAAO;AAErCC,QAAAA,UAAU,MAAM;AACd,UAAI,KAAK,SAAS,KAAK,MAAM,QAAQ,WAAW,GAAG;AACjD,uBAAe,YAAY,IAAI,GAAG,MAAM,MAAM,aAAa;AAAA,MAC7D;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,CAAC,eAAe;AACpC,WAAK,MAAM,UAAU;AAAA,IACvB;AAEA,UAAM,kBAAkB,CAAC,eAAe;AACtC,cAAQ,IAAI,4BAA4B,UAAU;AAAA,IACpD;AAEA,UAAM,gBAAgB,CAAC,YAAY,aAAa;AAC9C,cAAQ,IAAI,4BAA4B,YAAY,cAAc,QAAQ;AAAA,IAC5E;AAEA,aAAS,eAAe,OAAO,YAAY,UAAU,IAAI,OAAO,MAAM,aAAa,IAAI,cAAc,IAAI,KAAKC,GAAAA,QAAM,GAAI;AACtH,UAAI,WAAW;AAAA,QACb;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,QAAQ,CAAA;AAAA,QACR,UAAU;AAAA,MACd;AAEE,UAAI,UAAU,QAAW;AACvB,aAAK,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,QAAQ;AAAA,MAClD,OAAO;AACL,aAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,MAClC;AAEA,mBAAa,QAAQ;AACrB,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,OAAO,QAAQ;AACxC,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,UAAQ,SAAS,KAAK;AAEjE,UAAI,UAAU,IAAI;AAChB,aAAK,MAAM,QAAQ,KAAK,IAAI,EAAE,GAAG,KAAK,MAAM,QAAQ,KAAK,GAAG,GAAG,OAAM;AAAA,MACvE;AACA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,eAAe,UAAU,IAAI;AACtD,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,WAAS,MAAM,OAAO,cAAc,EAAE;AAEjF,UAAI,UAAU,MAAM,UAAU,GAAG;AAC/B,aAAK,MAAM,QAAQ,OAAO,OAAO,CAAC;AAElC,YAAI,QAAQ,GAAG;AACb,gBAAM,gBAAgB,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAClD,wBAAc,WAAW;AACzB,wBAAc,gBAAgB;AAAA,QAChC;AAAA,MACF;AAEA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Constructor.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/sections/Constructor.vue"],"sourcesContent":["<template>\n  <!-- Content -->\n  <section>\n    <Draggable \n      :list=\"post.content\" \n      @update:list=\"updateContent\" \n      @start=\"handleDragStart\" \n      @end=\"handleDragEnd\" \n      disabledClass=\"no-drag\"\n    >\n      <div\n        v-for=\"(block, index) in post.content\"\n        :key=\"block.id\" \n        :data-index=\"index\"\n        draggable=\"true\"\n        class=\"draggable-item pos-relative\"\n      >\n        <div \n          @mouseover=\"showControls = index, showMenu = false\"\n          class=\"pos-relative w-full h-full\"\n        >\n          <component\n            v-model=\"block.content\"\n            :is=\"ComponentMap[block.type]\"\n            :index=\"index\"\n            :component=\"block\"\n            :prop=\"block\"\n            :placeholder=\"block.placeholder\"\n            :class=\"block.class\"\n            :setFocus=\"block.setFocus\"\n            @deleteBlock=\"handleDeleteBlock\"\n            @addBlock=\"handleAddBlock\"\n            @updateBlock=\"handleUpdateBlock\"\n          />\n        </div>\n\n        <transition name=\"fade\">\n          <div \n            v-if=\"showControls === index\" \n            class=\"pos-absolute z-index-4 i-medium\" \n            style=\"right: calc(100% + 0.5rem); top: calc(50% - 1.125rem);\"\n          >\n            <button \n              @click=\"showMenu = !showMenu\" \n              class=\"mn-b-small cursor-pointer w-100 i-medium bg-white radius-thin\"\n            >\n              {{ block.content ? '⋯' : '+' }}\n            </button>\n            \n            <div \n              v-if=\"showMenu\" \n              class=\"z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex\"\n            >\n              <span \n                v-if=\"index !== 0\"\n                @click=\"handleDeleteBlock(block)\" \n                class=\"mn-b-thin w-max t-red bg-white button-small button\"\n              >\n                Remove\n              </span>\n              <span \n                @click=\"handleAddBlock('ImageUpload', '', index)\" \n                class=\"mn-b-thin w-max t-black bg-white button-small button\"\n              >\n                Add Image\n              </span>\n              <span \n                @click=\"handleAddBlock('H2', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Title\n              </span>\n              <span \n                @click=\"handleAddBlock('Card', { photo: '', title: '', subtitle: '', }, index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Card\n              </span>\n              <span \n                @click=\"handleAddBlock('Embed', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Embed\n              </span>\n              <span \n                @click=\"handleAddBlock('Audio', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Audio\n              </span>\n              <span \n                @click=\"handleAddBlock('Video', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Video\n              </span>\n            </div>\n          </div>\n        </transition>\n      </div>\n    </Draggable>\n  </section>\n</template>\n\n\n<script setup>\nimport Textarea     from '../elements/Textarea.vue';\nimport ImageUpload  from '../elements/ImageUpload.vue';\nimport Embed        from '../elements/Embed.vue';\nimport Card        from '../elements/Card.vue';\nimport Audio        from '../elements/Audio.vue';\nimport Video        from '../elements/Video.vue';\n\nimport Draggable        from '@martyrs/src/components/Draggable/Draggable.vue';\n\nimport { ref, onMounted, watchEffect, computed } from 'vue';\nimport { v4 as uuidv4 } from 'uuid'\n\nconst props = defineProps({\n  content: {\n    type: Array\n  },\n  notitle: {\n    type: Boolean\n  }\n});\n\nconst emits = defineEmits(['update'])\n\nlet publics = ref(null);\nlet post = ref(null); \n\nconst showControls = ref(null)\nconst showMenu = ref(false)\n\nconst ComponentMap = {\n  'Textarea': Textarea,\n  'H2': Textarea,\n  'Card': Card,\n  'ImageUpload': ImageUpload,\n  'Embed': Embed,\n  'Audio': Audio,\n  'Video': Video,\n};\n\npost.value = { content: props.content }; \n\nonMounted(() => {\n  if (post.value && post.value.content.length === 0) {\n    handleAddBlock('Textarea', '', 0, null, 'h2', 'Enter title');\n  }\n})\n\nconst updateContent = (newContent) => {\n  post.value.content = newContent;\n};\n\nconst handleDragStart = (startIndex) => {\n  console.log('Drag started from index:', startIndex);\n};\n\nconst handleDragEnd = (startIndex, endIndex) => {\n  console.log('Drag ended. Start index:', startIndex, 'End index:', endIndex);\n};\n\nfunction handleAddBlock(type = 'Textarea', content = '', index, data, classBlock = '', placeholder = '', id = uuidv4()) {\n  let blockNew = {\n    id: id,\n    type: type,\n    style: '',\n    class: classBlock,\n    placeholder: placeholder,\n    content: content,\n    blocks: [],\n    setFocus: true,\n  };\n  \n  if (index !== undefined) {\n    post.value.content.splice(index + 1, 0, blockNew);\n  } else {\n    post.value.content.push(blockNew);\n  }\n  \n  showControls.value = null\n  emits('update', post.value.content);\n}\n\nfunction handleUpdateBlock(block, update) {\n  const index = post.value.content.findIndex(item => item === block);\n\n  if (index !== -1) {\n    post.value.content[index] = { ...post.value.content[index], ...update };\n  }\n  emits('update', post.value.content);\n}\n\nfunction handleDeleteBlock(blockToDelete, options = {}) {\n  const index = post.value.content.findIndex(block => block.id === blockToDelete.id)\n\n  if (index !== -1 && index !== 0) {\n    post.value.content.splice(index, 1)\n    \n    if (index > 0) {\n      const previousBlock = post.value.content[index - 1]\n      previousBlock.setFocus = true\n      previousBlock.setCaretToEnd = true\n    }\n  }\n  \n  emits('update', post.value.content)\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","Textarea","Card","ImageUpload","Embed","Audio","Video","onMounted","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,UAAM,QAAQ;AASd,UAAM,QAAQ;AAEAA,QAAAA,IAAI,IAAI;AACtB,QAAI,OAAOA,IAAAA,IAAI,IAAI;AAEnB,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAC7B,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAE1B,UAAM,eAAe;AAAA,MACnB,YAAYC,SAAAA;AAAAA,MACZ,MAAMA,SAAAA;AAAAA,MACN,QAAQC,KAAAA;AAAAA,MACR,eAAeC,YAAAA;AAAAA,MACf,SAASC,MAAAA;AAAAA,MACT,SAASC,MAAAA;AAAAA,MACT,SAASC,MAAAA;AAAAA,IACX;AAEA,SAAK,QAAQ,EAAE,SAAS,MAAM,QAAO;AAErCC,QAAAA,UAAU,MAAM;AACd,UAAI,KAAK,SAAS,KAAK,MAAM,QAAQ,WAAW,GAAG;AACjD,uBAAe,YAAY,IAAI,GAAG,MAAM,MAAM,aAAa;AAAA,MAC7D;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,CAAC,eAAe;AACpC,WAAK,MAAM,UAAU;AAAA,IACvB;AAEA,UAAM,kBAAkB,CAAC,eAAe;AACtC,cAAQ,IAAI,4BAA4B,UAAU;AAAA,IACpD;AAEA,UAAM,gBAAgB,CAAC,YAAY,aAAa;AAC9C,cAAQ,IAAI,4BAA4B,YAAY,cAAc,QAAQ;AAAA,IAC5E;AAEA,aAAS,eAAe,OAAO,YAAY,UAAU,IAAI,OAAO,MAAM,aAAa,IAAI,cAAc,IAAI,KAAKC,GAAAA,QAAM,GAAI;AACtH,UAAI,WAAW;AAAA,QACb;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,QAAQ,CAAA;AAAA,QACR,UAAU;AAAA,MACd;AAEE,UAAI,UAAU,QAAW;AACvB,aAAK,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,QAAQ;AAAA,MAClD,OAAO;AACL,aAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,MAClC;AAEA,mBAAa,QAAQ;AACrB,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,OAAO,QAAQ;AACxC,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,UAAQ,SAAS,KAAK;AAEjE,UAAI,UAAU,IAAI;AAChB,aAAK,MAAM,QAAQ,KAAK,IAAI,EAAE,GAAG,KAAK,MAAM,QAAQ,KAAK,GAAG,GAAG,OAAM;AAAA,MACvE;AACA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,eAAe,UAAU,IAAI;AACtD,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,WAAS,MAAM,OAAO,cAAc,EAAE;AAEjF,UAAI,UAAU,MAAM,UAAU,GAAG;AAC/B,aAAK,MAAM,QAAQ,OAAO,OAAO,CAAC;AAElC,YAAI,QAAQ,GAAG;AACb,gBAAM,gBAAgB,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAClD,wBAAc,WAAW;AACzB,wBAAc,gBAAgB;AAAA,QAChC;AAAA,MACF;AAEA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/sections/Constructor.vue.js

@@ -11,7 +11,7 @@ const _hoisted_1 = ["data-index"];
 const _hoisted_2 = ["onMouseover"];
 const _hoisted_3 = {
   key: 0,
-  class: "pos-absolute z-index-4 i-semi",
+  class: "pos-absolute z-index-4 i-medium",
   style: { "right": "calc(100% + 0.5rem)", "top": "calc(50% - 1.125rem)" }
 };
 const _hoisted_4 = {
@@ -145,7 +145,7 @@ const _sfc_main = {
                     showControls.value === index ? (openBlock(), createElementBlock("div", _hoisted_3, [
                       createElementVNode("button", {
                         onClick: _cache[0] || (_cache[0] = ($event) => showMenu.value = !showMenu.value),
-                        class: "mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin"
+                        class: "mn-b-small cursor-pointer w-100 i-medium bg-white radius-thin"
                       }, toDisplayString(block.content ? "⋯" : "+"), 1),
                       showMenu.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
                         index !== 0 ? (openBlock(), createElementBlock("span", {

package/dist/martyrs/src/modules/constructor/components/sections/Constructor.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Constructor.vue.js","sources":["../../../../../../../src/modules/constructor/components/sections/Constructor.vue"],"sourcesContent":["<template>\n  <!-- Content -->\n  <section>\n    <Draggable \n      :list=\"post.content\" \n      @update:list=\"updateContent\" \n      @start=\"handleDragStart\" \n      @end=\"handleDragEnd\" \n      disabledClass=\"no-drag\"\n    >\n      <div\n        v-for=\"(block, index) in post.content\"\n        :key=\"block.id\" \n        :data-index=\"index\"\n        draggable=\"true\"\n        class=\"draggable-item pos-relative\"\n      >\n        <div \n          @mouseover=\"showControls = index, showMenu = false\"\n          class=\"pos-relative w-full h-full\"\n        >\n          <component\n            v-model=\"block.content\"\n            :is=\"ComponentMap[block.type]\"\n            :index=\"index\"\n            :component=\"block\"\n            :prop=\"block\"\n            :placeholder=\"block.placeholder\"\n            :class=\"block.class\"\n            :setFocus=\"block.setFocus\"\n            @deleteBlock=\"handleDeleteBlock\"\n            @addBlock=\"handleAddBlock\"\n            @updateBlock=\"handleUpdateBlock\"\n          />\n        </div>\n\n        <transition name=\"fade\">\n          <div \n            v-if=\"showControls === index\" \n            class=\"pos-absolute z-index-4 i-semi\" \n            style=\"right: calc(100% + 0.5rem); top: calc(50% - 1.125rem);\"\n          >\n            <button \n              @click=\"showMenu = !showMenu\" \n              class=\"mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin\"\n            >\n              {{ block.content ? '⋯' : '+' }}\n            </button>\n            \n            <div \n              v-if=\"showMenu\" \n              class=\"z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex\"\n            >\n              <span \n                v-if=\"index !== 0\"\n                @click=\"handleDeleteBlock(block)\" \n                class=\"mn-b-thin w-max t-red bg-white button-small button\"\n              >\n                Remove\n              </span>\n              <span \n                @click=\"handleAddBlock('ImageUpload', '', index)\" \n                class=\"mn-b-thin w-max t-black bg-white button-small button\"\n              >\n                Add Image\n              </span>\n              <span \n                @click=\"handleAddBlock('H2', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Title\n              </span>\n              <span \n                @click=\"handleAddBlock('Card', { photo: '', title: '', subtitle: '', }, index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Card\n              </span>\n              <span \n                @click=\"handleAddBlock('Embed', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Embed\n              </span>\n              <span \n                @click=\"handleAddBlock('Audio', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Audio\n              </span>\n              <span \n                @click=\"handleAddBlock('Video', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Video\n              </span>\n            </div>\n          </div>\n        </transition>\n      </div>\n    </Draggable>\n  </section>\n</template>\n\n\n<script setup>\nimport Textarea     from '../elements/Textarea.vue';\nimport ImageUpload  from '../elements/ImageUpload.vue';\nimport Embed        from '../elements/Embed.vue';\nimport Card        from '../elements/Card.vue';\nimport Audio        from '../elements/Audio.vue';\nimport Video        from '../elements/Video.vue';\n\nimport Draggable        from '@martyrs/src/components/Draggable/Draggable.vue';\n\nimport { ref, onMounted, watchEffect, computed } from 'vue';\nimport { v4 as uuidv4 } from 'uuid'\n\nconst props = defineProps({\n  content: {\n    type: Array\n  },\n  notitle: {\n    type: Boolean\n  }\n});\n\nconst emits = defineEmits(['update'])\n\nlet publics = ref(null);\nlet post = ref(null); \n\nconst showControls = ref(null)\nconst showMenu = ref(false)\n\nconst ComponentMap = {\n  'Textarea': Textarea,\n  'H2': Textarea,\n  'Card': Card,\n  'ImageUpload': ImageUpload,\n  'Embed': Embed,\n  'Audio': Audio,\n  'Video': Video,\n};\n\npost.value = { content: props.content }; \n\nonMounted(() => {\n  if (post.value && post.value.content.length === 0) {\n    handleAddBlock('Textarea', '', 0, null, 'h2', 'Enter title');\n  }\n})\n\nconst updateContent = (newContent) => {\n  post.value.content = newContent;\n};\n\nconst handleDragStart = (startIndex) => {\n  console.log('Drag started from index:', startIndex);\n};\n\nconst handleDragEnd = (startIndex, endIndex) => {\n  console.log('Drag ended. Start index:', startIndex, 'End index:', endIndex);\n};\n\nfunction handleAddBlock(type = 'Textarea', content = '', index, data, classBlock = '', placeholder = '', id = uuidv4()) {\n  let blockNew = {\n    id: id,\n    type: type,\n    style: '',\n    class: classBlock,\n    placeholder: placeholder,\n    content: content,\n    blocks: [],\n    setFocus: true,\n  };\n  \n  if (index !== undefined) {\n    post.value.content.splice(index + 1, 0, blockNew);\n  } else {\n    post.value.content.push(blockNew);\n  }\n  \n  showControls.value = null\n  emits('update', post.value.content);\n}\n\nfunction handleUpdateBlock(block, update) {\n  const index = post.value.content.findIndex(item => item === block);\n\n  if (index !== -1) {\n    post.value.content[index] = { ...post.value.content[index], ...update };\n  }\n  emits('update', post.value.content);\n}\n\nfunction handleDeleteBlock(blockToDelete, options = {}) {\n  const index = post.value.content.findIndex(block => block.id === blockToDelete.id)\n\n  if (index !== -1 && index !== 0) {\n    post.value.content.splice(index, 1)\n    \n    if (index > 0) {\n      const previousBlock = post.value.content[index - 1]\n      previousBlock.setFocus = true\n      previousBlock.setCaretToEnd = true\n    }\n  }\n  \n  emits('update', post.value.content)\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["Textarea","Card","ImageUpload","Embed","Audio","Video","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,UAAM,QAAQ;AASd,UAAM,QAAQ;AAEA,QAAI,IAAI;AACtB,QAAI,OAAO,IAAI,IAAI;AAEnB,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,eAAe;AAAA,MACnB,YAAYA;AAAAA,MACZ,MAAMA;AAAAA,MACN,QAAQC;AAAAA,MACR,eAAeC;AAAAA,MACf,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,SAASC;AAAAA,IACX;AAEA,SAAK,QAAQ,EAAE,SAAS,MAAM,QAAO;AAErC,cAAU,MAAM;AACd,UAAI,KAAK,SAAS,KAAK,MAAM,QAAQ,WAAW,GAAG;AACjD,uBAAe,YAAY,IAAI,GAAG,MAAM,MAAM,aAAa;AAAA,MAC7D;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,CAAC,eAAe;AACpC,WAAK,MAAM,UAAU;AAAA,IACvB;AAEA,UAAM,kBAAkB,CAAC,eAAe;AACtC,cAAQ,IAAI,4BAA4B,UAAU;AAAA,IACpD;AAEA,UAAM,gBAAgB,CAAC,YAAY,aAAa;AAC9C,cAAQ,IAAI,4BAA4B,YAAY,cAAc,QAAQ;AAAA,IAC5E;AAEA,aAAS,eAAe,OAAO,YAAY,UAAU,IAAI,OAAO,MAAM,aAAa,IAAI,cAAc,IAAI,KAAKC,GAAM,GAAI;AACtH,UAAI,WAAW;AAAA,QACb;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,QAAQ,CAAA;AAAA,QACR,UAAU;AAAA,MACd;AAEE,UAAI,UAAU,QAAW;AACvB,aAAK,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,QAAQ;AAAA,MAClD,OAAO;AACL,aAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,MAClC;AAEA,mBAAa,QAAQ;AACrB,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,OAAO,QAAQ;AACxC,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,UAAQ,SAAS,KAAK;AAEjE,UAAI,UAAU,IAAI;AAChB,aAAK,MAAM,QAAQ,KAAK,IAAI,EAAE,GAAG,KAAK,MAAM,QAAQ,KAAK,GAAG,GAAG,OAAM;AAAA,MACvE;AACA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,eAAe,UAAU,IAAI;AACtD,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,WAAS,MAAM,OAAO,cAAc,EAAE;AAEjF,UAAI,UAAU,MAAM,UAAU,GAAG;AAC/B,aAAK,MAAM,QAAQ,OAAO,OAAO,CAAC;AAElC,YAAI,QAAQ,GAAG;AACb,gBAAM,gBAAgB,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAClD,wBAAc,WAAW;AACzB,wBAAc,gBAAgB;AAAA,QAChC;AAAA,MACF;AAEA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Constructor.vue.js","sources":["../../../../../../../src/modules/constructor/components/sections/Constructor.vue"],"sourcesContent":["<template>\n  <!-- Content -->\n  <section>\n    <Draggable \n      :list=\"post.content\" \n      @update:list=\"updateContent\" \n      @start=\"handleDragStart\" \n      @end=\"handleDragEnd\" \n      disabledClass=\"no-drag\"\n    >\n      <div\n        v-for=\"(block, index) in post.content\"\n        :key=\"block.id\" \n        :data-index=\"index\"\n        draggable=\"true\"\n        class=\"draggable-item pos-relative\"\n      >\n        <div \n          @mouseover=\"showControls = index, showMenu = false\"\n          class=\"pos-relative w-full h-full\"\n        >\n          <component\n            v-model=\"block.content\"\n            :is=\"ComponentMap[block.type]\"\n            :index=\"index\"\n            :component=\"block\"\n            :prop=\"block\"\n            :placeholder=\"block.placeholder\"\n            :class=\"block.class\"\n            :setFocus=\"block.setFocus\"\n            @deleteBlock=\"handleDeleteBlock\"\n            @addBlock=\"handleAddBlock\"\n            @updateBlock=\"handleUpdateBlock\"\n          />\n        </div>\n\n        <transition name=\"fade\">\n          <div \n            v-if=\"showControls === index\" \n            class=\"pos-absolute z-index-4 i-medium\" \n            style=\"right: calc(100% + 0.5rem); top: calc(50% - 1.125rem);\"\n          >\n            <button \n              @click=\"showMenu = !showMenu\" \n              class=\"mn-b-small cursor-pointer w-100 i-medium bg-white radius-thin\"\n            >\n              {{ block.content ? '⋯' : '+' }}\n            </button>\n            \n            <div \n              v-if=\"showMenu\" \n              class=\"z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex\"\n            >\n              <span \n                v-if=\"index !== 0\"\n                @click=\"handleDeleteBlock(block)\" \n                class=\"mn-b-thin w-max t-red bg-white button-small button\"\n              >\n                Remove\n              </span>\n              <span \n                @click=\"handleAddBlock('ImageUpload', '', index)\" \n                class=\"mn-b-thin w-max t-black bg-white button-small button\"\n              >\n                Add Image\n              </span>\n              <span \n                @click=\"handleAddBlock('H2', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Title\n              </span>\n              <span \n                @click=\"handleAddBlock('Card', { photo: '', title: '', subtitle: '', }, index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Card\n              </span>\n              <span \n                @click=\"handleAddBlock('Embed', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Embed\n              </span>\n              <span \n                @click=\"handleAddBlock('Audio', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Audio\n              </span>\n              <span \n                @click=\"handleAddBlock('Video', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Video\n              </span>\n            </div>\n          </div>\n        </transition>\n      </div>\n    </Draggable>\n  </section>\n</template>\n\n\n<script setup>\nimport Textarea     from '../elements/Textarea.vue';\nimport ImageUpload  from '../elements/ImageUpload.vue';\nimport Embed        from '../elements/Embed.vue';\nimport Card        from '../elements/Card.vue';\nimport Audio        from '../elements/Audio.vue';\nimport Video        from '../elements/Video.vue';\n\nimport Draggable        from '@martyrs/src/components/Draggable/Draggable.vue';\n\nimport { ref, onMounted, watchEffect, computed } from 'vue';\nimport { v4 as uuidv4 } from 'uuid'\n\nconst props = defineProps({\n  content: {\n    type: Array\n  },\n  notitle: {\n    type: Boolean\n  }\n});\n\nconst emits = defineEmits(['update'])\n\nlet publics = ref(null);\nlet post = ref(null); \n\nconst showControls = ref(null)\nconst showMenu = ref(false)\n\nconst ComponentMap = {\n  'Textarea': Textarea,\n  'H2': Textarea,\n  'Card': Card,\n  'ImageUpload': ImageUpload,\n  'Embed': Embed,\n  'Audio': Audio,\n  'Video': Video,\n};\n\npost.value = { content: props.content }; \n\nonMounted(() => {\n  if (post.value && post.value.content.length === 0) {\n    handleAddBlock('Textarea', '', 0, null, 'h2', 'Enter title');\n  }\n})\n\nconst updateContent = (newContent) => {\n  post.value.content = newContent;\n};\n\nconst handleDragStart = (startIndex) => {\n  console.log('Drag started from index:', startIndex);\n};\n\nconst handleDragEnd = (startIndex, endIndex) => {\n  console.log('Drag ended. Start index:', startIndex, 'End index:', endIndex);\n};\n\nfunction handleAddBlock(type = 'Textarea', content = '', index, data, classBlock = '', placeholder = '', id = uuidv4()) {\n  let blockNew = {\n    id: id,\n    type: type,\n    style: '',\n    class: classBlock,\n    placeholder: placeholder,\n    content: content,\n    blocks: [],\n    setFocus: true,\n  };\n  \n  if (index !== undefined) {\n    post.value.content.splice(index + 1, 0, blockNew);\n  } else {\n    post.value.content.push(blockNew);\n  }\n  \n  showControls.value = null\n  emits('update', post.value.content);\n}\n\nfunction handleUpdateBlock(block, update) {\n  const index = post.value.content.findIndex(item => item === block);\n\n  if (index !== -1) {\n    post.value.content[index] = { ...post.value.content[index], ...update };\n  }\n  emits('update', post.value.content);\n}\n\nfunction handleDeleteBlock(blockToDelete, options = {}) {\n  const index = post.value.content.findIndex(block => block.id === blockToDelete.id)\n\n  if (index !== -1 && index !== 0) {\n    post.value.content.splice(index, 1)\n    \n    if (index > 0) {\n      const previousBlock = post.value.content[index - 1]\n      previousBlock.setFocus = true\n      previousBlock.setCaretToEnd = true\n    }\n  }\n  \n  emits('update', post.value.content)\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["Textarea","Card","ImageUpload","Embed","Audio","Video","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,UAAM,QAAQ;AASd,UAAM,QAAQ;AAEA,QAAI,IAAI;AACtB,QAAI,OAAO,IAAI,IAAI;AAEnB,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,eAAe;AAAA,MACnB,YAAYA;AAAAA,MACZ,MAAMA;AAAAA,MACN,QAAQC;AAAAA,MACR,eAAeC;AAAAA,MACf,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,SAASC;AAAAA,IACX;AAEA,SAAK,QAAQ,EAAE,SAAS,MAAM,QAAO;AAErC,cAAU,MAAM;AACd,UAAI,KAAK,SAAS,KAAK,MAAM,QAAQ,WAAW,GAAG;AACjD,uBAAe,YAAY,IAAI,GAAG,MAAM,MAAM,aAAa;AAAA,MAC7D;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,CAAC,eAAe;AACpC,WAAK,MAAM,UAAU;AAAA,IACvB;AAEA,UAAM,kBAAkB,CAAC,eAAe;AACtC,cAAQ,IAAI,4BAA4B,UAAU;AAAA,IACpD;AAEA,UAAM,gBAAgB,CAAC,YAAY,aAAa;AAC9C,cAAQ,IAAI,4BAA4B,YAAY,cAAc,QAAQ;AAAA,IAC5E;AAEA,aAAS,eAAe,OAAO,YAAY,UAAU,IAAI,OAAO,MAAM,aAAa,IAAI,cAAc,IAAI,KAAKC,GAAM,GAAI;AACtH,UAAI,WAAW;AAAA,QACb;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,QAAQ,CAAA;AAAA,QACR,UAAU;AAAA,MACd;AAEE,UAAI,UAAU,QAAW;AACvB,aAAK,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,QAAQ;AAAA,MAClD,OAAO;AACL,aAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,MAClC;AAEA,mBAAa,QAAQ;AACrB,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,OAAO,QAAQ;AACxC,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,UAAQ,SAAS,KAAK;AAEjE,UAAI,UAAU,IAAI;AAChB,aAAK,MAAM,QAAQ,KAAK,IAAI,EAAE,GAAG,KAAK,MAAM,QAAQ,KAAK,GAAG,GAAG,OAAM;AAAA,MACvE;AACA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,eAAe,UAAU,IAAI;AACtD,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,WAAS,MAAM,OAAO,cAAc,EAAE;AAEjF,UAAI,UAAU,MAAM,UAAU,GAAG;AAC/B,aAAK,MAAM,QAAQ,OAAO,OAAO,CAAC;AAElC,YAAI,QAAQ,GAAG;AACb,gBAAM,gBAAgB,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAClD,wBAAc,WAAW;AACzB,wBAAc,gBAAgB;AAAA,QAChC;AAAA,MACF;AAEA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/sections/Viewer.vue.cjs

@@ -30,7 +30,7 @@ const _sfc_main = {
         if (!prevTextarea) {
           return { innerHTML: block.content, class: props.notitle ? "h3" : "h2" };
         }
-        return { innerHTML: block.content, class: "p-semi" };
+        return { innerHTML: block.content, class: "p-medium" };
       } else if (block.type === "H2") {
         return { innerHTML: block.content, class: props.notitle ? "h3" : "h2" };
       } else if (block.type === "Caption") {

package/dist/martyrs/src/modules/constructor/components/sections/Viewer.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Viewer.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/sections/Viewer.vue"],"sourcesContent":["<template>\n  <section>\n    <component\n      v-model=\"block.content\"\n      v-for=\"(block, index) in content\"\n      :is=\"ComponentMap[block.type]\"\n      :key=\"index\"\n      :index=\"index\"\n      :component=\"block\"\n      :prop=\"block\"\n      :class=\"block.class\"\n      :isEditing=\"false\"\n      content=\"content\"\n      v-bind=\"getBlockProps(block, index)\"\n      class=\"mn-b-medium\"\n    />\n  </section>  \n</template>\n\n<script setup>\n  import Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n  import VideoPlayer  from '@martyrs/src/modules/constructor/components/elements/VideoPlayer.vue';\n  import Embed  from '@martyrs/src/modules/constructor/components/elements/Embed.vue';\n  import Card  from '@martyrs/src/modules/constructor/components/elements/Card.vue';\n\n  const props = defineProps([\n    'content',\n    'notitle'\n  ])\n\nconst ComponentMap = {\n  'Textarea': 'p',\n  'H2': props.notitle ? 'h3' : 'h2',\n  'H3': 'h3',\n  'Bullets': 'p',\n  'Caption': 'p',\n  'ImageUpload': Image,\n  'Video': VideoPlayer,\n  'Embed': Embed,\n  'Card': Card\n};\n\nfunction getBlockProps(block, index) {\n  if (block.type === 'Textarea') {\n    // Проверяем, был ли до этого другой Textarea\n    const prevTextarea = props.content.slice(0, index).find(b => b.type === 'Textarea');\n    if (!prevTextarea) {\n      return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n    }\n    return { innerHTML: block.content, class: \"p-semi\" };\n  } else if (block.type === 'H2') {\n    return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n  } else if (block.type === 'Caption') {\n    return { innerHTML: block.content };\n  } else if (block.type === 'ImageUpload') {\n    return { src: block.content };\n  }\n  return {};\n}\n</script>"],"names":["Image","VideoPlayer","Embed","Card"],"mappings":";;;;;;;;;;;;;;AAyBE,UAAM,QAAQ;AAKhB,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM,MAAM,UAAU,OAAO;AAAA,MAC7B,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeA,MAAAA;AAAAA,MACf,SAASC,YAAAA;AAAAA,MACT,SAASC,MAAAA;AAAAA,MACT,QAAQC,KAAAA;AAAAA,IACV;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,UAAI,MAAM,SAAS,YAAY;AAE7B,cAAM,eAAe,MAAM,QAAQ,MAAM,GAAG,KAAK,EAAE,KAAK,OAAK,EAAE,SAAS,UAAU;AAClF,YAAI,CAAC,cAAc;AACjB,iBAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,QACvE;AACA,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,SAAQ;AAAA,MACpD,WAAW,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,MACvE,WAAW,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,QAAO;AAAA,MACnC,WAAW,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,QAAO;AAAA,MAC7B;AACA,aAAO,CAAA;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Viewer.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/sections/Viewer.vue"],"sourcesContent":["<template>\n  <section>\n    <component\n      v-model=\"block.content\"\n      v-for=\"(block, index) in content\"\n      :is=\"ComponentMap[block.type]\"\n      :key=\"index\"\n      :index=\"index\"\n      :component=\"block\"\n      :prop=\"block\"\n      :class=\"block.class\"\n      :isEditing=\"false\"\n      content=\"content\"\n      v-bind=\"getBlockProps(block, index)\"\n      class=\"mn-b-medium\"\n    />\n  </section>  \n</template>\n\n<script setup>\n  import Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n  import VideoPlayer  from '@martyrs/src/modules/constructor/components/elements/VideoPlayer.vue';\n  import Embed  from '@martyrs/src/modules/constructor/components/elements/Embed.vue';\n  import Card  from '@martyrs/src/modules/constructor/components/elements/Card.vue';\n\n  const props = defineProps([\n    'content',\n    'notitle'\n  ])\n\nconst ComponentMap = {\n  'Textarea': 'p',\n  'H2': props.notitle ? 'h3' : 'h2',\n  'H3': 'h3',\n  'Bullets': 'p',\n  'Caption': 'p',\n  'ImageUpload': Image,\n  'Video': VideoPlayer,\n  'Embed': Embed,\n  'Card': Card\n};\n\nfunction getBlockProps(block, index) {\n  if (block.type === 'Textarea') {\n    // Проверяем, был ли до этого другой Textarea\n    const prevTextarea = props.content.slice(0, index).find(b => b.type === 'Textarea');\n    if (!prevTextarea) {\n      return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n    }\n    return { innerHTML: block.content, class: \"p-medium\" };\n  } else if (block.type === 'H2') {\n    return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n  } else if (block.type === 'Caption') {\n    return { innerHTML: block.content };\n  } else if (block.type === 'ImageUpload') {\n    return { src: block.content };\n  }\n  return {};\n}\n</script>"],"names":["Image","VideoPlayer","Embed","Card"],"mappings":";;;;;;;;;;;;;;AAyBE,UAAM,QAAQ;AAKhB,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM,MAAM,UAAU,OAAO;AAAA,MAC7B,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeA,MAAAA;AAAAA,MACf,SAASC,YAAAA;AAAAA,MACT,SAASC,MAAAA;AAAAA,MACT,QAAQC,KAAAA;AAAAA,IACV;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,UAAI,MAAM,SAAS,YAAY;AAE7B,cAAM,eAAe,MAAM,QAAQ,MAAM,GAAG,KAAK,EAAE,KAAK,OAAK,EAAE,SAAS,UAAU;AAClF,YAAI,CAAC,cAAc;AACjB,iBAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,QACvE;AACA,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,WAAU;AAAA,MACtD,WAAW,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,MACvE,WAAW,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,QAAO;AAAA,MACnC,WAAW,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,QAAO;AAAA,MAC7B;AACA,aAAO,CAAA;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/sections/Viewer.vue.js

@@ -28,7 +28,7 @@ const _sfc_main = {
         if (!prevTextarea) {
           return { innerHTML: block.content, class: props.notitle ? "h3" : "h2" };
         }
-        return { innerHTML: block.content, class: "p-semi" };
+        return { innerHTML: block.content, class: "p-medium" };
       } else if (block.type === "H2") {
         return { innerHTML: block.content, class: props.notitle ? "h3" : "h2" };
       } else if (block.type === "Caption") {

package/dist/martyrs/src/modules/constructor/components/sections/Viewer.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Viewer.vue.js","sources":["../../../../../../../src/modules/constructor/components/sections/Viewer.vue"],"sourcesContent":["<template>\n  <section>\n    <component\n      v-model=\"block.content\"\n      v-for=\"(block, index) in content\"\n      :is=\"ComponentMap[block.type]\"\n      :key=\"index\"\n      :index=\"index\"\n      :component=\"block\"\n      :prop=\"block\"\n      :class=\"block.class\"\n      :isEditing=\"false\"\n      content=\"content\"\n      v-bind=\"getBlockProps(block, index)\"\n      class=\"mn-b-medium\"\n    />\n  </section>  \n</template>\n\n<script setup>\n  import Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n  import VideoPlayer  from '@martyrs/src/modules/constructor/components/elements/VideoPlayer.vue';\n  import Embed  from '@martyrs/src/modules/constructor/components/elements/Embed.vue';\n  import Card  from '@martyrs/src/modules/constructor/components/elements/Card.vue';\n\n  const props = defineProps([\n    'content',\n    'notitle'\n  ])\n\nconst ComponentMap = {\n  'Textarea': 'p',\n  'H2': props.notitle ? 'h3' : 'h2',\n  'H3': 'h3',\n  'Bullets': 'p',\n  'Caption': 'p',\n  'ImageUpload': Image,\n  'Video': VideoPlayer,\n  'Embed': Embed,\n  'Card': Card\n};\n\nfunction getBlockProps(block, index) {\n  if (block.type === 'Textarea') {\n    // Проверяем, был ли до этого другой Textarea\n    const prevTextarea = props.content.slice(0, index).find(b => b.type === 'Textarea');\n    if (!prevTextarea) {\n      return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n    }\n    return { innerHTML: block.content, class: \"p-semi\" };\n  } else if (block.type === 'H2') {\n    return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n  } else if (block.type === 'Caption') {\n    return { innerHTML: block.content };\n  } else if (block.type === 'ImageUpload') {\n    return { src: block.content };\n  }\n  return {};\n}\n</script>"],"names":["Image","VideoPlayer","Embed","Card"],"mappings":";;;;;;;;;;;;AAyBE,UAAM,QAAQ;AAKhB,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM,MAAM,UAAU,OAAO;AAAA,MAC7B,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeA;AAAAA,MACf,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,QAAQC;AAAAA,IACV;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,UAAI,MAAM,SAAS,YAAY;AAE7B,cAAM,eAAe,MAAM,QAAQ,MAAM,GAAG,KAAK,EAAE,KAAK,OAAK,EAAE,SAAS,UAAU;AAClF,YAAI,CAAC,cAAc;AACjB,iBAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,QACvE;AACA,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,SAAQ;AAAA,MACpD,WAAW,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,MACvE,WAAW,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,QAAO;AAAA,MACnC,WAAW,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,QAAO;AAAA,MAC7B;AACA,aAAO,CAAA;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Viewer.vue.js","sources":["../../../../../../../src/modules/constructor/components/sections/Viewer.vue"],"sourcesContent":["<template>\n  <section>\n    <component\n      v-model=\"block.content\"\n      v-for=\"(block, index) in content\"\n      :is=\"ComponentMap[block.type]\"\n      :key=\"index\"\n      :index=\"index\"\n      :component=\"block\"\n      :prop=\"block\"\n      :class=\"block.class\"\n      :isEditing=\"false\"\n      content=\"content\"\n      v-bind=\"getBlockProps(block, index)\"\n      class=\"mn-b-medium\"\n    />\n  </section>  \n</template>\n\n<script setup>\n  import Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n  import VideoPlayer  from '@martyrs/src/modules/constructor/components/elements/VideoPlayer.vue';\n  import Embed  from '@martyrs/src/modules/constructor/components/elements/Embed.vue';\n  import Card  from '@martyrs/src/modules/constructor/components/elements/Card.vue';\n\n  const props = defineProps([\n    'content',\n    'notitle'\n  ])\n\nconst ComponentMap = {\n  'Textarea': 'p',\n  'H2': props.notitle ? 'h3' : 'h2',\n  'H3': 'h3',\n  'Bullets': 'p',\n  'Caption': 'p',\n  'ImageUpload': Image,\n  'Video': VideoPlayer,\n  'Embed': Embed,\n  'Card': Card\n};\n\nfunction getBlockProps(block, index) {\n  if (block.type === 'Textarea') {\n    // Проверяем, был ли до этого другой Textarea\n    const prevTextarea = props.content.slice(0, index).find(b => b.type === 'Textarea');\n    if (!prevTextarea) {\n      return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n    }\n    return { innerHTML: block.content, class: \"p-medium\" };\n  } else if (block.type === 'H2') {\n    return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n  } else if (block.type === 'Caption') {\n    return { innerHTML: block.content };\n  } else if (block.type === 'ImageUpload') {\n    return { src: block.content };\n  }\n  return {};\n}\n</script>"],"names":["Image","VideoPlayer","Embed","Card"],"mappings":";;;;;;;;;;;;AAyBE,UAAM,QAAQ;AAKhB,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM,MAAM,UAAU,OAAO;AAAA,MAC7B,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeA;AAAAA,MACf,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,QAAQC;AAAAA,IACV;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,UAAI,MAAM,SAAS,YAAY;AAE7B,cAAM,eAAe,MAAM,QAAQ,MAAM,GAAG,KAAK,EAAE,KAAK,OAAK,EAAE,SAAS,UAAU;AAClF,YAAI,CAAC,cAAc;AACjB,iBAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,QACvE;AACA,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,WAAU;AAAA,MACtD,WAAW,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,MACvE,WAAW,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,QAAO;AAAA,MACnC,WAAW,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,QAAO;AAAA,MAC7B;AACA,aAAO,CAAA;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.cjs

@@ -149,7 +149,7 @@ const _sfc_main = {
                 url: __props.event.url
               }
             }), ["stop"])),
-            class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
+            class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-medium t-transp"
           })) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass([{
@@ -172,8 +172,8 @@ const _sfc_main = {
           }, [
             __props.event.date?.start ? (vue.openBlock(), vue.createElementBlock("span", {
               key: _ctx.index,
-              class: vue.normalizeClass(["d-inline-flex p-semi t-medium mn-nano pd-thin radius-small bg-white", {
-                "p-medium": __props.type === "short"
+              class: vue.normalizeClass(["d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white", {
+                "p-regular": __props.type === "short"
               }])
             }, [
               vue.createTextVNode(vue.toDisplayString(formattedDate.value) + " ", 1),
@@ -184,7 +184,7 @@ const _sfc_main = {
             __props.type !== "short" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.event.tags, (chip, index) => {
               return vue.openBlock(), vue.createElementBlock("span", {
                 key: index,
-                class: "d-inline-flex mn-nano pd-thin radius-small p-semi t-medium bg-main"
+                class: "d-inline-flex mn-nano pd-thin radius-small p-medium t-medium bg-main"
               }, vue.toDisplayString(chip), 1);
             }), 128)) : vue.createCommentVNode("", true)
           ], 2)

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short',\n\t  \t'flex flex-column': type !== 'short',\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"type !== 'short'\" \n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img v-if=\"event.cover\"  loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{\n    \t\t'pd-t-zero h-100 flex flex-column pd-medium': type !== 'short',\n    \t\t'flex-nowrap flex flex-v-center': type === 'short'\n    \t}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{\n    \t\t\t'mn-b-small': type !== 'short',\n    \t\t\t'order-2 mn-l-thin': type === 'short'\n    \t\t}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t    >\n\t        \t{{ event.name }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"t-trim-1\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<span \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"h-100 mn-b-regular p-regular t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</span>\n\n      <slot></slot>\n      \n      <div \n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      \t:class=\"{\n\t    \t\t'order-1': type === 'short'\n    \t\t}\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex p-semi t-medium mn-nano pd-thin radius-small bg-white\"\n          :class=\"{\n\t\t    \t\t'p-medium': type === 'short'\n\t    \t\t}\"\n        >\n          {{ formattedDate }}\n          <template\n\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t    >\n\t\t        | {{ formattedTimeRange }}\n\t\t\t    </template>\n        </span>\n\n\n        <span\n        \tv-if=\"type !== 'short'\"\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-semi t-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKkBA,QAAAA,IAAI,oBAAI,KAAI,CAAE;AAEhBC,cAAAA,UAAS;AACxB,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0BA,QAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short',\n\t  \t'flex flex-column': type !== 'short',\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"type !== 'short'\" \n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img v-if=\"event.cover\"  loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{\n    \t\t'pd-t-zero h-100 flex flex-column pd-medium': type !== 'short',\n    \t\t'flex-nowrap flex flex-v-center': type === 'short'\n    \t}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{\n    \t\t\t'mn-b-small': type !== 'short',\n    \t\t\t'order-2 mn-l-thin': type === 'short'\n    \t\t}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t    >\n\t        \t{{ event.name }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"t-trim-1\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<span \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"h-100 mn-b-regular p-regular t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</span>\n\n      <slot></slot>\n      \n      <div \n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      \t:class=\"{\n\t    \t\t'order-1': type === 'short'\n    \t\t}\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white\"\n          :class=\"{\n\t\t    \t\t'p-regular': type === 'short'\n\t    \t\t}\"\n        >\n          {{ formattedDate }}\n          <template\n\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t    >\n\t\t        | {{ formattedTimeRange }}\n\t\t\t    </template>\n        </span>\n\n\n        <span\n        \tv-if=\"type !== 'short'\"\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-medium t-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKkBA,QAAAA,IAAI,oBAAI,KAAI,CAAE;AAEhBC,cAAAA,UAAS;AACxB,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0BA,QAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.js

@@ -147,7 +147,7 @@ const _sfc_main = {
                 url: __props.event.url
               }
             }), ["stop"])),
-            class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
+            class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-medium t-transp"
           })) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass([{
@@ -170,8 +170,8 @@ const _sfc_main = {
           }, [
             __props.event.date?.start ? (openBlock(), createElementBlock("span", {
               key: _ctx.index,
-              class: normalizeClass(["d-inline-flex p-semi t-medium mn-nano pd-thin radius-small bg-white", {
-                "p-medium": __props.type === "short"
+              class: normalizeClass(["d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white", {
+                "p-regular": __props.type === "short"
               }])
             }, [
               createTextVNode(toDisplayString(formattedDate.value) + " ", 1),
@@ -182,7 +182,7 @@ const _sfc_main = {
             __props.type !== "short" ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.event.tags, (chip, index) => {
               return openBlock(), createElementBlock("span", {
                 key: index,
-                class: "d-inline-flex mn-nano pd-thin radius-small p-semi t-medium bg-main"
+                class: "d-inline-flex mn-nano pd-thin radius-small p-medium t-medium bg-main"
               }, toDisplayString(chip), 1);
             }), 128)) : createCommentVNode("", true)
           ], 2)

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardEvent.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short',\n\t  \t'flex flex-column': type !== 'short',\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"type !== 'short'\" \n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img v-if=\"event.cover\"  loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{\n    \t\t'pd-t-zero h-100 flex flex-column pd-medium': type !== 'short',\n    \t\t'flex-nowrap flex flex-v-center': type === 'short'\n    \t}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{\n    \t\t\t'mn-b-small': type !== 'short',\n    \t\t\t'order-2 mn-l-thin': type === 'short'\n    \t\t}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t    >\n\t        \t{{ event.name }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"t-trim-1\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<span \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"h-100 mn-b-regular p-regular t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</span>\n\n      <slot></slot>\n      \n      <div \n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      \t:class=\"{\n\t    \t\t'order-1': type === 'short'\n    \t\t}\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex p-semi t-medium mn-nano pd-thin radius-small bg-white\"\n          :class=\"{\n\t\t    \t\t'p-medium': type === 'short'\n\t    \t\t}\"\n        >\n          {{ formattedDate }}\n          <template\n\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t    >\n\t\t        | {{ formattedTimeRange }}\n\t\t\t    </template>\n        </span>\n\n\n        <span\n        \tv-if=\"type !== 'short'\"\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-semi t-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKkB,QAAI,oBAAI,KAAI,CAAE;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqB,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0B,aAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardEvent.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short',\n\t  \t'flex flex-column': type !== 'short',\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"type !== 'short'\" \n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img v-if=\"event.cover\"  loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{\n    \t\t'pd-t-zero h-100 flex flex-column pd-medium': type !== 'short',\n    \t\t'flex-nowrap flex flex-v-center': type === 'short'\n    \t}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{\n    \t\t\t'mn-b-small': type !== 'short',\n    \t\t\t'order-2 mn-l-thin': type === 'short'\n    \t\t}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t    >\n\t        \t{{ event.name }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"t-trim-1\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<span \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"h-100 mn-b-regular p-regular t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</span>\n\n      <slot></slot>\n      \n      <div \n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      \t:class=\"{\n\t    \t\t'order-1': type === 'short'\n    \t\t}\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white\"\n          :class=\"{\n\t\t    \t\t'p-regular': type === 'short'\n\t    \t\t}\"\n        >\n          {{ formattedDate }}\n          <template\n\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t    >\n\t\t        | {{ formattedTimeRange }}\n\t\t\t    </template>\n        </span>\n\n\n        <span\n        \tv-if=\"type !== 'short'\"\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-medium t-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKkB,QAAI,oBAAI,KAAI,CAAE;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqB,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0B,aAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}