@ozdao/martyrs 0.2.489 → 0.2.492

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

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/VideoPlayer.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 o-hidden bg-black radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <video controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </video>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [/youtube\\.com/, /soundcloud\\.com/, /vimeo\\.com/];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  console.log(imageUrl.value )\n\n  imageUrl.value = url\n\n  if (imageUrl.value ) {\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBiBA,QAAAA,IAAI,IAAI;AACPA,QAAAA,IAAI,IAAI;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"VideoPlayer.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/VideoPlayer.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 o-hidden bg-black radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <video controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </video>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [/youtube\\.com/, /soundcloud\\.com/, /vimeo\\.com/];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  console.log(imageUrl.value )\n\n  imageUrl.value = url\n\n  if (imageUrl.value ) {\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBiBA,QAAAA,IAAI,IAAI;AACPA,QAAAA,IAAI,IAAI;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,6 @@
 import { ref, createElementBlock, openBlock, createCommentVNode, createElementVNode, createTextVNode } from "vue";
 import "axios";
+/* empty css                                       */
 const _hoisted_1 = { class: "mn-b-thin w-100 o-hidden bg-black radius-medium" };
 const _hoisted_2 = {
   key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/VideoPlayer.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 o-hidden bg-black radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <video controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </video>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [/youtube\\.com/, /soundcloud\\.com/, /vimeo\\.com/];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  console.log(imageUrl.value )\n\n  imageUrl.value = url\n\n  if (imageUrl.value ) {\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBiB,QAAI,IAAI;AACP,QAAI,IAAI;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"VideoPlayer.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/VideoPlayer.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 o-hidden bg-black radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <video controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </video>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [/youtube\\.com/, /soundcloud\\.com/, /vimeo\\.com/];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\n\nfunction onComponentSave(url) {\n  console.log(imageUrl.value )\n\n  imageUrl.value = url\n\n  if (imageUrl.value ) {\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBiB,QAAI,IAAI;AACP,QAAI,IAAI;;;;;;;;;;;;;;;;"}

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,IAAG,IAAC,IAAI;AAC7B,UAAM,WAAWA,IAAG,IAAC,KAAK;AAE1B,UAAM,eAAe;AAAA,MACnB,YAAYC,SAAQ;AAAA,MACpB,MAAMA,SAAQ;AAAA,MACd,QAAQC,KAAI;AAAA,MACZ,eAAeC,YAAW;AAAA,MAC1B,SAASC,MAAK;AAAA,MACd,SAASC,MAAK;AAAA,MACd,SAASC,MAAK;AAAA,IAChB;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,MAC/D;AAAA,IACA,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,QAAA,GAAI;AACtH,UAAI,WAAW;AAAA,QACb;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,QAAQ,CAAE;AAAA,QACV,UAAU;AAAA,MACX;AAED,UAAI,UAAU,QAAW;AACvB,aAAK,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,QAAQ;AAAA,MACpD,OAAS;AACL,aAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,MACpC;AAEE,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,OAAQ;AAAA,MAC3E;AACE,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,QACpC;AAAA,MACA;AAEE,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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,MAC/D;AAAA,IACA,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,CAAE;AAAA,QACV,UAAU;AAAA,MACX;AAED,UAAI,UAAU,QAAW;AACvB,aAAK,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,QAAQ;AAAA,MACpD,OAAS;AACL,aAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,MACpC;AAEE,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,OAAQ;AAAA,MAC3E;AACE,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,QACpC;AAAA,MACA;AAEE,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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,MAAK;AAAA,MACpB,SAASC,YAAW;AAAA,MACpB,SAASC,MAAK;AAAA,MACd,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,KAAM;AAAA,QAC7E;AACI,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,SAAU;AAAA,MACxD,WAAa,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAM;AAAA,MAC3E,WAAa,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,QAAS;AAAA,MACvC,WAAa,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,QAAS;AAAA,MACjC;AACE,aAAO,CAAE;AAAA,IACX;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;"}

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,KAAM;AAAA,QAC7E;AACI,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,SAAU;AAAA,MACxD,WAAa,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAM;AAAA,MAC3E,WAAa,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,QAAS;AAAA,MACvC,WAAa,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,QAAS;AAAA,MACjC;AACE,aAAO,CAAE;AAAA,IACX;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                       */
+;/* empty css                                        */
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconEvents = require("../../../icons/entities/IconEvents.vue.cjs");
 const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
@@ -94,7 +94,6 @@ const _sfc_main = {
       return eventName;
     });
     return (_ctx, _cache) => {
-      var _a;
       return vue.openBlock(), vue.createElementBlock("article", {
         class: vue.normalizeClass([{
           "flex-nowrap flex-v-center flex": __props.type === "short",
@@ -172,7 +171,7 @@ const _sfc_main = {
               "order-1": __props.type === "short"
             }])
           }, [
-            ((_a = __props.event.date) == null ? void 0 : _a.start) ? (vue.openBlock(), vue.createElementBlock("span", {
+            __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"

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,QAAG,IAAC,oBAAI,KAAM,CAAA;AAEhBC,cAAS,UAAA;AACxB,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC1E,CAAA;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACvE,CAAA;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAM;AACtB,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,MACb,WACa,eAAe,GAAG;AACzB,eAAO;AAAA,MACb,OACS;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,QAC5B,WACe,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QAC7B,WACe,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QAC/B,OACW;AACH,iBAAO,GAAG,aAAa;AAAA,QAC/B;AAAA,MACA;AAAA,IACA,CAAC;AAIA,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAW;AACpD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACvD,CAAE;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,MAAO,CAAA,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IAClC,CAAE;AAI0BA,QAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACzC;AACG,aAAO;AAAA,IACR,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { ref, computed, createElementBlock, openBlock, normalizeClass, createVNode, createCommentVNode, createElementVNode, createBlock, renderSlot, withModifiers, toDisplayString, createTextVNode, Fragment, renderList } from "vue";
-/* empty css                                     */
+/* empty css                                      */
 import _sfc_main$3 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../icons/entities/IconEvents.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
@@ -92,7 +92,6 @@ const _sfc_main = {
       return eventName;
     });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("article", {
         class: normalizeClass([{
           "flex-nowrap flex-v-center flex": __props.type === "short",
@@ -170,7 +169,7 @@ const _sfc_main = {
               "order-1": __props.type === "short"
             }])
           }, [
-            ((_a = __props.event.date) == null ? void 0 : _a.start) ? (openBlock(), createElementBlock("span", {
+            __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"

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,KAAM,CAAA;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC1E,CAAA;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACvE,CAAA;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAM;AACtB,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,MACb,WACa,eAAe,GAAG;AACzB,eAAO;AAAA,MACb,OACS;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,QAC5B,WACe,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QAC7B,WACe,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QAC/B,OACW;AACH,iBAAO,GAAG,aAAa;AAAA,QAC/B;AAAA,MACA;AAAA,IACA,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAW;AACpD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACvD,CAAE;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,MAAO,CAAA,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IAClC,CAAE;AAI0B,aAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACzC;AACG,aAAO;AAAA,IACR,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/elements/ButtonCheck.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index = require("../../../../../../node_modules/.pnpm/@capacitor-mlkit_barcode-scanning@7.2.1_@capacitor_core@7.2.0/node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const tickets = require("../../store/tickets.cjs");
 ;/* empty css                   */
 const _hoisted_1 = {
@@ -37,7 +37,6 @@ const _sfc_main = {
     vue.onUnmounted(async () => {
     });
     async function startScan() {
-      var _a, _b;
       try {
         const { camera } = await index.BarcodeScanner.checkPermissions();
         if (camera !== "granted") {
@@ -46,8 +45,8 @@ const _sfc_main = {
             throw new Error("Camera permission is required to scan barcodes");
           }
         }
-        (_a = document.querySelector("body")) == null ? void 0 : _a.classList.add("barcode-scanner-active");
-        (_b = document.querySelector("html")) == null ? void 0 : _b.classList.add("barcode-scanner-active-html");
+        document.querySelector("body")?.classList.add("barcode-scanner-active");
+        document.querySelector("html")?.classList.add("barcode-scanner-active-html");
         isScanning.value = true;
         await index.BarcodeScanner.addListener("barcodeScanned", async (result) => {
           if (!isProcessing.value) {
@@ -65,10 +64,9 @@ const _sfc_main = {
       }
     }
     async function stopScan() {
-      var _a, _b;
       try {
-        (_a = document.querySelector("body")) == null ? void 0 : _a.classList.remove("barcode-scanner-active");
-        (_b = document.querySelector("html")) == null ? void 0 : _b.classList.remove("barcode-scanner-active-html");
+        document.querySelector("body")?.classList.remove("barcode-scanner-active");
+        document.querySelector("html")?.classList.remove("barcode-scanner-active-html");
         isScanning.value = false;
         await index.BarcodeScanner.stopScan();
         await index.BarcodeScanner.removeAllListeners();

package/dist/martyrs/src/modules/events/components/elements/ButtonCheck.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonCheck.vue.cjs","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button @click=\"startScan\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n    \n    <teleport to=\"body\" v-if=\"isScanning\">\n      <div v-if=\"isScanning\" class=\"barcode-scanner-modal\">\n        <div class=\"square\"></div>\n        <div class=\"zoom-ratio-wrapper\" v-if=\"minZoomRatio !== undefined && maxZoomRatio !== undefined\">\n          <input type=\"range\" :min=\"minZoomRatio\" :max=\"maxZoomRatio\" @input=\"setZoomRatio\" />\n        </div>\n        <Button @click=\"stopScan\" class=\"bg-white t-black stop-scan-button\">Stop Scan</Button>\n        <Button v-if=\"isTorchAvailable\" @click=\"toggleTorch\" class=\"bg-white torch-button\">\n          Toggle Torch\n        </Button>\n      </div>\n    </teleport>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js'\n\nconst emits = defineEmits(['qrcodecheck'])\nconst error = ref('')\nconst isScanning = ref(false)\nconst isTorchAvailable = ref(false)\nconst minZoomRatio = ref(undefined)\nconst maxZoomRatio = ref(undefined)\nconst isProcessing = ref(false)\n\nonMounted(async () => {\n  const { supported } = await BarcodeScanner.isSupported()\n  if (!supported) {\n    error.value = 'Barcode scanning is not supported on this device'\n  }\n  const { available } = await BarcodeScanner.isTorchAvailable()\n  isTorchAvailable.value = available\n})\n\nonUnmounted(async () => {\n  // await stopScan()\n})\n\nconst SCAN_TIMEOUT = 1000 // 5 секунд (можно изменить по вашему усмотрению)\n\nasync function startScan() {\n  try {\n    const { camera } = await BarcodeScanner.checkPermissions()\n    if (camera !== 'granted') {\n      const { camera: newStatus } = await BarcodeScanner.requestPermissions()\n      if (newStatus !== 'granted') {\n        throw new Error('Camera permission is required to scan barcodes')\n      }\n    }\n    document.querySelector('body')?.classList.add('barcode-scanner-active')\n    document.querySelector('html')?.classList.add('barcode-scanner-active-html')\n    isScanning.value = true\n    await BarcodeScanner.addListener('barcodeScanned', async (result) => {\n      if (!isProcessing.value) {\n        await processBarcode(result.barcode)\n      }\n    })\n    await BarcodeScanner.startScan()\n    const { zoomRatio: min } = await BarcodeScanner.getMinZoomRatio()\n    const { zoomRatio: max } = await BarcodeScanner.getMaxZoomRatio()\n    minZoomRatio.value = min\n    maxZoomRatio.value = max\n  } catch (e) {\n    error.value = e.message\n    alert(`Error: ${error.value}`)\n  }\n}\n\nasync function stopScan() {\n  try {\n    document.querySelector('body')?.classList.remove('barcode-scanner-active')\n    document.querySelector('html')?.classList.remove('barcode-scanner-active-html')\n    isScanning.value = false\n    await BarcodeScanner.stopScan()\n    await BarcodeScanner.removeAllListeners()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error stopping scan: ${error.value}`)\n  }\n}\n\nasync function processBarcode(barcode) {\n  if (isProcessing.value) return;\n  isProcessing.value = true;\n  \n  try {\n    if (!barcode || !barcode.rawValue) {\n      throw new Error('Invalid barcode data');\n    }\n    console.log('barcode is', barcode);\n\n    const response = await tickets.actions.update({\n      _id: barcode.rawValue,\n      status: 'used',\n      check: true\n    });\n\n    alert(\"Ticket checked. And it's all right!\");\n    emits('qrcodecheck');\n  } catch (e) {\n    console.error(e);\n    alert(`Ticket is not found, already used or deactivated!`);\n  } finally {\n    // Устанавливаем таймаут перед следующим сканированием\n    setTimeout(() => {\n      isProcessing.value = false;\n    }, SCAN_TIMEOUT);\n  }\n}\n\nasync function setZoomRatio(event) {\n  const zoomRatio = parseFloat(event.target.value)\n  await BarcodeScanner.setZoomRatio({ zoomRatio })\n}\n\nasync function toggleTorch() {\n  await BarcodeScanner.toggleTorch()\n}\n</script>\n\n<style>\n.barcode-scanner-modal {\n  visibility: visible;\n  position: fixed;\n  top: 0;\n  left: 0%;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.square {\n  width: 200px;\n  height: 200px;\n  border: 2px solid white;\n  border-radius: 10px;\n}\n\n.zoom-ratio-wrapper {\n  width: 80%;\n  margin-top: 20px;\n}\n\n.stop-scan-button,\n.torch-button {\n  margin-top: 20px;\n}\n\n/* Existing styles */\nbody.barcode-scanner-active {\n  left: -100%;\n/*  visibility: hidden !important;*/\n  background: transparent !important;\n  --background: transparent;\n  --ion-background-color: transparent;\n}\n\nhtml.barcode-scanner-active-html {\n  background: transparent !important;\n}\n</style>\n"],"names":["ref","onMounted","BarcodeScanner","onUnmounted","tickets.actions"],"mappings":"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"}
+{"version":3,"file":"ButtonCheck.vue.cjs","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button @click=\"startScan\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n    \n    <teleport to=\"body\" v-if=\"isScanning\">\n      <div v-if=\"isScanning\" class=\"barcode-scanner-modal\">\n        <div class=\"square\"></div>\n        <div class=\"zoom-ratio-wrapper\" v-if=\"minZoomRatio !== undefined && maxZoomRatio !== undefined\">\n          <input type=\"range\" :min=\"minZoomRatio\" :max=\"maxZoomRatio\" @input=\"setZoomRatio\" />\n        </div>\n        <Button @click=\"stopScan\" class=\"bg-white t-black stop-scan-button\">Stop Scan</Button>\n        <Button v-if=\"isTorchAvailable\" @click=\"toggleTorch\" class=\"bg-white torch-button\">\n          Toggle Torch\n        </Button>\n      </div>\n    </teleport>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js'\n\nconst emits = defineEmits(['qrcodecheck'])\nconst error = ref('')\nconst isScanning = ref(false)\nconst isTorchAvailable = ref(false)\nconst minZoomRatio = ref(undefined)\nconst maxZoomRatio = ref(undefined)\nconst isProcessing = ref(false)\n\nonMounted(async () => {\n  const { supported } = await BarcodeScanner.isSupported()\n  if (!supported) {\n    error.value = 'Barcode scanning is not supported on this device'\n  }\n  const { available } = await BarcodeScanner.isTorchAvailable()\n  isTorchAvailable.value = available\n})\n\nonUnmounted(async () => {\n  // await stopScan()\n})\n\nconst SCAN_TIMEOUT = 1000 // 5 секунд (можно изменить по вашему усмотрению)\n\nasync function startScan() {\n  try {\n    const { camera } = await BarcodeScanner.checkPermissions()\n    if (camera !== 'granted') {\n      const { camera: newStatus } = await BarcodeScanner.requestPermissions()\n      if (newStatus !== 'granted') {\n        throw new Error('Camera permission is required to scan barcodes')\n      }\n    }\n    document.querySelector('body')?.classList.add('barcode-scanner-active')\n    document.querySelector('html')?.classList.add('barcode-scanner-active-html')\n    isScanning.value = true\n    await BarcodeScanner.addListener('barcodeScanned', async (result) => {\n      if (!isProcessing.value) {\n        await processBarcode(result.barcode)\n      }\n    })\n    await BarcodeScanner.startScan()\n    const { zoomRatio: min } = await BarcodeScanner.getMinZoomRatio()\n    const { zoomRatio: max } = await BarcodeScanner.getMaxZoomRatio()\n    minZoomRatio.value = min\n    maxZoomRatio.value = max\n  } catch (e) {\n    error.value = e.message\n    alert(`Error: ${error.value}`)\n  }\n}\n\nasync function stopScan() {\n  try {\n    document.querySelector('body')?.classList.remove('barcode-scanner-active')\n    document.querySelector('html')?.classList.remove('barcode-scanner-active-html')\n    isScanning.value = false\n    await BarcodeScanner.stopScan()\n    await BarcodeScanner.removeAllListeners()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error stopping scan: ${error.value}`)\n  }\n}\n\nasync function processBarcode(barcode) {\n  if (isProcessing.value) return;\n  isProcessing.value = true;\n  \n  try {\n    if (!barcode || !barcode.rawValue) {\n      throw new Error('Invalid barcode data');\n    }\n    console.log('barcode is', barcode);\n\n    const response = await tickets.actions.update({\n      _id: barcode.rawValue,\n      status: 'used',\n      check: true\n    });\n\n    alert(\"Ticket checked. And it's all right!\");\n    emits('qrcodecheck');\n  } catch (e) {\n    console.error(e);\n    alert(`Ticket is not found, already used or deactivated!`);\n  } finally {\n    // Устанавливаем таймаут перед следующим сканированием\n    setTimeout(() => {\n      isProcessing.value = false;\n    }, SCAN_TIMEOUT);\n  }\n}\n\nasync function setZoomRatio(event) {\n  const zoomRatio = parseFloat(event.target.value)\n  await BarcodeScanner.setZoomRatio({ zoomRatio })\n}\n\nasync function toggleTorch() {\n  await BarcodeScanner.toggleTorch()\n}\n</script>\n\n<style>\n.barcode-scanner-modal {\n  visibility: visible;\n  position: fixed;\n  top: 0;\n  left: 0%;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.square {\n  width: 200px;\n  height: 200px;\n  border: 2px solid white;\n  border-radius: 10px;\n}\n\n.zoom-ratio-wrapper {\n  width: 80%;\n  margin-top: 20px;\n}\n\n.stop-scan-button,\n.torch-button {\n  margin-top: 20px;\n}\n\n/* Existing styles */\nbody.barcode-scanner-active {\n  left: -100%;\n/*  visibility: hidden !important;*/\n  background: transparent !important;\n  --background: transparent;\n  --ion-background-color: transparent;\n}\n\nhtml.barcode-scanner-active-html {\n  background: transparent !important;\n}\n</style>\n"],"names":["ref","onMounted","BarcodeScanner","onUnmounted","tickets.actions"],"mappings":"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"}

package/dist/martyrs/src/modules/events/components/elements/ButtonCheck.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createTextVNode, Teleport, createElementVNode } from "vue";
 import { BarcodeScanner } from "../../../../../../node_modules/.pnpm/@capacitor-mlkit_barcode-scanning@7.2.1_@capacitor_core@7.2.0/node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { actions } from "../../store/tickets.js";
 /* empty css                 */
 const _hoisted_1 = {
@@ -35,7 +35,6 @@ const _sfc_main = {
     onUnmounted(async () => {
     });
     async function startScan() {
-      var _a, _b;
       try {
         const { camera } = await BarcodeScanner.checkPermissions();
         if (camera !== "granted") {
@@ -44,8 +43,8 @@ const _sfc_main = {
             throw new Error("Camera permission is required to scan barcodes");
           }
         }
-        (_a = document.querySelector("body")) == null ? void 0 : _a.classList.add("barcode-scanner-active");
-        (_b = document.querySelector("html")) == null ? void 0 : _b.classList.add("barcode-scanner-active-html");
+        document.querySelector("body")?.classList.add("barcode-scanner-active");
+        document.querySelector("html")?.classList.add("barcode-scanner-active-html");
         isScanning.value = true;
         await BarcodeScanner.addListener("barcodeScanned", async (result) => {
           if (!isProcessing.value) {
@@ -63,10 +62,9 @@ const _sfc_main = {
       }
     }
     async function stopScan() {
-      var _a, _b;
       try {
-        (_a = document.querySelector("body")) == null ? void 0 : _a.classList.remove("barcode-scanner-active");
-        (_b = document.querySelector("html")) == null ? void 0 : _b.classList.remove("barcode-scanner-active-html");
+        document.querySelector("body")?.classList.remove("barcode-scanner-active");
+        document.querySelector("html")?.classList.remove("barcode-scanner-active-html");
         isScanning.value = false;
         await BarcodeScanner.stopScan();
         await BarcodeScanner.removeAllListeners();

package/dist/martyrs/src/modules/events/components/elements/ButtonCheck.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonCheck.vue.js","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button @click=\"startScan\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n    \n    <teleport to=\"body\" v-if=\"isScanning\">\n      <div v-if=\"isScanning\" class=\"barcode-scanner-modal\">\n        <div class=\"square\"></div>\n        <div class=\"zoom-ratio-wrapper\" v-if=\"minZoomRatio !== undefined && maxZoomRatio !== undefined\">\n          <input type=\"range\" :min=\"minZoomRatio\" :max=\"maxZoomRatio\" @input=\"setZoomRatio\" />\n        </div>\n        <Button @click=\"stopScan\" class=\"bg-white t-black stop-scan-button\">Stop Scan</Button>\n        <Button v-if=\"isTorchAvailable\" @click=\"toggleTorch\" class=\"bg-white torch-button\">\n          Toggle Torch\n        </Button>\n      </div>\n    </teleport>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js'\n\nconst emits = defineEmits(['qrcodecheck'])\nconst error = ref('')\nconst isScanning = ref(false)\nconst isTorchAvailable = ref(false)\nconst minZoomRatio = ref(undefined)\nconst maxZoomRatio = ref(undefined)\nconst isProcessing = ref(false)\n\nonMounted(async () => {\n  const { supported } = await BarcodeScanner.isSupported()\n  if (!supported) {\n    error.value = 'Barcode scanning is not supported on this device'\n  }\n  const { available } = await BarcodeScanner.isTorchAvailable()\n  isTorchAvailable.value = available\n})\n\nonUnmounted(async () => {\n  // await stopScan()\n})\n\nconst SCAN_TIMEOUT = 1000 // 5 секунд (можно изменить по вашему усмотрению)\n\nasync function startScan() {\n  try {\n    const { camera } = await BarcodeScanner.checkPermissions()\n    if (camera !== 'granted') {\n      const { camera: newStatus } = await BarcodeScanner.requestPermissions()\n      if (newStatus !== 'granted') {\n        throw new Error('Camera permission is required to scan barcodes')\n      }\n    }\n    document.querySelector('body')?.classList.add('barcode-scanner-active')\n    document.querySelector('html')?.classList.add('barcode-scanner-active-html')\n    isScanning.value = true\n    await BarcodeScanner.addListener('barcodeScanned', async (result) => {\n      if (!isProcessing.value) {\n        await processBarcode(result.barcode)\n      }\n    })\n    await BarcodeScanner.startScan()\n    const { zoomRatio: min } = await BarcodeScanner.getMinZoomRatio()\n    const { zoomRatio: max } = await BarcodeScanner.getMaxZoomRatio()\n    minZoomRatio.value = min\n    maxZoomRatio.value = max\n  } catch (e) {\n    error.value = e.message\n    alert(`Error: ${error.value}`)\n  }\n}\n\nasync function stopScan() {\n  try {\n    document.querySelector('body')?.classList.remove('barcode-scanner-active')\n    document.querySelector('html')?.classList.remove('barcode-scanner-active-html')\n    isScanning.value = false\n    await BarcodeScanner.stopScan()\n    await BarcodeScanner.removeAllListeners()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error stopping scan: ${error.value}`)\n  }\n}\n\nasync function processBarcode(barcode) {\n  if (isProcessing.value) return;\n  isProcessing.value = true;\n  \n  try {\n    if (!barcode || !barcode.rawValue) {\n      throw new Error('Invalid barcode data');\n    }\n    console.log('barcode is', barcode);\n\n    const response = await tickets.actions.update({\n      _id: barcode.rawValue,\n      status: 'used',\n      check: true\n    });\n\n    alert(\"Ticket checked. And it's all right!\");\n    emits('qrcodecheck');\n  } catch (e) {\n    console.error(e);\n    alert(`Ticket is not found, already used or deactivated!`);\n  } finally {\n    // Устанавливаем таймаут перед следующим сканированием\n    setTimeout(() => {\n      isProcessing.value = false;\n    }, SCAN_TIMEOUT);\n  }\n}\n\nasync function setZoomRatio(event) {\n  const zoomRatio = parseFloat(event.target.value)\n  await BarcodeScanner.setZoomRatio({ zoomRatio })\n}\n\nasync function toggleTorch() {\n  await BarcodeScanner.toggleTorch()\n}\n</script>\n\n<style>\n.barcode-scanner-modal {\n  visibility: visible;\n  position: fixed;\n  top: 0;\n  left: 0%;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.square {\n  width: 200px;\n  height: 200px;\n  border: 2px solid white;\n  border-radius: 10px;\n}\n\n.zoom-ratio-wrapper {\n  width: 80%;\n  margin-top: 20px;\n}\n\n.stop-scan-button,\n.torch-button {\n  margin-top: 20px;\n}\n\n/* Existing styles */\nbody.barcode-scanner-active {\n  left: -100%;\n/*  visibility: hidden !important;*/\n  background: transparent !important;\n  --background: transparent;\n  --ion-background-color: transparent;\n}\n\nhtml.barcode-scanner-active-html {\n  background: transparent !important;\n}\n</style>\n"],"names":["tickets.actions"],"mappings":"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"}
+{"version":3,"file":"ButtonCheck.vue.js","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button @click=\"startScan\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n    \n    <teleport to=\"body\" v-if=\"isScanning\">\n      <div v-if=\"isScanning\" class=\"barcode-scanner-modal\">\n        <div class=\"square\"></div>\n        <div class=\"zoom-ratio-wrapper\" v-if=\"minZoomRatio !== undefined && maxZoomRatio !== undefined\">\n          <input type=\"range\" :min=\"minZoomRatio\" :max=\"maxZoomRatio\" @input=\"setZoomRatio\" />\n        </div>\n        <Button @click=\"stopScan\" class=\"bg-white t-black stop-scan-button\">Stop Scan</Button>\n        <Button v-if=\"isTorchAvailable\" @click=\"toggleTorch\" class=\"bg-white torch-button\">\n          Toggle Torch\n        </Button>\n      </div>\n    </teleport>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js'\n\nconst emits = defineEmits(['qrcodecheck'])\nconst error = ref('')\nconst isScanning = ref(false)\nconst isTorchAvailable = ref(false)\nconst minZoomRatio = ref(undefined)\nconst maxZoomRatio = ref(undefined)\nconst isProcessing = ref(false)\n\nonMounted(async () => {\n  const { supported } = await BarcodeScanner.isSupported()\n  if (!supported) {\n    error.value = 'Barcode scanning is not supported on this device'\n  }\n  const { available } = await BarcodeScanner.isTorchAvailable()\n  isTorchAvailable.value = available\n})\n\nonUnmounted(async () => {\n  // await stopScan()\n})\n\nconst SCAN_TIMEOUT = 1000 // 5 секунд (можно изменить по вашему усмотрению)\n\nasync function startScan() {\n  try {\n    const { camera } = await BarcodeScanner.checkPermissions()\n    if (camera !== 'granted') {\n      const { camera: newStatus } = await BarcodeScanner.requestPermissions()\n      if (newStatus !== 'granted') {\n        throw new Error('Camera permission is required to scan barcodes')\n      }\n    }\n    document.querySelector('body')?.classList.add('barcode-scanner-active')\n    document.querySelector('html')?.classList.add('barcode-scanner-active-html')\n    isScanning.value = true\n    await BarcodeScanner.addListener('barcodeScanned', async (result) => {\n      if (!isProcessing.value) {\n        await processBarcode(result.barcode)\n      }\n    })\n    await BarcodeScanner.startScan()\n    const { zoomRatio: min } = await BarcodeScanner.getMinZoomRatio()\n    const { zoomRatio: max } = await BarcodeScanner.getMaxZoomRatio()\n    minZoomRatio.value = min\n    maxZoomRatio.value = max\n  } catch (e) {\n    error.value = e.message\n    alert(`Error: ${error.value}`)\n  }\n}\n\nasync function stopScan() {\n  try {\n    document.querySelector('body')?.classList.remove('barcode-scanner-active')\n    document.querySelector('html')?.classList.remove('barcode-scanner-active-html')\n    isScanning.value = false\n    await BarcodeScanner.stopScan()\n    await BarcodeScanner.removeAllListeners()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error stopping scan: ${error.value}`)\n  }\n}\n\nasync function processBarcode(barcode) {\n  if (isProcessing.value) return;\n  isProcessing.value = true;\n  \n  try {\n    if (!barcode || !barcode.rawValue) {\n      throw new Error('Invalid barcode data');\n    }\n    console.log('barcode is', barcode);\n\n    const response = await tickets.actions.update({\n      _id: barcode.rawValue,\n      status: 'used',\n      check: true\n    });\n\n    alert(\"Ticket checked. And it's all right!\");\n    emits('qrcodecheck');\n  } catch (e) {\n    console.error(e);\n    alert(`Ticket is not found, already used or deactivated!`);\n  } finally {\n    // Устанавливаем таймаут перед следующим сканированием\n    setTimeout(() => {\n      isProcessing.value = false;\n    }, SCAN_TIMEOUT);\n  }\n}\n\nasync function setZoomRatio(event) {\n  const zoomRatio = parseFloat(event.target.value)\n  await BarcodeScanner.setZoomRatio({ zoomRatio })\n}\n\nasync function toggleTorch() {\n  await BarcodeScanner.toggleTorch()\n}\n</script>\n\n<style>\n.barcode-scanner-modal {\n  visibility: visible;\n  position: fixed;\n  top: 0;\n  left: 0%;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.square {\n  width: 200px;\n  height: 200px;\n  border: 2px solid white;\n  border-radius: 10px;\n}\n\n.zoom-ratio-wrapper {\n  width: 80%;\n  margin-top: 20px;\n}\n\n.stop-scan-button,\n.torch-button {\n  margin-top: 20px;\n}\n\n/* Existing styles */\nbody.barcode-scanner-active {\n  left: -100%;\n/*  visibility: hidden !important;*/\n  background: transparent !important;\n  --background: transparent;\n  --ion-background-color: transparent;\n}\n\nhtml.barcode-scanner-active-html {\n  background: transparent !important;\n}\n</style>\n"],"names":["tickets.actions"],"mappings":"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"}

package/dist/martyrs/src/modules/events/components/elements/ButtonJoin.vue.cjs

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 require("../../../auth/views/store/auth.cjs");
 const tickets = require("../../store/tickets.cjs");
+;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {
   __name: "ButtonJoin",

package/dist/martyrs/src/modules/events/components/elements/ButtonJoin.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonJoin.vue.cjs","sources":["../../../../../../../src/modules/events/components/elements/ButtonJoin.vue"],"sourcesContent":["<template>\n  <Button\n    :submit=\"toggleJoin\"\n    class=\"bg-main button-small radius-extra button\"\n  >\n    {{ hasTicket ? 'Leave' : 'Join' }}\n  </Button>\n</template>\n\n<script setup>\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  \n  import { ref } from 'vue'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as tickets from '@martyrs/src/modules/events/store/tickets.js' // replace memberships with tickets\n\n  const emits = defineEmits(['updateTicket'])  // Rename the event to updateTicket\n\n  const props = defineProps({\n    type: {\n      type: String,\n      required: true\n    },\n    userId: {\n      type: String,\n      required: true\n    },\n    hasTicket: {  // Change isMember to hasTicket to represent ticket state\n      type: Boolean,\n      required: true\n    },\n    targetId: {\n      type: String,\n      required: true\n    }\n  });\n\n  const toggleJoin = async () => {  // Rename toggleFollow to toggleJoin\n    if (props.hasTicket) {\n      await leaveEventOrParking(props.targetId);\n    } else {\n      await joinEventOrParking(props.targetId);\n    }\n  }\n\n  async function joinEventOrParking(targetId) {  // Renamed followPublic to joinEventOrParking\n      try {\n        const ticketData = {  // Renamed membershipData to ticketData\n          type: props.type,\n          target: targetId,\n          user: props.userId\n        };\n\n        const response = await tickets.actions.create(ticketData); // Replace memberships.actions.create with tickets.actions.create\n        emits('updateTicket', { ticket: response, hasTicket: true, targetId: props.targetId });  // updateMembership to updateTicket\n      } catch (error) {\n        console.log(error)\n        throw error;\n      }\n  }\n\n  async function leaveEventOrParking(targetId) {  // Renamed unfollowPublic to leaveEventOrParking\n      const ticketData = {  // Renamed membershipData to ticketData\n        type: props.type,\n        target: targetId,\n        user: props.userId\n      };\n\n      try {\n        const response = await tickets.actions.delete(ticketData);  // Replace memberships.actions.delete with tickets.actions.delete\n        emits('updateTicket', { ticket: response, hasTicket: false, targetId: props.targetId });  // updateMembership to updateTicket\n      } catch (error) {\n        console.log(error)\n        throw error;\n      }\n  }\n\n</script>\n\n<style scoped>\n  /* Existing styles can stay unchanged */\n</style>\n"],"names":["tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBE,UAAM,QAAQ;AAEd,UAAM,QAAQ;AAmBd,UAAM,aAAa,YAAY;AAC7B,UAAI,MAAM,WAAW;AACnB,cAAM,oBAAoB,MAAM,QAAQ;AAAA,MAC9C,OAAW;AACL,cAAM,mBAAmB,MAAM,QAAQ;AAAA,MAC7C;AAAA,IACA;AAEE,mBAAe,mBAAmB,UAAU;AACxC,UAAI;AACF,cAAM,aAAa;AAAA;AAAA,UACjB,MAAM,MAAM;AAAA,UACZ,QAAQ;AAAA,UACR,MAAM,MAAM;AAAA,QACb;AAED,cAAM,WAAW,MAAMA,QAAAA,QAAgB,OAAO,UAAU;AACxD,cAAM,gBAAgB,EAAE,QAAQ,UAAU,WAAW,MAAM,UAAU,MAAM,SAAQ,CAAE;AAAA,MACtF,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM;AAAA,MACd;AAAA,IACA;AAEE,mBAAe,oBAAoB,UAAU;AACzC,YAAM,aAAa;AAAA;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,QAAQ;AAAA,QACR,MAAM,MAAM;AAAA,MACb;AAED,UAAI;AACF,cAAM,WAAW,MAAMA,QAAAA,QAAgB,OAAO,UAAU;AACxD,cAAM,gBAAgB,EAAE,QAAQ,UAAU,WAAW,OAAO,UAAU,MAAM,SAAQ,CAAE;AAAA,MACvF,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM;AAAA,MACd;AAAA,IACA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonJoin.vue.cjs","sources":["../../../../../../../src/modules/events/components/elements/ButtonJoin.vue"],"sourcesContent":["<template>\n  <Button\n    :submit=\"toggleJoin\"\n    class=\"bg-main button-small radius-extra button\"\n  >\n    {{ hasTicket ? 'Leave' : 'Join' }}\n  </Button>\n</template>\n\n<script setup>\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  \n  import { ref } from 'vue'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as tickets from '@martyrs/src/modules/events/store/tickets.js' // replace memberships with tickets\n\n  const emits = defineEmits(['updateTicket'])  // Rename the event to updateTicket\n\n  const props = defineProps({\n    type: {\n      type: String,\n      required: true\n    },\n    userId: {\n      type: String,\n      required: true\n    },\n    hasTicket: {  // Change isMember to hasTicket to represent ticket state\n      type: Boolean,\n      required: true\n    },\n    targetId: {\n      type: String,\n      required: true\n    }\n  });\n\n  const toggleJoin = async () => {  // Rename toggleFollow to toggleJoin\n    if (props.hasTicket) {\n      await leaveEventOrParking(props.targetId);\n    } else {\n      await joinEventOrParking(props.targetId);\n    }\n  }\n\n  async function joinEventOrParking(targetId) {  // Renamed followPublic to joinEventOrParking\n      try {\n        const ticketData = {  // Renamed membershipData to ticketData\n          type: props.type,\n          target: targetId,\n          user: props.userId\n        };\n\n        const response = await tickets.actions.create(ticketData); // Replace memberships.actions.create with tickets.actions.create\n        emits('updateTicket', { ticket: response, hasTicket: true, targetId: props.targetId });  // updateMembership to updateTicket\n      } catch (error) {\n        console.log(error)\n        throw error;\n      }\n  }\n\n  async function leaveEventOrParking(targetId) {  // Renamed unfollowPublic to leaveEventOrParking\n      const ticketData = {  // Renamed membershipData to ticketData\n        type: props.type,\n        target: targetId,\n        user: props.userId\n      };\n\n      try {\n        const response = await tickets.actions.delete(ticketData);  // Replace memberships.actions.delete with tickets.actions.delete\n        emits('updateTicket', { ticket: response, hasTicket: false, targetId: props.targetId });  // updateMembership to updateTicket\n      } catch (error) {\n        console.log(error)\n        throw error;\n      }\n  }\n\n</script>\n\n<style scoped>\n  /* Existing styles can stay unchanged */\n</style>\n"],"names":["tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBE,UAAM,QAAQ;AAEd,UAAM,QAAQ;AAmBd,UAAM,aAAa,YAAY;AAC7B,UAAI,MAAM,WAAW;AACnB,cAAM,oBAAoB,MAAM,QAAQ;AAAA,MAC1C,OAAO;AACL,cAAM,mBAAmB,MAAM,QAAQ;AAAA,MACzC;AAAA,IACF;AAEA,mBAAe,mBAAmB,UAAU;AACxC,UAAI;AACF,cAAM,aAAa;AAAA;AAAA,UACjB,MAAM,MAAM;AAAA,UACZ,QAAQ;AAAA,UACR,MAAM,MAAM;AAAA,QACtB;AAEQ,cAAM,WAAW,MAAMA,QAAAA,QAAgB,OAAO,UAAU;AACxD,cAAM,gBAAgB,EAAE,QAAQ,UAAU,WAAW,MAAM,UAAU,MAAM,SAAQ,CAAE;AAAA,MACvF,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM;AAAA,MACR;AAAA,IACJ;AAEA,mBAAe,oBAAoB,UAAU;AACzC,YAAM,aAAa;AAAA;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,QAAQ;AAAA,QACR,MAAM,MAAM;AAAA,MACpB;AAEM,UAAI;AACF,cAAM,WAAW,MAAMA,QAAAA,QAAgB,OAAO,UAAU;AACxD,cAAM,gBAAgB,EAAE,QAAQ,UAAU,WAAW,OAAO,UAAU,MAAM,SAAQ,CAAE;AAAA,MACxF,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM;AAAA,MACR;AAAA,IACJ;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/elements/ButtonJoin.vue.js

@@ -1,7 +1,8 @@
 import { createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import "../../../auth/views/store/auth.js";
 import { actions } from "../../store/tickets.js";
+/* empty css                */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   __name: "ButtonJoin",

package/dist/martyrs/src/modules/events/components/elements/ButtonJoin.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonJoin.vue.js","sources":["../../../../../../../src/modules/events/components/elements/ButtonJoin.vue"],"sourcesContent":["<template>\n  <Button\n    :submit=\"toggleJoin\"\n    class=\"bg-main button-small radius-extra button\"\n  >\n    {{ hasTicket ? 'Leave' : 'Join' }}\n  </Button>\n</template>\n\n<script setup>\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  \n  import { ref } from 'vue'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as tickets from '@martyrs/src/modules/events/store/tickets.js' // replace memberships with tickets\n\n  const emits = defineEmits(['updateTicket'])  // Rename the event to updateTicket\n\n  const props = defineProps({\n    type: {\n      type: String,\n      required: true\n    },\n    userId: {\n      type: String,\n      required: true\n    },\n    hasTicket: {  // Change isMember to hasTicket to represent ticket state\n      type: Boolean,\n      required: true\n    },\n    targetId: {\n      type: String,\n      required: true\n    }\n  });\n\n  const toggleJoin = async () => {  // Rename toggleFollow to toggleJoin\n    if (props.hasTicket) {\n      await leaveEventOrParking(props.targetId);\n    } else {\n      await joinEventOrParking(props.targetId);\n    }\n  }\n\n  async function joinEventOrParking(targetId) {  // Renamed followPublic to joinEventOrParking\n      try {\n        const ticketData = {  // Renamed membershipData to ticketData\n          type: props.type,\n          target: targetId,\n          user: props.userId\n        };\n\n        const response = await tickets.actions.create(ticketData); // Replace memberships.actions.create with tickets.actions.create\n        emits('updateTicket', { ticket: response, hasTicket: true, targetId: props.targetId });  // updateMembership to updateTicket\n      } catch (error) {\n        console.log(error)\n        throw error;\n      }\n  }\n\n  async function leaveEventOrParking(targetId) {  // Renamed unfollowPublic to leaveEventOrParking\n      const ticketData = {  // Renamed membershipData to ticketData\n        type: props.type,\n        target: targetId,\n        user: props.userId\n      };\n\n      try {\n        const response = await tickets.actions.delete(ticketData);  // Replace memberships.actions.delete with tickets.actions.delete\n        emits('updateTicket', { ticket: response, hasTicket: false, targetId: props.targetId });  // updateMembership to updateTicket\n      } catch (error) {\n        console.log(error)\n        throw error;\n      }\n  }\n\n</script>\n\n<style scoped>\n  /* Existing styles can stay unchanged */\n</style>\n"],"names":["tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBE,UAAM,QAAQ;AAEd,UAAM,QAAQ;AAmBd,UAAM,aAAa,YAAY;AAC7B,UAAI,MAAM,WAAW;AACnB,cAAM,oBAAoB,MAAM,QAAQ;AAAA,MAC9C,OAAW;AACL,cAAM,mBAAmB,MAAM,QAAQ;AAAA,MAC7C;AAAA,IACA;AAEE,mBAAe,mBAAmB,UAAU;AACxC,UAAI;AACF,cAAM,aAAa;AAAA;AAAA,UACjB,MAAM,MAAM;AAAA,UACZ,QAAQ;AAAA,UACR,MAAM,MAAM;AAAA,QACb;AAED,cAAM,WAAW,MAAMA,QAAgB,OAAO,UAAU;AACxD,cAAM,gBAAgB,EAAE,QAAQ,UAAU,WAAW,MAAM,UAAU,MAAM,SAAQ,CAAE;AAAA,MACtF,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM;AAAA,MACd;AAAA,IACA;AAEE,mBAAe,oBAAoB,UAAU;AACzC,YAAM,aAAa;AAAA;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,QAAQ;AAAA,QACR,MAAM,MAAM;AAAA,MACb;AAED,UAAI;AACF,cAAM,WAAW,MAAMA,QAAgB,OAAO,UAAU;AACxD,cAAM,gBAAgB,EAAE,QAAQ,UAAU,WAAW,OAAO,UAAU,MAAM,SAAQ,CAAE;AAAA,MACvF,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM;AAAA,MACd;AAAA,IACA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonJoin.vue.js","sources":["../../../../../../../src/modules/events/components/elements/ButtonJoin.vue"],"sourcesContent":["<template>\n  <Button\n    :submit=\"toggleJoin\"\n    class=\"bg-main button-small radius-extra button\"\n  >\n    {{ hasTicket ? 'Leave' : 'Join' }}\n  </Button>\n</template>\n\n<script setup>\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  \n  import { ref } from 'vue'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as tickets from '@martyrs/src/modules/events/store/tickets.js' // replace memberships with tickets\n\n  const emits = defineEmits(['updateTicket'])  // Rename the event to updateTicket\n\n  const props = defineProps({\n    type: {\n      type: String,\n      required: true\n    },\n    userId: {\n      type: String,\n      required: true\n    },\n    hasTicket: {  // Change isMember to hasTicket to represent ticket state\n      type: Boolean,\n      required: true\n    },\n    targetId: {\n      type: String,\n      required: true\n    }\n  });\n\n  const toggleJoin = async () => {  // Rename toggleFollow to toggleJoin\n    if (props.hasTicket) {\n      await leaveEventOrParking(props.targetId);\n    } else {\n      await joinEventOrParking(props.targetId);\n    }\n  }\n\n  async function joinEventOrParking(targetId) {  // Renamed followPublic to joinEventOrParking\n      try {\n        const ticketData = {  // Renamed membershipData to ticketData\n          type: props.type,\n          target: targetId,\n          user: props.userId\n        };\n\n        const response = await tickets.actions.create(ticketData); // Replace memberships.actions.create with tickets.actions.create\n        emits('updateTicket', { ticket: response, hasTicket: true, targetId: props.targetId });  // updateMembership to updateTicket\n      } catch (error) {\n        console.log(error)\n        throw error;\n      }\n  }\n\n  async function leaveEventOrParking(targetId) {  // Renamed unfollowPublic to leaveEventOrParking\n      const ticketData = {  // Renamed membershipData to ticketData\n        type: props.type,\n        target: targetId,\n        user: props.userId\n      };\n\n      try {\n        const response = await tickets.actions.delete(ticketData);  // Replace memberships.actions.delete with tickets.actions.delete\n        emits('updateTicket', { ticket: response, hasTicket: false, targetId: props.targetId });  // updateMembership to updateTicket\n      } catch (error) {\n        console.log(error)\n        throw error;\n      }\n  }\n\n</script>\n\n<style scoped>\n  /* Existing styles can stay unchanged */\n</style>\n"],"names":["tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBE,UAAM,QAAQ;AAEd,UAAM,QAAQ;AAmBd,UAAM,aAAa,YAAY;AAC7B,UAAI,MAAM,WAAW;AACnB,cAAM,oBAAoB,MAAM,QAAQ;AAAA,MAC1C,OAAO;AACL,cAAM,mBAAmB,MAAM,QAAQ;AAAA,MACzC;AAAA,IACF;AAEA,mBAAe,mBAAmB,UAAU;AACxC,UAAI;AACF,cAAM,aAAa;AAAA;AAAA,UACjB,MAAM,MAAM;AAAA,UACZ,QAAQ;AAAA,UACR,MAAM,MAAM;AAAA,QACtB;AAEQ,cAAM,WAAW,MAAMA,QAAgB,OAAO,UAAU;AACxD,cAAM,gBAAgB,EAAE,QAAQ,UAAU,WAAW,MAAM,UAAU,MAAM,SAAQ,CAAE;AAAA,MACvF,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM;AAAA,MACR;AAAA,IACJ;AAEA,mBAAe,oBAAoB,UAAU;AACzC,YAAM,aAAa;AAAA;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,QAAQ;AAAA,QACR,MAAM,MAAM;AAAA,MACpB;AAEM,UAAI;AACF,cAAM,WAAW,MAAMA,QAAgB,OAAO,UAAU;AACxD,cAAM,gBAAgB,EAAE,QAAQ,UAAU,WAAW,OAAO,UAAU,MAAM,SAAQ,CAAE;AAAA,MACxF,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM;AAAA,MACR;AAAA,IACJ;;;;;;;;;;;;;;;"}