@ozdao/prometheus-framework 0.2.322 → 0.2.324

package/dist/prometheus-framework/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");
-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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/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/@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 = {

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, createBlock, Teleport, createElementVNode, createCommentVNode } from "vue";
 import { BarcodeScanner } from "../../../../../../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 = {

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.cjs

@@ -1,7 +1,7 @@
 "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                  */

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.js

@@ -1,5 +1,5 @@
 import { openBlock, createBlock, 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                */

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

@@ -9,7 +9,7 @@ const vueDatepicker = require("../../../../../../node_modules/@vuepic/vue-datepi
 ;/* empty css                                               */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue2.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                                                   */
@@ -19,7 +19,7 @@ const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.
 ;/* empty css                                         */
 require("../../../../components/EditImages/EditImages.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const vueRouter = require("vue-router");

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

@@ -7,7 +7,7 @@ import Vn from "../../../../../../node_modules/@vuepic/vue-datepicker/dist/vue-d
 /* empty css                                             */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
-import Field from "../../../../components/Field/Field.vue2.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                                                 */
@@ -17,7 +17,7 @@ import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                       */
 import "../../../../components/EditImages/EditImages.vue.js";
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$a from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$a from "../../../../components/Button/Button.vue.js";
 import _sfc_main$7 from "../../../globals/views/components/blocks/Card.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
 import { useRoute, useRouter } from "vue-router";

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

@@ -4,8 +4,8 @@ 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.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const ButtonCheck = require("../elements/ButtonCheck.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");

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

@@ -2,8 +2,8 @@ import { ref, onMounted, unref, openBlock, createElementBlock, createElementVNod
 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.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue2.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";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconAdd.vue.js";

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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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,