npm - @ozdao/prometheus-framework - Versions diffs - 0.2.323 → 0.2.324 - Mend

@ozdao/prometheus-framework 0.2.323 → 0.2.324

Files changed (305) hide show

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { ref, onMounted, computed, openBlock, createElementBlock, createElementV
 import "isomorphic-dompurify";
 /* empty css                                                    */
 import _sfc_main$1 from "../../../constructor/components/sections/Constructor.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 /* empty css                                             */
 /* empty css                                                   */
 import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";

package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js CHANGED Viewed

@@ -5,8 +5,8 @@ import { openBlock, createBlock, withCtx } from "vue";
 /* empty css                                      */
 /* empty css                                         */
 /* empty css                                    */
-import _sfc_main$1 from "../../../../components/Slider/Slider.vue.js";
-import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
+import Slider from "../../../../components/Slider/Slider.vue.js";
+import _sfc_main$1 from "../blocks/CardBlogpost.vue.js";
 import { read } from "../../store/blogposts.js";
 import { state } from "../../../auth/views/store/auth.js";
 /* empty css              */
@@ -36,7 +36,7 @@ const _sfc_main = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
+      return openBlock(), createBlock(Slider, {
         store: {
           read: (options) => read({
             skip: __props.skip,
@@ -59,7 +59,7 @@ const _sfc_main = {
         default: withCtx(({
           item
         }) => [
-          (openBlock(), createBlock(_sfc_main$2, {
+          (openBlock(), createBlock(_sfc_main$1, {
             key: item._id,
             blogpost: item,
             user: state.user._id,

package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+;/* empty css                                       */
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
 require("../../../community/store/reactions.cjs");
@@ -12,32 +12,36 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" };
-const _hoisted_5 = { class: "t-semi" };
-const _hoisted_6 = {
-  key: 0,
-  class: "t-semi"
-};
-const _hoisted_7 = {
+const _hoisted_4 = {
   key: 0,
   class: "t-semi uppercase"
 };
-const _hoisted_8 = {
+const _hoisted_5 = {
   key: 1,
   class: "cursor-pointer mn-b-thin flex-nowrap flex w-100"
 };
-const _hoisted_9 = {
+const _hoisted_6 = {
   key: 0,
   class: ""
 };
-const _hoisted_10 = {
+const _hoisted_7 = {
   key: 1,
   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"
 };
-const _hoisted_11 = {
+const _hoisted_8 = {
   key: 2,
   class: "mn-b-small p-big"
 };
+const _hoisted_9 = { class: "flex flex-wrap gap-micro t-medium p-big justify-start align-center" };
+const _hoisted_10 = {
+  key: 0,
+  class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+};
+const _hoisted_11 = { class: "t-semi" };
+const _hoisted_12 = {
+  key: 0,
+  class: "t-semi"
+};
 const _sfc_main = {
   __name: "CardEvent",
   props: ["event", "user", "short", "type"],
@@ -99,6 +103,7 @@ 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"
@@ -150,22 +155,26 @@ const _sfc_main = {
           vue.createElementVNode("div", {
             class: vue.normalizeClass([{ "mn-b-small": __props.type !== "short" }, "flex-v-center flex-nowrap flex"])
           }, [
-            vue.createElementVNode("div", _hoisted_4, [
-              vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(formattedDate.value), 1),
-              __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, " | " + vue.toDisplayString(formattedTimeRange.value), 1)) : vue.createCommentVNode("", true)
-            ]),
-            __props.type === "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(truncatedEventName.value), 1)) : vue.createCommentVNode("", true)
+            __props.type === "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(truncatedEventName.value), 1)) : vue.createCommentVNode("", true)
           ], 2),
-          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-            __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_9, vue.toDisplayString(__props.event.name), 1)) : vue.createCommentVNode("", true),
-            __props.event.status === "draft" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, vue.toDisplayString(__props.event.status), 1)) : vue.createCommentVNode("", true)
+          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_6, vue.toDisplayString(__props.event.name), 1)) : vue.createCommentVNode("", true),
+            __props.event.status === "draft" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, vue.toDisplayString(__props.event.status), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_11, vue.toDisplayString(__props.event.description), 1)) : vue.createCommentVNode("", true),
+          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, vue.toDisplayString(__props.event.description), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default"),
-          __props.type !== "short" && __props.event.tags.length > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
-            key: 3,
-            chips: __props.event.tags
-          }, null, 8, ["chips"])) : vue.createCommentVNode("", true)
+          vue.createElementVNode("div", _hoisted_9, [
+            ((_a = __props.event.date) == null ? void 0 : _a.start) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, [
+              vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(formattedDate.value), 1),
+              __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, " | " + vue.toDisplayString(formattedTimeRange.value), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.event.tags, (chip, index) => {
+              return vue.openBlock(), vue.createElementBlock("span", {
+                key: index,
+                class: "d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main"
+              }, vue.toDisplayString(chip), 1);
+            }), 128))
+          ])
         ], 2)
       ], 2);
     };

package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.cjs.map CHANGED Viewed

	@@ -1 +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 }\"\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=\"event.cover && type !== 'short'\" \n \t\t\tclass=\"o-hidden pos-relative bg-light mn-b-small w-100\"\n \t\t>\n\t <img 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 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 </div>\n\n <section \n \tclass=\"pos-relative w-100\"\n \t:class=\"{'pd-t-zero pd-medium': type !== 'short'}\"\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=\"{'mn-b-small': type !== 'short'}\"\n \t\tclass=\"flex-v-center flex-nowrap flex\"\n \t\t>\n\t\t\t\t~~\t<div~~ \n\t~~\t\t\t\t class=\"w-max mn-r-thin pd-thin radius-small t-semi bg-main\" \n\t\t\t\t\t >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t~~<span \n\t\t\t~~\t \n\t\t\t\t~~ \~~tclass=\"t-semi\"\n\t\t\t\t >\n\t\t\t\t \t{{ formattedDate }}\n\t\t\t\t </span>\n\t\t\t\t <span \n\t\t\t\t \t\~~tv-if=\"type ~~!== 'short'\"\n\t\t\t\t \tclass=\"t-semi \">\n\t\t\t\t \| {{ formattedTimeRange }}\n\t\t\t\t </span>\n\t\t\t\t\t</div>\n\n\t\t\t\t \t<span \n\t\t\t \tv-if=\"type~~ === 'short'\" \n\t\t\t \tclass=\"t-semi uppercase\"\n\t\t\t >\n\t\t\t {{ truncatedEventName }}\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=\"\"\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<p \n \t\tv-if=\"type !== 'short'\" \n \t\tclass=\"mn-b-small p-big\"\n \t>\n \t\t{{ event.description }}\n \t</p>\n\n <slot></slot>\n \n <~~Chips~~ \n ~~\tv~~-if=\"~~type~~ ~~!==~~ '~~short~~' && event.~~tags~~.~~length~~ > 0\" \n \t~~:chips~~=\"event.tags\"\n ~~/>\~~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 '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport CardHeader from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter from '@pf/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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IkBA~~,QAAG,IAAC,oBAAI,MAAM;AAEhBC,wBAAW;AAC1B,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC5E,CAAE;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACzE,CAAE;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI;AAChB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,cAAa,CAAE;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,cAAa,CAAE;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACR,WACQ,eAAe,GAAG;AACzB,eAAO;AAAA,MACR,OACI;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,QACrB,WACQ,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACtB,WACQ,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACxB,OACI;AACH,iBAAO,GAAG,aAAa;AAAA,QACxB;AAAA,MACF;AAAA,IACL,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,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;AAID,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACrC;AACD,aAAO;AAAA,IACV,CAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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 }\"\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=\"event.cover && type !== 'short'\" \n \t\t\tclass=\"o-hidden pos-relative bg-light mn-b-small w-100\"\n \t\t>\n\t <img 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 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 </div>\n\n <section \n \tclass=\"pos-relative w-100\"\n \t:class=\"{'pd-t-zero pd-medium': type !== 'short'}\"\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=\"{'mn-b-small': type !== 'short'}\"\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 uppercase\"\n\t\t\t >\n\t\t\t {{ truncatedEventName }}\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=\"\"\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<p \n \t\tv-if=\"type !== 'short'\" \n \t\tclass=\"mn-b-small p-big\"\n \t>\n \t\t{{ event.description }}\n \t</p>\n\n <slot></slot>\n \n <div class=\"flex flex-wrap gap-micro t-medium p-big justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <!-- <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/> -->\n <!-- {{formatDate(event.date.start)}} -->\n\n\t\t\t\t\t\t<span \n\t\t\t\t \n\t\t\t\t \tclass=\"t-semi\"\n\t\t\t\t >\n\t\t\t\t \t{{ formattedDate }}\n\t\t\t\t </span>\n\t\t\t\t <span \n\t\t\t\t \t\tv-if=\"type !== 'short'\"\n\t\t\t\t \tclass=\"t-semi \">\n\t\t\t\t \| {{ formattedTimeRange }}\n\t\t\t\t </span>\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small 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 '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport CardHeader from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter from '@pf/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJkBA,QAAG,IAAC,oBAAI,MAAM;AAEhBC,wBAAW;AAC1B,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC5E,CAAE;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACzE,CAAE;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI;AAChB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,cAAa,CAAE;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,cAAa,CAAE;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACR,WACQ,eAAe,GAAG;AACzB,eAAO;AAAA,MACR,OACI;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,QACrB,WACQ,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACtB,WACQ,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACxB,OACI;AACH,iBAAO,GAAG,aAAa;AAAA,QACxB;AAAA,MACF;AAAA,IACL,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,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;AAID,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACrC;AACD,aAAO;AAAA,IACV,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { ref, computed, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, createCommentVNode, createBlock, withModifiers, toDisplayString, renderSlot } from "vue";
-import _sfc_main$3 from "../../../../components/Chips/Chips.vue.js";
+import { ref, computed, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, createCommentVNode, createBlock, withModifiers, toDisplayString, renderSlot, Fragment, renderList } from "vue";
+/* empty css                                     */
 import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
 import "../../../community/store/reactions.js";
@@ -10,32 +10,36 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" };
-const _hoisted_5 = { class: "t-semi" };
-const _hoisted_6 = {
-  key: 0,
-  class: "t-semi"
-};
-const _hoisted_7 = {
+const _hoisted_4 = {
   key: 0,
   class: "t-semi uppercase"
 };
-const _hoisted_8 = {
+const _hoisted_5 = {
   key: 1,
   class: "cursor-pointer mn-b-thin flex-nowrap flex w-100"
 };
-const _hoisted_9 = {
+const _hoisted_6 = {
   key: 0,
   class: ""
 };
-const _hoisted_10 = {
+const _hoisted_7 = {
   key: 1,
   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"
 };
-const _hoisted_11 = {
+const _hoisted_8 = {
   key: 2,
   class: "mn-b-small p-big"
 };
+const _hoisted_9 = { class: "flex flex-wrap gap-micro t-medium p-big justify-start align-center" };
+const _hoisted_10 = {
+  key: 0,
+  class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+};
+const _hoisted_11 = { class: "t-semi" };
+const _hoisted_12 = {
+  key: 0,
+  class: "t-semi"
+};
 const _sfc_main = {
   __name: "CardEvent",
   props: ["event", "user", "short", "type"],
@@ -97,6 +101,7 @@ 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"
@@ -148,22 +153,26 @@ const _sfc_main = {
           createElementVNode("div", {
             class: normalizeClass([{ "mn-b-small": __props.type !== "short" }, "flex-v-center flex-nowrap flex"])
           }, [
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("span", _hoisted_5, toDisplayString(formattedDate.value), 1),
-              __props.type !== "short" ? (openBlock(), createElementBlock("span", _hoisted_6, " | " + toDisplayString(formattedTimeRange.value), 1)) : createCommentVNode("", true)
-            ]),
-            __props.type === "short" ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(truncatedEventName.value), 1)) : createCommentVNode("", true)
+            __props.type === "short" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(truncatedEventName.value), 1)) : createCommentVNode("", true)
           ], 2),
-          __props.type !== "short" ? (openBlock(), createElementBlock("div", _hoisted_8, [
-            __props.type !== "short" ? (openBlock(), createElementBlock("h3", _hoisted_9, toDisplayString(__props.event.name), 1)) : createCommentVNode("", true),
-            __props.event.status === "draft" ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(__props.event.status), 1)) : createCommentVNode("", true)
+          __props.type !== "short" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            __props.type !== "short" ? (openBlock(), createElementBlock("h3", _hoisted_6, toDisplayString(__props.event.name), 1)) : createCommentVNode("", true),
+            __props.event.status === "draft" ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(__props.event.status), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          __props.type !== "short" ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(__props.event.description), 1)) : createCommentVNode("", true),
+          __props.type !== "short" ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(__props.event.description), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default"),
-          __props.type !== "short" && __props.event.tags.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
-            key: 3,
-            chips: __props.event.tags
-          }, null, 8, ["chips"])) : createCommentVNode("", true)
+          createElementVNode("div", _hoisted_9, [
+            ((_a = __props.event.date) == null ? void 0 : _a.start) ? (openBlock(), createElementBlock("span", _hoisted_10, [
+              createElementVNode("span", _hoisted_11, toDisplayString(formattedDate.value), 1),
+              __props.type !== "short" ? (openBlock(), createElementBlock("span", _hoisted_12, " | " + toDisplayString(formattedTimeRange.value), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.event.tags, (chip, index) => {
+              return openBlock(), createElementBlock("span", {
+                key: index,
+                class: "d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main"
+              }, toDisplayString(chip), 1);
+            }), 128))
+          ])
         ], 2)
       ], 2);
     };

package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.js.map CHANGED Viewed

	@@ -1 +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 }\"\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=\"event.cover && type !== 'short'\" \n \t\t\tclass=\"o-hidden pos-relative bg-light mn-b-small w-100\"\n \t\t>\n\t <img 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 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 </div>\n\n <section \n \tclass=\"pos-relative w-100\"\n \t:class=\"{'pd-t-zero pd-medium': type !== 'short'}\"\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=\"{'mn-b-small': type !== 'short'}\"\n \t\tclass=\"flex-v-center flex-nowrap flex\"\n \t\t>\n\t\t\t\t~~\t<div~~ \n\t~~\t\t\t\t class=\"w-max mn-r-thin pd-thin radius-small t-semi bg-main\" \n\t\t\t\t\t >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t~~<span \n\t\t\t~~\t \n\t\t\t\t~~ \~~tclass=\"t-semi\"\n\t\t\t\t >\n\t\t\t\t \t{{ formattedDate }}\n\t\t\t\t </span>\n\t\t\t\t <span \n\t\t\t\t \t\~~tv-if=\"type ~~!== 'short'\"\n\t\t\t\t \tclass=\"t-semi \">\n\t\t\t\t \| {{ formattedTimeRange }}\n\t\t\t\t </span>\n\t\t\t\t\t</div>\n\n\t\t\t\t \t<span \n\t\t\t \tv-if=\"type~~ === 'short'\" \n\t\t\t \tclass=\"t-semi uppercase\"\n\t\t\t >\n\t\t\t {{ truncatedEventName }}\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=\"\"\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<p \n \t\tv-if=\"type !== 'short'\" \n \t\tclass=\"mn-b-small p-big\"\n \t>\n \t\t{{ event.description }}\n \t</p>\n\n <slot></slot>\n \n <~~Chips~~ \n ~~\tv~~-if=\"~~type~~ ~~!==~~ '~~short~~' && event.~~tags~~.~~length~~ > 0\" \n \t~~:chips~~=\"event.tags\"\n ~~/>\~~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 '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport CardHeader from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter from '@pf/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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IkB~~,QAAI,oBAAI,MAAM;AAEhB,cAAW;AAC1B,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC5E,CAAE;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACzE,CAAE;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI;AAChB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,cAAa,CAAE;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,cAAa,CAAE;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACR,WACQ,eAAe,GAAG;AACzB,eAAO;AAAA,MACR,OACI;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,QACrB,WACQ,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACtB,WACQ,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACxB,OACI;AACH,iBAAO,GAAG,aAAa;AAAA,QACxB;AAAA,MACF;AAAA,IACL,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,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;AAID,UAAM,qBAAqB,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACrC;AACD,aAAO;AAAA,IACV,CAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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 }\"\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=\"event.cover && type !== 'short'\" \n \t\t\tclass=\"o-hidden pos-relative bg-light mn-b-small w-100\"\n \t\t>\n\t <img 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 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 </div>\n\n <section \n \tclass=\"pos-relative w-100\"\n \t:class=\"{'pd-t-zero pd-medium': type !== 'short'}\"\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=\"{'mn-b-small': type !== 'short'}\"\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 uppercase\"\n\t\t\t >\n\t\t\t {{ truncatedEventName }}\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=\"\"\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<p \n \t\tv-if=\"type !== 'short'\" \n \t\tclass=\"mn-b-small p-big\"\n \t>\n \t\t{{ event.description }}\n \t</p>\n\n <slot></slot>\n \n <div class=\"flex flex-wrap gap-micro t-medium p-big justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <!-- <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/> -->\n <!-- {{formatDate(event.date.start)}} -->\n\n\t\t\t\t\t\t<span \n\t\t\t\t \n\t\t\t\t \tclass=\"t-semi\"\n\t\t\t\t >\n\t\t\t\t \t{{ formattedDate }}\n\t\t\t\t </span>\n\t\t\t\t <span \n\t\t\t\t \t\tv-if=\"type !== 'short'\"\n\t\t\t\t \tclass=\"t-semi \">\n\t\t\t\t \| {{ formattedTimeRange }}\n\t\t\t\t </span>\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small 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 '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport CardHeader from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter from '@pf/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJkB,QAAI,oBAAI,MAAM;AAEhB,cAAW;AAC1B,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC5E,CAAE;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACzE,CAAE;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI;AAChB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,cAAa,CAAE;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,cAAa,CAAE;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACR,WACQ,eAAe,GAAG;AACzB,eAAO;AAAA,MACR,OACI;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,QACrB,WACQ,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACtB,WACQ,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACxB,OACI;AACH,iBAAO,GAAG,aAAa;AAAA,QACxB;AAAA,MACF;AAAA,IACL,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,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;AAID,UAAM,qBAAqB,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACrC;AACD,aAAO;AAAA,IACV,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.cjs CHANGED Viewed

@@ -8,11 +8,11 @@ const vueDatepicker = require("../../../../../../node_modules/@vuepic/vue-datepi
 ;/* empty css                                                                    */
 ;/* empty css                                               */
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-;/* empty css                                                    */
+;/* empty css                                                   */
 require("axios");
 ;/* empty css                                         */
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");

package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js CHANGED Viewed

@@ -6,11 +6,11 @@ import Vn from "../../../../../../node_modules/@vuepic/vue-datepicker/dist/vue-d
 /* empty css                                                                  */
 /* empty css                                             */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$5 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$6 from "../../../../components/FieldTags/BlockTags.vue.js";
 import _sfc_main$9 from "../../../../components/Checkbox/Checkbox.vue.js";
-/* empty css                                                  */
+/* empty css                                                 */
 import "axios";
 /* empty css                                       */
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";

package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.cjs CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const ButtonCheck = require("../elements/ButtonCheck.vue.cjs");

package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ref, onMounted, unref, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$1 from "../elements/ButtonCheck.vue.js";

package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs CHANGED Viewed

@@ -2,17 +2,16 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                         */
-;/* empty css                                        */
+;/* empty css                                       */
 const Viewer = require("../../../constructor/components/sections/Viewer.vue.cjs");
 const Countdown = require("../../../../components/Countdown/Countdown.vue.cjs");
 const HeroEvent = require("../sections/HeroEvent.vue.cjs");
-require("vue-i18n");
-;/* empty css                                 */
 const PhotoStack = require("../../../globals/views/components/elements/PhotoStack.vue.cjs");
 const SkeletonEvent = require("../../../icons/skeletons/SkeletonEvent.vue.cjs");
 const ButtonJoin = require("../elements/ButtonJoin.vue.cjs");
 const Comments = require("../../../community/components/sections/Comments.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
+const IconCalendar = ;/* empty css                                           */
 const events = require("../../store/events.cjs");
 const tickets = require("../../store/tickets.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
@@ -94,7 +93,13 @@ const _sfc_main = {
                 vue.createElementVNode("div", _hoisted_2, [
                   vue.createElementVNode("h1", _hoisted_3, vue.toDisplayString((_a = event.value) == null ? void 0 : _a.name), 1),
                   vue.createElementVNode("div", _hoisted_4, [
-                    ((_b = event.value.date) == null ? void 0 : _b.start) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(_ctx.formatDate(event.value.date.start)), 1)) : vue.createCommentVNode("", true),
+                    ((_b = event.value.date) == null ? void 0 : _b.start) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [
+                      vue.createVNode(IconCalendar.default, {
+                        fill: "rgb(var(--black))",
+                        class: "w-1r h-auto"
+                      }),
+                      vue.createTextVNode(" " + vue.toDisplayString(_ctx.formatDate(event.value.date.start)), 1)
+                    ])) : vue.createCommentVNode("", true),
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(event.value.tags, (chip, index) => {
                       return vue.openBlock(), vue.createElementBlock("span", {
                         key: index,

package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section>\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n\n <HeroEvent\n v-if=\"!isLoading && event &&event.cover\"\n :content=\"{\n title: event.name,\n ticketLinkStripe: event.ticketLinkStripe,\n cover: event.cover,\n subtitle: event.subtitle,\n }\"\n :options=\"{\n date: event.date.start,\n }\"\n class=\"o-hidden\"\n />\n\n <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n \n <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n <h1 class=\"z-index-1 mn-b-semi\">\n {{event?.name}}\n </h1>\n\n <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n ~~<!--~~ <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"~~/> -->\~~n {{formatDate(event.date.start)}}\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\n <p class=\"z-index-1 p-big mn-b-semi\">\n {{event?.description}}\n </p>\n\n <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <Viewer\n v-if=\"event && event.content\"\n :content=\"event.content\"\n :notitle=\"true\"\n />\n\n </div>\n\n <div class=\"\">\n \n <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n <h4 class=\"mn-r-auto\">Tickets</h4>\n <PhotoStack\n :number=\"event.numberOfTickets\"\n :photos=\"event.participantsPhotos\" \n />\n </div>\n <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n <div class=\"flex-nowrap mn-b-small p-big flex\">\n <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n </div>\n <a :href=\"ticketType.link\" class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second \">\n Buy Now\n </a>\n </div>\n\n <ButtonJoin \n v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\" w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n <Countdown \n v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n class=\"mn-t-thin radius-medium bg-white w-100\"\n :date=\"event?.date?.start\"\n />\n </div>\n\n <div class=\"radius-semi pd-medium bg-light\">\n <h4 class=\"mn-b-small\">Organizer</h4>\n <User \n class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n :user=\"event.owner.target._id\" \n :photo=\"event.owner.target.profile.photo\"\n :name=\"event.owner.target.profile.name\"\n :position=\"event.owner\" \n @click.stop=\"$router.push({\n name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n params: {\n _id: event.owner.target._id,\n\n },\n query: {\n tab: 'events'\n }\n })\" \n />\n </div>\n\n </div>\n\n <Comments \n v-if=\"!isLoading && event\" \n :type=\"'event'\" \n :target=\"event._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-big pd-medium\"\n />\n\n </div>\n \n </TransitionGroup> \n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import Chips from '@pf/src/components/Chips/Chips.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n import Countdown from \"@pf/src/components/Countdown/Countdown.vue\";\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n import SectionMainGuest from '@pf/src/modules/events/components/sections/SectionMainGuest.vue';\n import SectionSpecialGuests from '@pf/src/modules/events/components/sections/SectionSpecialGuests.vue';\n import SectionLineUp from '@pf/src/modules/events/components/sections/SectionLineup.vue';\n import SectionPreviousEvents from '@pf/src/modules/events/components/sections/SectionPreviousEvents.vue';\n\n import PhotoStack from \"@pf/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue';\n import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n import Image from '@pf/src/modules/constructor/components/elements/Image.vue';\n import User from '@pf/src/modules/auth/views/components/blocks/CardUser.vue';\n // import IconCalendar from '@pf/src/modules/icons/navigation/IconCalendar.vue';\n\n import * as events from '@pf/src/modules/events/store/events.js';\n import * as tickets from '@pf/src/modules/events/store/tickets.js';\n import * as auth from '@pf/src/modules/auth/views/store/auth';\n \n import { useRoute } from 'vue-router';\n\n const route = useRoute();\n const qrcode = ref(null);\n \n const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n qrcode.value = ticket.qrcode;\n };\n\n function clickBuyTicket () {\n gtag('event', 'buy_ticket', {\n 'event_category': 'conversion',\n 'event_label': 'Buy Ticket'\n });\n\n\n }\n\n\n const event = ref(null);\n const isLoading = ref(true);\n\n onMounted(async () => {\n isLoading.value = true;\n\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data[0];\n isLoading.value = false;\n });\n</script>"],"names":["useRoute","ref","tickets.mutations","onMounted","events.read","auth.state"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KE~~,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,QAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAiB,UAAC,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAYE,UAAM,QAAQD,QAAI,IAAI;AACtB,UAAM,YAAYA,QAAI,IAAI;AAE1BE,QAAAA,UAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section>\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n\n <HeroEvent\n v-if=\"!isLoading && event &&event.cover\"\n :content=\"{\n title: event.name,\n ticketLinkStripe: event.ticketLinkStripe,\n cover: event.cover,\n subtitle: event.subtitle,\n }\"\n :options=\"{\n date: event.date.start,\n }\"\n class=\"o-hidden\"\n />\n\n <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n \n <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n <h1 class=\"z-index-1 mn-b-semi\">\n {{event?.name}}\n </h1>\n\n <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n {{formatDate(event.date.start)}}\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\n <p class=\"z-index-1 p-big mn-b-semi\">\n {{event?.description}}\n </p>\n\n <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <Viewer\n v-if=\"event && event.content\"\n :content=\"event.content\"\n :notitle=\"true\"\n />\n\n </div>\n\n <div class=\"\">\n \n <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n <h4 class=\"mn-r-auto\">Tickets</h4>\n <PhotoStack\n :number=\"event.numberOfTickets\"\n :photos=\"event.participantsPhotos\" \n />\n </div>\n <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n <div class=\"flex-nowrap mn-b-small p-big flex\">\n <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n </div>\n <a :href=\"ticketType.link\" class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second \">\n Buy Now\n </a>\n </div>\n\n <ButtonJoin \n v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\" w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n <Countdown \n v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n class=\"mn-t-thin radius-medium bg-white w-100\"\n :date=\"event?.date?.start\"\n />\n </div>\n\n <div class=\"radius-semi pd-medium bg-light\">\n <h4 class=\"mn-b-small\">Organizer</h4>\n <User \n class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n :user=\"event.owner.target._id\" \n :photo=\"event.owner.target.profile.photo\"\n :name=\"event.owner.target.profile.name\"\n :position=\"event.owner\" \n @click.stop=\"$router.push({\n name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n params: {\n _id: event.owner.target._id,\n\n },\n query: {\n tab: 'events'\n }\n })\" \n />\n </div>\n\n </div>\n\n <Comments \n v-if=\"!isLoading && event\" \n :type=\"'event'\" \n :target=\"event._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-big pd-medium\"\n />\n\n </div>\n \n </TransitionGroup> \n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import Chips from '@pf/src/components/Chips/Chips.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n import Countdown from \"@pf/src/components/Countdown/Countdown.vue\";\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n\n import PhotoStack from \"@pf/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue';\n import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n import Image from '@pf/src/modules/constructor/components/elements/Image.vue';\n import User from '@pf/src/modules/auth/views/components/blocks/CardUser.vue';\n import IconCalendar from '@pf/src/modules/icons/navigation/IconCalendar.vue';\n\n import * as events from '@pf/src/modules/events/store/events.js';\n import * as tickets from '@pf/src/modules/events/store/tickets.js';\n import * as auth from '@pf/src/modules/auth/views/store/auth';\n \n import { useRoute } from 'vue-router';\n\n const route = useRoute();\n const qrcode = ref(null);\n \n const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n qrcode.value = ticket.qrcode;\n };\n\n function clickBuyTicket () {\n gtag('event', 'buy_ticket', {\n 'event_category': 'conversion',\n 'event_label': 'Buy Ticket'\n });\n\n\n }\n\n\n const event = ref(null);\n const isLoading = ref(true);\n\n onMounted(async () => {\n isLoading.value = true;\n\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data[0];\n isLoading.value = false;\n });\n</script>"],"names":["useRoute","ref","tickets.mutations","onMounted","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,QAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAiB,UAAC,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAYE,UAAM,QAAQD,QAAI,IAAI;AACtB,UAAM,YAAYA,QAAI,IAAI;AAE1BE,QAAAA,UAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.js CHANGED Viewed

@@ -1,16 +1,15 @@
-import { ref, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, createBlock, createElementVNode, toDisplayString, withModifiers } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, createBlock, createElementVNode, toDisplayString, createTextVNode, withModifiers } from "vue";
 /* empty css                                       */
-/* empty css                                      */
-import _sfc_main$1 from "../../../constructor/components/sections/Viewer.vue.js";
-import _sfc_main$3 from "../../../../components/Countdown/Countdown.vue.js";
+/* empty css                                     */
+import _sfc_main$2 from "../../../constructor/components/sections/Viewer.vue.js";
+import _sfc_main$4 from "../../../../components/Countdown/Countdown.vue.js";
 import HeroEvent from "../sections/HeroEvent.vue.js";
-import "vue-i18n";
-/* empty css                               */
-import _sfc_main$2 from "../../../globals/views/components/elements/PhotoStack.vue.js";
+import _sfc_main$3 from "../../../globals/views/components/elements/PhotoStack.vue.js";
 import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
 import ButtonJoin from "../elements/ButtonJoin.vue.js";
-import _sfc_main$5 from "../../../community/components/sections/Comments.vue.js";
-import _sfc_main$4 from "../../../auth/views/components/blocks/CardUser.vue.js";
+import _sfc_main$6 from "../../../community/components/sections/Comments.vue.js";
+import _sfc_main$5 from "../../../auth/views/components/blocks/CardUser.vue.js";
+import _sfc_main$1 from "../../../icons/navigation/IconCalendar.vue.js";
 import { read } from "../../store/events.js";
 import { mutations } from "../../store/tickets.js";
 import { state } from "../../../auth/views/store/auth.js";
@@ -92,7 +91,13 @@ const _sfc_main = {
                 createElementVNode("div", _hoisted_2, [
                   createElementVNode("h1", _hoisted_3, toDisplayString((_a = event.value) == null ? void 0 : _a.name), 1),
                   createElementVNode("div", _hoisted_4, [
-                    ((_b = event.value.date) == null ? void 0 : _b.start) ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(_ctx.formatDate(event.value.date.start)), 1)) : createCommentVNode("", true),
+                    ((_b = event.value.date) == null ? void 0 : _b.start) ? (openBlock(), createElementBlock("span", _hoisted_5, [
+                      createVNode(_sfc_main$1, {
+                        fill: "rgb(var(--black))",
+                        class: "w-1r h-auto"
+                      }),
+                      createTextVNode(" " + toDisplayString(_ctx.formatDate(event.value.date.start)), 1)
+                    ])) : createCommentVNode("", true),
                     (openBlock(true), createElementBlock(Fragment, null, renderList(event.value.tags, (chip, index) => {
                       return openBlock(), createElementBlock("span", {
                         key: index,
@@ -102,7 +107,7 @@ const _sfc_main = {
                   ]),
                   createElementVNode("p", _hoisted_6, toDisplayString((_c = event.value) == null ? void 0 : _c.description), 1),
                   ((_e = (_d = event.value) == null ? void 0 : _d.content) == null ? void 0 : _e.length) > 0 ? (openBlock(), createElementBlock("hr", _hoisted_7)) : createCommentVNode("", true),
-                  event.value && event.value.content ? (openBlock(), createBlock(_sfc_main$1, {
+                  event.value && event.value.content ? (openBlock(), createBlock(_sfc_main$2, {
                     key: 1,
                     content: event.value.content,
                     notitle: true
@@ -112,7 +117,7 @@ const _sfc_main = {
                   createElementVNode("div", _hoisted_9, [
                     createElementVNode("div", _hoisted_10, [
                       _cache[1] || (_cache[1] = createElementVNode("h4", { class: "mn-r-auto" }, "Tickets", -1)),
-                      createVNode(_sfc_main$2, {
+                      createVNode(_sfc_main$3, {
                         number: event.value.numberOfTickets,
                         photos: event.value.participantsPhotos
                       }, null, 8, ["number", "photos"])
@@ -139,7 +144,7 @@ const _sfc_main = {
                       onUpdateTicket: handleTicketUpdate
                     }, null, 8, ["hasTicket", "targetId", "userId"])) : createCommentVNode("", true),
                     ((_j = event.value) == null ? void 0 : _j.ticketsTypes.length) > 0 ? (openBlock(), createElementBlock("p", _hoisted_16, "Buy ticket online with special price:")) : createCommentVNode("", true),
-                    ((_l = (_k = event.value) == null ? void 0 : _k.date) == null ? void 0 : _l.start) && ((_n = (_m = event.value) == null ? void 0 : _m.ticketsTypes) == null ? void 0 : _n.length) > 0 ? (openBlock(), createBlock(_sfc_main$3, {
+                    ((_l = (_k = event.value) == null ? void 0 : _k.date) == null ? void 0 : _l.start) && ((_n = (_m = event.value) == null ? void 0 : _m.ticketsTypes) == null ? void 0 : _n.length) > 0 ? (openBlock(), createBlock(_sfc_main$4, {
                       key: 3,
                       class: "mn-t-thin radius-medium bg-white w-100",
                       date: (_p = (_o = event.value) == null ? void 0 : _o.date) == null ? void 0 : _p.start
@@ -147,7 +152,7 @@ const _sfc_main = {
                   ]),
                   createElementVNode("div", _hoisted_17, [
                     _cache[2] || (_cache[2] = createElementVNode("h4", { class: "mn-b-small" }, "Organizer", -1)),
-                    createVNode(_sfc_main$4, {
+                    createVNode(_sfc_main$5, {
                       class: "h-5r cursor-pointer pd-medium radius-medium bg-white",
                       user: event.value.owner.target._id,
                       photo: event.value.owner.target.profile.photo,
@@ -165,7 +170,7 @@ const _sfc_main = {
                     }, null, 8, ["user", "photo", "name", "position"])
                   ])
                 ]),
-                !isLoading.value && event.value ? (openBlock(), createBlock(_sfc_main$5, {
+                !isLoading.value && event.value ? (openBlock(), createBlock(_sfc_main$6, {
                   key: 0,
                   type: "event",
                   target: event.value._id,