@ozdao/prometheus-framework 0.2.261 → 0.2.262

Sign up to get free protection for your applications and to get access to all the features.
Files changed (18) hide show
  1. package/dist/prometheus-framework/src/components/LocationMarker/LocationMarker.vue.cjs +1 -1
  2. package/dist/prometheus-framework/src/components/LocationMarker/LocationMarker.vue.js +1 -1
  3. package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.cjs +1 -1
  4. package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.cjs.map +1 -1
  5. package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.js +1 -1
  6. package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.js.map +1 -1
  7. package/dist/prometheus-framework/src/modules/globals/views/components/partials/LocationSelection.vue.cjs +2 -2
  8. package/dist/prometheus-framework/src/modules/globals/views/components/partials/LocationSelection.vue.js +2 -2
  9. package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.cjs +2 -2
  10. package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.js +2 -2
  11. package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs +2 -2
  12. package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js +2 -2
  13. package/dist/prometheus-framework/src/modules/pages/pages.client.cjs +626 -626
  14. package/dist/prometheus-framework/src/modules/pages/pages.client.js +626 -626
  15. package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.cjs +2 -2
  16. package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.js +2 -2
  17. package/package.json +1 -1
  18. package/src/modules/events/components/blocks/CardEvent.vue +1 -1
@@ -2,7 +2,7 @@
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const vue = require("vue");
4
4
  const index = require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
5
- const Loader = require("../Loader/Loader.vue.cjs");
5
+ const Loader = require("../Loader/Loader.vue2.cjs");
6
6
  ;/* empty css */
7
7
  const _hoisted_1 = { class: "pos-relative" };
8
8
  const _hoisted_2 = {
@@ -1,6 +1,6 @@
1
1
  import { ref, onMounted, watchEffect, openBlock, createElementBlock, createElementVNode, createVNode, Transition, withCtx, createBlock } from "vue";
2
2
  import { Loader } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
3
- import Loader$1 from "../Loader/Loader.vue.js";
3
+ import Loader$1 from "../Loader/Loader.vue2.js";
4
4
  /* empty css */
5
5
  const _hoisted_1 = { class: "pos-relative" };
6
6
  const _hoisted_2 = {
@@ -124,7 +124,7 @@ const _sfc_main = {
124
124
  loading: "lazy",
125
125
  src: (_ctx.FILE_SERVER_URL || "") + __props.event.cover,
126
126
  alt: "Event image",
127
- class: "pos-relative z-index-1 d-block mn-auto h-20r"
127
+ class: "pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r"
128
128
  }, null, 8, _hoisted_2),
129
129
  vue.createElementVNode("img", {
130
130
  loading: "lazy",
@@ -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 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\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -122,7 +122,7 @@ const _sfc_main = {
122
122
  loading: "lazy",
123
123
  src: (_ctx.FILE_SERVER_URL || "") + __props.event.cover,
124
124
  alt: "Event image",
125
- class: "pos-relative z-index-1 d-block mn-auto h-20r"
125
+ class: "pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r"
126
126
  }, null, 8, _hoisted_2),
127
127
  createElementVNode("img", {
128
128
  loading: "lazy",
@@ -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 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\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,8 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const vue = require("vue");
4
- const Address = require("../../../../../components/Address/Address.vue2.cjs");
5
- const LocationMarker = require("../../../../../components/LocationMarker/LocationMarker.vue2.cjs");
4
+ const Address = require("../../../../../components/Address/Address.vue.cjs");
5
+ const LocationMarker = require("../../../../../components/LocationMarker/LocationMarker.vue.cjs");
6
6
  const vueRouter = require("vue-router");
7
7
  const vueI18n = require("vue-i18n");
8
8
  const globals = require("../../store/globals.cjs");
@@ -1,6 +1,6 @@
1
1
  import { ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createBlock } from "vue";
2
- import _sfc_main$1 from "../../../../../components/Address/Address.vue2.js";
3
- import _sfc_main$2 from "../../../../../components/LocationMarker/LocationMarker.vue2.js";
2
+ import _sfc_main$1 from "../../../../../components/Address/Address.vue.js";
3
+ import _sfc_main$2 from "../../../../../components/LocationMarker/LocationMarker.vue.js";
4
4
  import { useRoute, useRouter } from "vue-router";
5
5
  import { useI18n } from "vue-i18n";
6
6
  import { state } from "../../store/globals.js";
@@ -3,8 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
3
3
  const vue = require("vue");
4
4
  const globals = require("../../../globals/views/store/globals.cjs");
5
5
  const Block = require("../../../../components/Block/Block.vue.cjs");
6
- const Address = require("../../../../components/Address/Address.vue2.cjs");
7
- const LocationMarker = require("../../../../components/LocationMarker/LocationMarker.vue2.cjs");
6
+ const Address = require("../../../../components/Address/Address.vue.cjs");
7
+ const LocationMarker = require("../../../../components/LocationMarker/LocationMarker.vue.cjs");
8
8
  const Radio = require("../../../../components/Radio/Radio.vue.cjs");
9
9
  const Field = require("../../../../components/Field/Field.vue.cjs");
10
10
  const _hoisted_1 = { class: "mn-b-small flex-nowrap flex" };
@@ -1,8 +1,8 @@
1
1
  import { onMounted, openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
2
2
  import { state } from "../../../globals/views/store/globals.js";
3
3
  import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
4
- import _sfc_main$3 from "../../../../components/Address/Address.vue2.js";
5
- import _sfc_main$4 from "../../../../components/LocationMarker/LocationMarker.vue2.js";
4
+ import _sfc_main$3 from "../../../../components/Address/Address.vue.js";
5
+ import _sfc_main$4 from "../../../../components/LocationMarker/LocationMarker.vue.js";
6
6
  import _sfc_main$2 from "../../../../components/Radio/Radio.vue.js";
7
7
  import Field from "../../../../components/Field/Field.vue.js";
8
8
  const _hoisted_1 = { class: "mn-b-small flex-nowrap flex" };
@@ -11,9 +11,9 @@ const Field = require("../../../../components/Field/Field.vue.cjs");
11
11
  ;/* empty css */
12
12
  const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
13
13
  require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
14
- ;/* empty css */
14
+ ;/* empty css */
15
15
  ;/* empty css */
16
- ;/* empty css */
16
+ ;/* empty css */
17
17
  const Button = require("../../../../components/Button/Button.vue.cjs");
18
18
  const Popup = require("../../../../components/Popup/Popup.vue.cjs");
19
19
  const Block = require("../../../../components/Block/Block.vue.cjs");
@@ -9,9 +9,9 @@ import Field from "../../../../components/Field/Field.vue.js";
9
9
  /* empty css */
10
10
  import _sfc_main$8 from "../../../../components/Checkbox/Checkbox.vue.js";
11
11
  import "../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
12
- /* empty css */
12
+ /* empty css */
13
13
  /* empty css */
14
- /* empty css */
14
+ /* empty css */
15
15
  import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
16
16
  import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
17
17
  import _sfc_main$2 from "../../../../components/Block/Block.vue.js";