@ozdao/martyrs 0.2.546 → 0.2.548

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

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

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

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

package/dist/martyrs/src/modules/events/components/pages/EditEvent.vue.cjs

@@ -15,9 +15,9 @@ const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 ;/* empty css                                                   */
 require("axios");
 ;/* empty css                                         */
-const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue2.cjs");
 ;/* empty css                                         */
-require("../../../../components/EditImages/EditImages.vue.cjs");
+;/* empty css                                                 */
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");

package/dist/martyrs/src/modules/events/components/pages/EditEvent.vue.js

@@ -13,9 +13,9 @@ import _sfc_main$8 from "../../../../components/Checkbox/Checkbox.vue.js";
 /* empty css                                                 */
 import "axios";
 /* empty css                                       */
-import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
+import UploadImage from "../../../../components/UploadImage/UploadImage.vue2.js";
 /* empty css                                       */
-import "../../../../components/EditImages/EditImages.vue.js";
+/* empty css                                               */
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$6 from "../../../globals/views/components/blocks/Card.vue.js";

package/dist/martyrs/src/modules/events/components/pages/Event.vue.cjs

@@ -35,12 +35,12 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "bg-light mobile:pd-medium pd-big radius-big" };
 const _hoisted_4 = { class: "z-index-1 mn-b-semi" };
-const _hoisted_5 = { class: "flex flex-wrap gap-micro t-medium p-semi mn-b-semi justify-start align-center" };
+const _hoisted_5 = { class: "flex flex-wrap gap-micro t-medium p-medium mn-b-semi justify-start align-center" };
 const _hoisted_6 = {
   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_7 = { class: "z-index-1 p-semi mn-b-semi" };
+const _hoisted_7 = { class: "z-index-1 p-medium mn-b-semi" };
 const _hoisted_8 = {
   key: 0,
   class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block"
@@ -49,7 +49,7 @@ const _hoisted_9 = { class: "" };
 const _hoisted_10 = { class: "radius-semi pd-medium bg-light mn-b-thin" };
 const _hoisted_11 = { class: "mn-b-small flex-nowrap flex-v-center flex pos-relative" };
 const _hoisted_12 = { class: "pd-medium w-100 radius-medium bg-white mn-b-small" };
-const _hoisted_13 = { class: "flex-nowrap mn-b-small p-semi flex" };
+const _hoisted_13 = { class: "flex-nowrap mn-b-small p-medium flex" };
 const _hoisted_14 = { class: "mn-r-auto" };
 const _hoisted_15 = { class: "t-medium" };
 const _hoisted_16 = ["href"];

package/dist/martyrs/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 id=\"eventPage\">\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-semi 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              <IconDate :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-semi 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-semi 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\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-medium mobile:radius-zero pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { useRoute } from 'vue-router';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { returnCurrency, formatDate } = useGlobalMixins();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["useRoute","useGlobalMixins","ref","tickets.mutations","onMounted","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,EAAE,gBAAgB,WAAU,IAAKC,uBAAe;AACtD,UAAM,SAASC,IAAAA,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAAA,UAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQD,IAAAA,IAAI,IAAI;AACtB,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1BE,QAAAA,UAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,YAAY;AAAA,QAC5B,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section id=\"eventPage\">\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-medium 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              <IconDate :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-medium 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-medium 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\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-medium mobile:radius-zero pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { useRoute } from 'vue-router';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { returnCurrency, formatDate } = useGlobalMixins();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["useRoute","useGlobalMixins","ref","tickets.mutations","onMounted","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,EAAE,gBAAgB,WAAU,IAAKC,uBAAe;AACtD,UAAM,SAASC,IAAAA,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAAA,UAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQD,IAAAA,IAAI,IAAI;AACtB,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1BE,QAAAA,UAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,YAAY;AAAA,QAC5B,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/Event.vue.js

@@ -33,12 +33,12 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "bg-light mobile:pd-medium pd-big radius-big" };
 const _hoisted_4 = { class: "z-index-1 mn-b-semi" };
-const _hoisted_5 = { class: "flex flex-wrap gap-micro t-medium p-semi mn-b-semi justify-start align-center" };
+const _hoisted_5 = { class: "flex flex-wrap gap-micro t-medium p-medium mn-b-semi justify-start align-center" };
 const _hoisted_6 = {
   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_7 = { class: "z-index-1 p-semi mn-b-semi" };
+const _hoisted_7 = { class: "z-index-1 p-medium mn-b-semi" };
 const _hoisted_8 = {
   key: 0,
   class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block"
@@ -47,7 +47,7 @@ const _hoisted_9 = { class: "" };
 const _hoisted_10 = { class: "radius-semi pd-medium bg-light mn-b-thin" };
 const _hoisted_11 = { class: "mn-b-small flex-nowrap flex-v-center flex pos-relative" };
 const _hoisted_12 = { class: "pd-medium w-100 radius-medium bg-white mn-b-small" };
-const _hoisted_13 = { class: "flex-nowrap mn-b-small p-semi flex" };
+const _hoisted_13 = { class: "flex-nowrap mn-b-small p-medium flex" };
 const _hoisted_14 = { class: "mn-r-auto" };
 const _hoisted_15 = { class: "t-medium" };
 const _hoisted_16 = ["href"];

package/dist/martyrs/src/modules/events/components/pages/Event.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section id=\"eventPage\">\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-semi 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              <IconDate :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-semi 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-semi 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\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-medium mobile:radius-zero pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { useRoute } from 'vue-router';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { returnCurrency, formatDate } = useGlobalMixins();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["tickets.mutations","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,gBAAgB,WAAU,IAAK,gBAAe;AACtD,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DA,gBAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY;AAAA,QAC5B,MAAMC,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section id=\"eventPage\">\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-medium 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              <IconDate :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-medium 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-medium 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\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-medium mobile:radius-zero pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { useRoute } from 'vue-router';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { returnCurrency, formatDate } = useGlobalMixins();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["tickets.mutations","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,gBAAgB,WAAU,IAAK,gBAAe;AACtD,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DA,gBAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY;AAAA,QAC5B,MAAMC,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/Events.vue.cjs

@@ -18,11 +18,11 @@ const organizations = require("../../../organizations/store/organizations.cjs");
 const memberships_store = require("../../../organizations/store/memberships.store.cjs");
 const events = require("../../store/events.cjs");
 const _hoisted_1 = { class: "bg-white" };
-const _hoisted_2 = { class: "gap-medium pos-t-0 pos-sticky z-index-3 radius-medium" };
+const _hoisted_2 = { class: "gap-regular pos-t-0 pos-sticky z-index-3 radius-medium" };
 const _hoisted_3 = { class: "pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white" };
-const _hoisted_4 = { class: "gap-medium radius-medium mn-b-semi" };
-const _hoisted_5 = { class: "gap-medium radius-medium mn-b-semi" };
-const _hoisted_6 = { class: "gap-medium radius-medium" };
+const _hoisted_4 = { class: "gap-regular radius-medium mn-b-semi" };
+const _hoisted_5 = { class: "gap-regular radius-medium mn-b-semi" };
+const _hoisted_6 = { class: "gap-regular radius-medium" };
 const _sfc_main = {
   __name: "Events",
   setup(__props) {

package/dist/martyrs/src/modules/events/components/pages/Events.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Events.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"bg-white\"> \n    <div class=\"gap-medium pos-t-0 pos-sticky z-index-3 radius-medium \">\n      <DatePicker\n        @update:date=\"handleDatePickerChange\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin\"\n      />\n    </div>\n\n   <section class=\"pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-medium radius-medium mn-b-semi\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n      }\"\n    />\n    </div>\n\n\n    <FeaturedEvents class=\"mn-b-semi\"/>\n    <SelectDate \n      class=\"mn-b-semi\"\n      @date-selected=\"handleDateSelection\" \n    />\n\n    <div class=\"gap-medium radius-medium mn-b-semi\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 6\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-2 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light radius-semi o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-medium radius-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 9\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 mobile:cols-1 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-medium\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n  import SelectDate from '@martyrs/src/modules/events/components/sections/SelectDate.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\n  import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // let baseDate = new Date();\n  // const formattedDate = formatDateForRouter(baseDate);\n  \n  // function formatDateForRouter(date) {\n  //   return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  // }\n\n  // if (route.query) {\n  //   const query = route.query;\n    \n  //   const newFilterValue = {\n  //     tags: query.tags ? query.tags.split(',') : null,\n  //     date: query.date ? query.date : null,\n  //   };\n\n  //   events.state.filter = newFilterValue;  // <-- Modified\n  // } else {\n  //   const newFilterValue = {\n  //     date: formattedDate,\n  //   };\n\n  //   events.state.filter = newFilterValue;\n  // }\n\n  // watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n  //   const query = { ...route.query };\n\n  //   Object.keys(oldFilterValue).forEach(key => {\n  //     if (query[key]) {\n  //       delete query[key];\n  //     }\n  //   });\n\n  //   const newQueryValues = Object.fromEntries(\n  //     Object.entries(newFilterValue)\n  //       .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n  //       .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n  //   );\n  //   Object.assign(query, newQueryValues);\n\n  //   router.push({ query });\n  // }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n \n  const handleDatePickerChange = (date) => {\n    if (date) {\n      // Убедимся, что у нас действительно объект даты\n      const selectedDate = new Date(date);\n      \n      // Создаем начало дня в локальной временной зоне\n      const startOfDay = new Date(selectedDate);\n      startOfDay.setHours(0, 0, 0, 0);\n      \n      // Создаем конец дня в локальной временной зоне\n      const endOfDay = new Date(selectedDate);\n      endOfDay.setHours(23, 59, 59, 999);\n      \n      router.push({\n        name: 'Events Search',\n        query: {\n          period: 'day',\n          periodStart: startOfDay.toISOString(),\n          periodEnd: endOfDay.toISOString()\n        }\n      });\n    }\n  };\n\n  // Update the existing handleDateSelection method\n  const handleDateSelection = (dateData) => {\n    console.log('Selected date data:', dateData);\n    router.push({\n      name: 'Events Search',\n      query: {\n        periodStart: dateData.startDate.toISOString(),\n        periodEnd: dateData.endDate.toISOString()\n      }\n    });\n  };\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["membershipsStore","organizations.state","useRoute","useRouter","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FA,gCAAiB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;AAEcC,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AA6CxB,UAAM,uBAAuBC,IAAAA,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC/B;AACA,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,UAAM,yBAAyB,CAAC,SAAS;AACvC,UAAI,MAAM;AAER,cAAM,eAAe,IAAI,KAAK,IAAI;AAGlC,cAAM,aAAa,IAAI,KAAK,YAAY;AACxC,mBAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAG9B,cAAM,WAAW,IAAI,KAAK,YAAY;AACtC,iBAAS,SAAS,IAAI,IAAI,IAAI,GAAG;AAEjC,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,aAAa,WAAW,YAAW;AAAA,YACnC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACH;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAW;AAAA,UAC3C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Events.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"bg-white\"> \n    <div class=\"gap-regular pos-t-0 pos-sticky z-index-3 radius-medium \">\n      <DatePicker\n        @update:date=\"handleDatePickerChange\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin\"\n      />\n    </div>\n\n   <section class=\"pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n      }\"\n    />\n    </div>\n\n\n    <FeaturedEvents class=\"mn-b-semi\"/>\n    <SelectDate \n      class=\"mn-b-semi\"\n      @date-selected=\"handleDateSelection\" \n    />\n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 6\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-2 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light radius-semi o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-regular radius-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 9\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 mobile:cols-1 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-medium\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n  import SelectDate from '@martyrs/src/modules/events/components/sections/SelectDate.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\n  import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // let baseDate = new Date();\n  // const formattedDate = formatDateForRouter(baseDate);\n  \n  // function formatDateForRouter(date) {\n  //   return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  // }\n\n  // if (route.query) {\n  //   const query = route.query;\n    \n  //   const newFilterValue = {\n  //     tags: query.tags ? query.tags.split(',') : null,\n  //     date: query.date ? query.date : null,\n  //   };\n\n  //   events.state.filter = newFilterValue;  // <-- Modified\n  // } else {\n  //   const newFilterValue = {\n  //     date: formattedDate,\n  //   };\n\n  //   events.state.filter = newFilterValue;\n  // }\n\n  // watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n  //   const query = { ...route.query };\n\n  //   Object.keys(oldFilterValue).forEach(key => {\n  //     if (query[key]) {\n  //       delete query[key];\n  //     }\n  //   });\n\n  //   const newQueryValues = Object.fromEntries(\n  //     Object.entries(newFilterValue)\n  //       .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n  //       .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n  //   );\n  //   Object.assign(query, newQueryValues);\n\n  //   router.push({ query });\n  // }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n \n  const handleDatePickerChange = (date) => {\n    if (date) {\n      // Убедимся, что у нас действительно объект даты\n      const selectedDate = new Date(date);\n      \n      // Создаем начало дня в локальной временной зоне\n      const startOfDay = new Date(selectedDate);\n      startOfDay.setHours(0, 0, 0, 0);\n      \n      // Создаем конец дня в локальной временной зоне\n      const endOfDay = new Date(selectedDate);\n      endOfDay.setHours(23, 59, 59, 999);\n      \n      router.push({\n        name: 'Events Search',\n        query: {\n          period: 'day',\n          periodStart: startOfDay.toISOString(),\n          periodEnd: endOfDay.toISOString()\n        }\n      });\n    }\n  };\n\n  // Update the existing handleDateSelection method\n  const handleDateSelection = (dateData) => {\n    console.log('Selected date data:', dateData);\n    router.push({\n      name: 'Events Search',\n      query: {\n        periodStart: dateData.startDate.toISOString(),\n        periodEnd: dateData.endDate.toISOString()\n      }\n    });\n  };\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["membershipsStore","organizations.state","useRoute","useRouter","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FA,gCAAiB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;AAEcC,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AA6CxB,UAAM,uBAAuBC,IAAAA,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC/B;AACA,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,UAAM,yBAAyB,CAAC,SAAS;AACvC,UAAI,MAAM;AAER,cAAM,eAAe,IAAI,KAAK,IAAI;AAGlC,cAAM,aAAa,IAAI,KAAK,YAAY;AACxC,mBAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAG9B,cAAM,WAAW,IAAI,KAAK,YAAY;AACtC,iBAAS,SAAS,IAAI,IAAI,IAAI,GAAG;AAEjC,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,aAAa,WAAW,YAAW;AAAA,YACnC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACH;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAW;AAAA,UAC3C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/Events.vue.js

@@ -16,11 +16,11 @@ import { state as state$1, actions } from "../../../organizations/store/organiza
 import membershipsStore from "../../../organizations/store/memberships.store.js";
 import { state as state$2, read } from "../../store/events.js";
 const _hoisted_1 = { class: "bg-white" };
-const _hoisted_2 = { class: "gap-medium pos-t-0 pos-sticky z-index-3 radius-medium" };
+const _hoisted_2 = { class: "gap-regular pos-t-0 pos-sticky z-index-3 radius-medium" };
 const _hoisted_3 = { class: "pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white" };
-const _hoisted_4 = { class: "gap-medium radius-medium mn-b-semi" };
-const _hoisted_5 = { class: "gap-medium radius-medium mn-b-semi" };
-const _hoisted_6 = { class: "gap-medium radius-medium" };
+const _hoisted_4 = { class: "gap-regular radius-medium mn-b-semi" };
+const _hoisted_5 = { class: "gap-regular radius-medium mn-b-semi" };
+const _hoisted_6 = { class: "gap-regular radius-medium" };
 const _sfc_main = {
   __name: "Events",
   setup(__props) {

package/dist/martyrs/src/modules/events/components/pages/Events.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Events.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"bg-white\"> \n    <div class=\"gap-medium pos-t-0 pos-sticky z-index-3 radius-medium \">\n      <DatePicker\n        @update:date=\"handleDatePickerChange\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin\"\n      />\n    </div>\n\n   <section class=\"pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-medium radius-medium mn-b-semi\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n      }\"\n    />\n    </div>\n\n\n    <FeaturedEvents class=\"mn-b-semi\"/>\n    <SelectDate \n      class=\"mn-b-semi\"\n      @date-selected=\"handleDateSelection\" \n    />\n\n    <div class=\"gap-medium radius-medium mn-b-semi\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 6\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-2 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light radius-semi o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-medium radius-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 9\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 mobile:cols-1 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-medium\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n  import SelectDate from '@martyrs/src/modules/events/components/sections/SelectDate.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\n  import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // let baseDate = new Date();\n  // const formattedDate = formatDateForRouter(baseDate);\n  \n  // function formatDateForRouter(date) {\n  //   return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  // }\n\n  // if (route.query) {\n  //   const query = route.query;\n    \n  //   const newFilterValue = {\n  //     tags: query.tags ? query.tags.split(',') : null,\n  //     date: query.date ? query.date : null,\n  //   };\n\n  //   events.state.filter = newFilterValue;  // <-- Modified\n  // } else {\n  //   const newFilterValue = {\n  //     date: formattedDate,\n  //   };\n\n  //   events.state.filter = newFilterValue;\n  // }\n\n  // watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n  //   const query = { ...route.query };\n\n  //   Object.keys(oldFilterValue).forEach(key => {\n  //     if (query[key]) {\n  //       delete query[key];\n  //     }\n  //   });\n\n  //   const newQueryValues = Object.fromEntries(\n  //     Object.entries(newFilterValue)\n  //       .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n  //       .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n  //   );\n  //   Object.assign(query, newQueryValues);\n\n  //   router.push({ query });\n  // }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n \n  const handleDatePickerChange = (date) => {\n    if (date) {\n      // Убедимся, что у нас действительно объект даты\n      const selectedDate = new Date(date);\n      \n      // Создаем начало дня в локальной временной зоне\n      const startOfDay = new Date(selectedDate);\n      startOfDay.setHours(0, 0, 0, 0);\n      \n      // Создаем конец дня в локальной временной зоне\n      const endOfDay = new Date(selectedDate);\n      endOfDay.setHours(23, 59, 59, 999);\n      \n      router.push({\n        name: 'Events Search',\n        query: {\n          period: 'day',\n          periodStart: startOfDay.toISOString(),\n          periodEnd: endOfDay.toISOString()\n        }\n      });\n    }\n  };\n\n  // Update the existing handleDateSelection method\n  const handleDateSelection = (dateData) => {\n    console.log('Selected date data:', dateData);\n    router.push({\n      name: 'Events Search',\n      query: {\n        periodStart: dateData.startDate.toISOString(),\n        periodEnd: dateData.endDate.toISOString()\n      }\n    });\n  };\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBA,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;AAEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AA6CxB,UAAM,uBAAuB,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC/B;AACA,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,UAAM,yBAAyB,CAAC,SAAS;AACvC,UAAI,MAAM;AAER,cAAM,eAAe,IAAI,KAAK,IAAI;AAGlC,cAAM,aAAa,IAAI,KAAK,YAAY;AACxC,mBAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAG9B,cAAM,WAAW,IAAI,KAAK,YAAY;AACtC,iBAAS,SAAS,IAAI,IAAI,IAAI,GAAG;AAEjC,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,aAAa,WAAW,YAAW;AAAA,YACnC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACH;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAW;AAAA,UAC3C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Events.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"bg-white\"> \n    <div class=\"gap-regular pos-t-0 pos-sticky z-index-3 radius-medium \">\n      <DatePicker\n        @update:date=\"handleDatePickerChange\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin\"\n      />\n    </div>\n\n   <section class=\"pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n      }\"\n    />\n    </div>\n\n\n    <FeaturedEvents class=\"mn-b-semi\"/>\n    <SelectDate \n      class=\"mn-b-semi\"\n      @date-selected=\"handleDateSelection\" \n    />\n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 6\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-2 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light radius-semi o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-regular radius-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 9\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 mobile:cols-1 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-medium\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n  import SelectDate from '@martyrs/src/modules/events/components/sections/SelectDate.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\n  import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // let baseDate = new Date();\n  // const formattedDate = formatDateForRouter(baseDate);\n  \n  // function formatDateForRouter(date) {\n  //   return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  // }\n\n  // if (route.query) {\n  //   const query = route.query;\n    \n  //   const newFilterValue = {\n  //     tags: query.tags ? query.tags.split(',') : null,\n  //     date: query.date ? query.date : null,\n  //   };\n\n  //   events.state.filter = newFilterValue;  // <-- Modified\n  // } else {\n  //   const newFilterValue = {\n  //     date: formattedDate,\n  //   };\n\n  //   events.state.filter = newFilterValue;\n  // }\n\n  // watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n  //   const query = { ...route.query };\n\n  //   Object.keys(oldFilterValue).forEach(key => {\n  //     if (query[key]) {\n  //       delete query[key];\n  //     }\n  //   });\n\n  //   const newQueryValues = Object.fromEntries(\n  //     Object.entries(newFilterValue)\n  //       .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n  //       .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n  //   );\n  //   Object.assign(query, newQueryValues);\n\n  //   router.push({ query });\n  // }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n \n  const handleDatePickerChange = (date) => {\n    if (date) {\n      // Убедимся, что у нас действительно объект даты\n      const selectedDate = new Date(date);\n      \n      // Создаем начало дня в локальной временной зоне\n      const startOfDay = new Date(selectedDate);\n      startOfDay.setHours(0, 0, 0, 0);\n      \n      // Создаем конец дня в локальной временной зоне\n      const endOfDay = new Date(selectedDate);\n      endOfDay.setHours(23, 59, 59, 999);\n      \n      router.push({\n        name: 'Events Search',\n        query: {\n          period: 'day',\n          periodStart: startOfDay.toISOString(),\n          periodEnd: endOfDay.toISOString()\n        }\n      });\n    }\n  };\n\n  // Update the existing handleDateSelection method\n  const handleDateSelection = (dateData) => {\n    console.log('Selected date data:', dateData);\n    router.push({\n      name: 'Events Search',\n      query: {\n        periodStart: dateData.startDate.toISOString(),\n        periodEnd: dateData.endDate.toISOString()\n      }\n    });\n  };\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBA,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;AAEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AA6CxB,UAAM,uBAAuB,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC/B;AACA,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,UAAM,yBAAyB,CAAC,SAAS;AACvC,UAAI,MAAM;AAER,cAAM,eAAe,IAAI,KAAK,IAAI;AAGlC,cAAM,aAAa,IAAI,KAAK,YAAY;AACxC,mBAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAG9B,cAAM,WAAW,IAAI,KAAK,YAAY;AACtC,iBAAS,SAAS,IAAI,IAAI,IAAI,GAAG;AAEjC,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,aAAa,WAAW,YAAW;AAAA,YACnC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACH;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAW;AAAA,UAC3C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.cjs

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                  */
-const _hoisted_1 = { class: "gap-medium radius-medium mn-b-semi" };
+const _hoisted_1 = { class: "gap-regular radius-medium mn-b-semi" };
 const _hoisted_2 = { class: "mn-b-small" };
 const _hoisted_3 = { class: "cols-3 mobile:cols-1 mobile:cols-2 gap-thin" };
 const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "mn-b-small p-semi t-medium" };
+const _hoisted_5 = { class: "mn-b-small p-medium t-medium" };
 const _hoisted_6 = { class: "p-regular t-transp" };
 const _sfc_main = {
   __name: "SelectDate",

package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDate.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/SelectDate.vue"],"sourcesContent":["<template>\n  <div class=\"gap-medium radius-medium mn-b-semi\">\n    <h3 class=\"mn-b-small\">\n      {{ title }}\n    </h3>\n    \n    <div class=\"cols-3 mobile:cols-1 mobile:cols-2 gap-thin\">\n      <div \n        v-for=\"(date, index) in computedDateOptions\" \n        :key=\"index\"\n        class=\"bg-light radius-medium pd-medium cursor-pointer\"\n        @click=\"handleDateSelect(date)\"\n      >\n        <p class=\"mn-b-small p-semi t-medium\">{{ date.label }}</p>\n        <div class=\"p-regular t-transp\">{{ date.range }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, defineProps, defineEmits } from 'vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Explore by Date'\n  },\n  locale: {\n    type: String,\n    default: 'en-US'\n  },\n  labels: {\n    type: Object,\n    default: () => ({\n      today: 'Today',\n      tomorrow: 'Tomorrow',\n      thisWeekend: 'This Weekend',\n      thisWeek: 'This Week',\n      nextWeekend: 'Next Weekend',\n      nextWeek: 'Next Week',\n      thisMonth: 'This Month',\n      customDate: 'Custom Date',\n      pickRange: 'Pick Range'\n    })\n  },\n  customDateOptions: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['date-selected']);\n\n// Форматирование одиночной даты с месяцем после числа\nconst formatSingleDate = (date) => {\n  // Получаем отдельные форматированные части\n  const weekday = new Intl.DateTimeFormat(props.locale, { weekday: 'short' }).format(date);\n  const day = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(date);\n  const month = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(date);\n  \n  // Собираем в нужном порядке: день недели, число месяца\n  return `${weekday}, ${day} ${month}`;\n};\n\n// Форматирование диапазона дат с месяцем после числа\nconst formatDateRange = (startDate, endDate) => {\n  const sameMonth = startDate.getMonth() === endDate.getMonth();\n  \n  // Форматируем начало и конец диапазона\n  const startDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(startDate);\n  const endDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(endDate);\n  const startMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(startDate);\n  const endMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(endDate);\n  \n  if (sameMonth) {\n    // Если один и тот же месяц: \"1 - 2 Jan\"\n    return `${startDay} - ${endDay} ${startMonth}`;\n  } else {\n    // Если разные месяцы: \"30 Dec - 5 Jan\"\n    return `${startDay} ${startMonth} - ${endDay} ${endMonth}`;\n  }\n};\n\n// Вспомогательная функция для установки времени на начало дня (00:00:00)\nconst setStartOfDay = (date) => {\n  const result = new Date(date);\n  result.setHours(0, 0, 0, 0);\n  return result;\n};\n\n// Вспомогательная функция для установки времени на конец дня (23:59:59.999)\nconst setEndOfDay = (date) => {\n  const result = new Date(date);\n  result.setHours(23, 59, 59, 999);\n  return result;\n};\n\nconst computedDateOptions = computed(() => {\n  if (props.customDateOptions.length > 0) {\n    return props.customDateOptions;\n  }\n  \n  const today = new Date();\n  const tomorrow = new Date(today);\n  tomorrow.setDate(tomorrow.getDate() + 1);\n  \n  // Расчет текущих выходных (следующие суббота и воскресенье)\n  const thisWeekendStart = new Date(today);\n  const daysUntilWeekend = (6 - today.getDay()); // 6 - суббота\n  thisWeekendStart.setDate(today.getDate() + (daysUntilWeekend <= 0 ? daysUntilWeekend + 7 : daysUntilWeekend));\n  \n  const thisWeekendEnd = new Date(thisWeekendStart);\n  thisWeekendEnd.setDate(thisWeekendStart.getDate() + 1);\n  \n  // Расчет текущей недели (воскресенье - суббота)\n  const thisWeekStart = new Date(today);\n  thisWeekStart.setDate(today.getDate() - today.getDay());\n  \n  const thisWeekEnd = new Date(thisWeekStart);\n  thisWeekEnd.setDate(thisWeekStart.getDate() + 6);\n  \n  // Расчет следующих выходных\n  const nextWeekendStart = new Date(thisWeekendStart);\n  nextWeekendStart.setDate(nextWeekendStart.getDate() + 7);\n  \n  const nextWeekendEnd = new Date(nextWeekendStart);\n  nextWeekendEnd.setDate(nextWeekendStart.getDate() + 1);\n  \n  // Расчет следующей недели\n  const nextWeekStart = new Date(thisWeekStart);\n  nextWeekStart.setDate(nextWeekStart.getDate() + 7);\n  \n  const nextWeekEnd = new Date(nextWeekStart);\n  nextWeekEnd.setDate(nextWeekStart.getDate() + 6);\n  \n  // Расчет текущего месяца\n  const thisMonthStart = new Date(today.getFullYear(), today.getMonth(), 1);\n  const thisMonthEnd = new Date(today.getFullYear(), today.getMonth() + 1, 0);\n  \n  return [\n    { \n      label: props.labels.today, \n      range: formatSingleDate(today),\n      data: { \n        startDate: setStartOfDay(today), \n        endDate: setEndOfDay(today) \n      }\n    },\n    { \n      label: props.labels.tomorrow, \n      range: formatSingleDate(tomorrow),\n      data: { \n        startDate: setStartOfDay(tomorrow), \n        endDate: setEndOfDay(tomorrow) \n      }\n    },\n    { \n      label: props.labels.thisWeekend, \n      range: formatDateRange(thisWeekendStart, thisWeekendEnd),\n      data: { \n        startDate: setStartOfDay(thisWeekendStart), \n        endDate: setEndOfDay(thisWeekendEnd) \n      }\n    },\n    { \n      label: props.labels.thisWeek, \n      range: formatDateRange(thisWeekStart, thisWeekEnd),\n      data: { \n        startDate: setStartOfDay(thisWeekStart), \n        endDate: setEndOfDay(thisWeekEnd) \n      }\n    },\n    { \n      label: props.labels.nextWeekend, \n      range: formatDateRange(nextWeekendStart, nextWeekendEnd),\n      data: { \n        startDate: setStartOfDay(nextWeekendStart), \n        endDate: setEndOfDay(nextWeekendEnd) \n      }\n    },\n    { \n      label: props.labels.nextWeek, \n      range: formatDateRange(nextWeekStart, nextWeekEnd),\n      data: { \n        startDate: setStartOfDay(nextWeekStart), \n        endDate: setEndOfDay(nextWeekEnd) \n      }\n    },\n    // { \n    //   label: props.labels.thisMonth, \n    //   range: formatDateRange(thisMonthStart, thisMonthEnd),\n    //   data: { \n    //     startDate: setStartOfDay(thisMonthStart), \n    //     endDate: setEndOfDay(thisMonthEnd) \n    //   }\n    // },\n    // { \n    //   label: props.labels.customDate, \n    //   range: props.labels.pickRange,\n    //   data: { \n    //     startDate: null, \n    //     endDate: null,\n    //     isCustom: true\n    //   }\n    // }\n  ];\n});\n\nconst handleDateSelect = (date) => {\n  emit('date-selected', date.data);\n};\n</script>\n\n<style lang=\"scss\">\n/* Стили остаются неизменными */\n</style>"],"names":["computed"],"mappings":"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"}
+{"version":3,"file":"SelectDate.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/SelectDate.vue"],"sourcesContent":["<template>\n  <div class=\"gap-regular radius-medium mn-b-semi\">\n    <h3 class=\"mn-b-small\">\n      {{ title }}\n    </h3>\n    \n    <div class=\"cols-3 mobile:cols-1 mobile:cols-2 gap-thin\">\n      <div \n        v-for=\"(date, index) in computedDateOptions\" \n        :key=\"index\"\n        class=\"bg-light radius-medium pd-medium cursor-pointer\"\n        @click=\"handleDateSelect(date)\"\n      >\n        <p class=\"mn-b-small p-medium t-medium\">{{ date.label }}</p>\n        <div class=\"p-regular t-transp\">{{ date.range }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, defineProps, defineEmits } from 'vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Explore by Date'\n  },\n  locale: {\n    type: String,\n    default: 'en-US'\n  },\n  labels: {\n    type: Object,\n    default: () => ({\n      today: 'Today',\n      tomorrow: 'Tomorrow',\n      thisWeekend: 'This Weekend',\n      thisWeek: 'This Week',\n      nextWeekend: 'Next Weekend',\n      nextWeek: 'Next Week',\n      thisMonth: 'This Month',\n      customDate: 'Custom Date',\n      pickRange: 'Pick Range'\n    })\n  },\n  customDateOptions: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['date-selected']);\n\n// Форматирование одиночной даты с месяцем после числа\nconst formatSingleDate = (date) => {\n  // Получаем отдельные форматированные части\n  const weekday = new Intl.DateTimeFormat(props.locale, { weekday: 'short' }).format(date);\n  const day = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(date);\n  const month = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(date);\n  \n  // Собираем в нужном порядке: день недели, число месяца\n  return `${weekday}, ${day} ${month}`;\n};\n\n// Форматирование диапазона дат с месяцем после числа\nconst formatDateRange = (startDate, endDate) => {\n  const sameMonth = startDate.getMonth() === endDate.getMonth();\n  \n  // Форматируем начало и конец диапазона\n  const startDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(startDate);\n  const endDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(endDate);\n  const startMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(startDate);\n  const endMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(endDate);\n  \n  if (sameMonth) {\n    // Если один и тот же месяц: \"1 - 2 Jan\"\n    return `${startDay} - ${endDay} ${startMonth}`;\n  } else {\n    // Если разные месяцы: \"30 Dec - 5 Jan\"\n    return `${startDay} ${startMonth} - ${endDay} ${endMonth}`;\n  }\n};\n\n// Вспомогательная функция для установки времени на начало дня (00:00:00)\nconst setStartOfDay = (date) => {\n  const result = new Date(date);\n  result.setHours(0, 0, 0, 0);\n  return result;\n};\n\n// Вспомогательная функция для установки времени на конец дня (23:59:59.999)\nconst setEndOfDay = (date) => {\n  const result = new Date(date);\n  result.setHours(23, 59, 59, 999);\n  return result;\n};\n\nconst computedDateOptions = computed(() => {\n  if (props.customDateOptions.length > 0) {\n    return props.customDateOptions;\n  }\n  \n  const today = new Date();\n  const tomorrow = new Date(today);\n  tomorrow.setDate(tomorrow.getDate() + 1);\n  \n  // Расчет текущих выходных (следующие суббота и воскресенье)\n  const thisWeekendStart = new Date(today);\n  const daysUntilWeekend = (6 - today.getDay()); // 6 - суббота\n  thisWeekendStart.setDate(today.getDate() + (daysUntilWeekend <= 0 ? daysUntilWeekend + 7 : daysUntilWeekend));\n  \n  const thisWeekendEnd = new Date(thisWeekendStart);\n  thisWeekendEnd.setDate(thisWeekendStart.getDate() + 1);\n  \n  // Расчет текущей недели (воскресенье - суббота)\n  const thisWeekStart = new Date(today);\n  thisWeekStart.setDate(today.getDate() - today.getDay());\n  \n  const thisWeekEnd = new Date(thisWeekStart);\n  thisWeekEnd.setDate(thisWeekStart.getDate() + 6);\n  \n  // Расчет следующих выходных\n  const nextWeekendStart = new Date(thisWeekendStart);\n  nextWeekendStart.setDate(nextWeekendStart.getDate() + 7);\n  \n  const nextWeekendEnd = new Date(nextWeekendStart);\n  nextWeekendEnd.setDate(nextWeekendStart.getDate() + 1);\n  \n  // Расчет следующей недели\n  const nextWeekStart = new Date(thisWeekStart);\n  nextWeekStart.setDate(nextWeekStart.getDate() + 7);\n  \n  const nextWeekEnd = new Date(nextWeekStart);\n  nextWeekEnd.setDate(nextWeekStart.getDate() + 6);\n  \n  // Расчет текущего месяца\n  const thisMonthStart = new Date(today.getFullYear(), today.getMonth(), 1);\n  const thisMonthEnd = new Date(today.getFullYear(), today.getMonth() + 1, 0);\n  \n  return [\n    { \n      label: props.labels.today, \n      range: formatSingleDate(today),\n      data: { \n        startDate: setStartOfDay(today), \n        endDate: setEndOfDay(today) \n      }\n    },\n    { \n      label: props.labels.tomorrow, \n      range: formatSingleDate(tomorrow),\n      data: { \n        startDate: setStartOfDay(tomorrow), \n        endDate: setEndOfDay(tomorrow) \n      }\n    },\n    { \n      label: props.labels.thisWeekend, \n      range: formatDateRange(thisWeekendStart, thisWeekendEnd),\n      data: { \n        startDate: setStartOfDay(thisWeekendStart), \n        endDate: setEndOfDay(thisWeekendEnd) \n      }\n    },\n    { \n      label: props.labels.thisWeek, \n      range: formatDateRange(thisWeekStart, thisWeekEnd),\n      data: { \n        startDate: setStartOfDay(thisWeekStart), \n        endDate: setEndOfDay(thisWeekEnd) \n      }\n    },\n    { \n      label: props.labels.nextWeekend, \n      range: formatDateRange(nextWeekendStart, nextWeekendEnd),\n      data: { \n        startDate: setStartOfDay(nextWeekendStart), \n        endDate: setEndOfDay(nextWeekendEnd) \n      }\n    },\n    { \n      label: props.labels.nextWeek, \n      range: formatDateRange(nextWeekStart, nextWeekEnd),\n      data: { \n        startDate: setStartOfDay(nextWeekStart), \n        endDate: setEndOfDay(nextWeekEnd) \n      }\n    },\n    // { \n    //   label: props.labels.thisMonth, \n    //   range: formatDateRange(thisMonthStart, thisMonthEnd),\n    //   data: { \n    //     startDate: setStartOfDay(thisMonthStart), \n    //     endDate: setEndOfDay(thisMonthEnd) \n    //   }\n    // },\n    // { \n    //   label: props.labels.customDate, \n    //   range: props.labels.pickRange,\n    //   data: { \n    //     startDate: null, \n    //     endDate: null,\n    //     isCustom: true\n    //   }\n    // }\n  ];\n});\n\nconst handleDateSelect = (date) => {\n  emit('date-selected', date.data);\n};\n</script>\n\n<style lang=\"scss\">\n/* Стили остаются неизменными */\n</style>"],"names":["computed"],"mappings":"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"}

package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.js

@@ -1,10 +1,10 @@
 import { computed, createElementBlock, openBlock, createElementVNode, toDisplayString, Fragment, renderList } from "vue";
 /* empty css                */
-const _hoisted_1 = { class: "gap-medium radius-medium mn-b-semi" };
+const _hoisted_1 = { class: "gap-regular radius-medium mn-b-semi" };
 const _hoisted_2 = { class: "mn-b-small" };
 const _hoisted_3 = { class: "cols-3 mobile:cols-1 mobile:cols-2 gap-thin" };
 const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "mn-b-small p-semi t-medium" };
+const _hoisted_5 = { class: "mn-b-small p-medium t-medium" };
 const _hoisted_6 = { class: "p-regular t-transp" };
 const _sfc_main = {
   __name: "SelectDate",

package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDate.vue.js","sources":["../../../../../../../src/modules/events/components/sections/SelectDate.vue"],"sourcesContent":["<template>\n  <div class=\"gap-medium radius-medium mn-b-semi\">\n    <h3 class=\"mn-b-small\">\n      {{ title }}\n    </h3>\n    \n    <div class=\"cols-3 mobile:cols-1 mobile:cols-2 gap-thin\">\n      <div \n        v-for=\"(date, index) in computedDateOptions\" \n        :key=\"index\"\n        class=\"bg-light radius-medium pd-medium cursor-pointer\"\n        @click=\"handleDateSelect(date)\"\n      >\n        <p class=\"mn-b-small p-semi t-medium\">{{ date.label }}</p>\n        <div class=\"p-regular t-transp\">{{ date.range }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, defineProps, defineEmits } from 'vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Explore by Date'\n  },\n  locale: {\n    type: String,\n    default: 'en-US'\n  },\n  labels: {\n    type: Object,\n    default: () => ({\n      today: 'Today',\n      tomorrow: 'Tomorrow',\n      thisWeekend: 'This Weekend',\n      thisWeek: 'This Week',\n      nextWeekend: 'Next Weekend',\n      nextWeek: 'Next Week',\n      thisMonth: 'This Month',\n      customDate: 'Custom Date',\n      pickRange: 'Pick Range'\n    })\n  },\n  customDateOptions: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['date-selected']);\n\n// Форматирование одиночной даты с месяцем после числа\nconst formatSingleDate = (date) => {\n  // Получаем отдельные форматированные части\n  const weekday = new Intl.DateTimeFormat(props.locale, { weekday: 'short' }).format(date);\n  const day = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(date);\n  const month = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(date);\n  \n  // Собираем в нужном порядке: день недели, число месяца\n  return `${weekday}, ${day} ${month}`;\n};\n\n// Форматирование диапазона дат с месяцем после числа\nconst formatDateRange = (startDate, endDate) => {\n  const sameMonth = startDate.getMonth() === endDate.getMonth();\n  \n  // Форматируем начало и конец диапазона\n  const startDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(startDate);\n  const endDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(endDate);\n  const startMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(startDate);\n  const endMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(endDate);\n  \n  if (sameMonth) {\n    // Если один и тот же месяц: \"1 - 2 Jan\"\n    return `${startDay} - ${endDay} ${startMonth}`;\n  } else {\n    // Если разные месяцы: \"30 Dec - 5 Jan\"\n    return `${startDay} ${startMonth} - ${endDay} ${endMonth}`;\n  }\n};\n\n// Вспомогательная функция для установки времени на начало дня (00:00:00)\nconst setStartOfDay = (date) => {\n  const result = new Date(date);\n  result.setHours(0, 0, 0, 0);\n  return result;\n};\n\n// Вспомогательная функция для установки времени на конец дня (23:59:59.999)\nconst setEndOfDay = (date) => {\n  const result = new Date(date);\n  result.setHours(23, 59, 59, 999);\n  return result;\n};\n\nconst computedDateOptions = computed(() => {\n  if (props.customDateOptions.length > 0) {\n    return props.customDateOptions;\n  }\n  \n  const today = new Date();\n  const tomorrow = new Date(today);\n  tomorrow.setDate(tomorrow.getDate() + 1);\n  \n  // Расчет текущих выходных (следующие суббота и воскресенье)\n  const thisWeekendStart = new Date(today);\n  const daysUntilWeekend = (6 - today.getDay()); // 6 - суббота\n  thisWeekendStart.setDate(today.getDate() + (daysUntilWeekend <= 0 ? daysUntilWeekend + 7 : daysUntilWeekend));\n  \n  const thisWeekendEnd = new Date(thisWeekendStart);\n  thisWeekendEnd.setDate(thisWeekendStart.getDate() + 1);\n  \n  // Расчет текущей недели (воскресенье - суббота)\n  const thisWeekStart = new Date(today);\n  thisWeekStart.setDate(today.getDate() - today.getDay());\n  \n  const thisWeekEnd = new Date(thisWeekStart);\n  thisWeekEnd.setDate(thisWeekStart.getDate() + 6);\n  \n  // Расчет следующих выходных\n  const nextWeekendStart = new Date(thisWeekendStart);\n  nextWeekendStart.setDate(nextWeekendStart.getDate() + 7);\n  \n  const nextWeekendEnd = new Date(nextWeekendStart);\n  nextWeekendEnd.setDate(nextWeekendStart.getDate() + 1);\n  \n  // Расчет следующей недели\n  const nextWeekStart = new Date(thisWeekStart);\n  nextWeekStart.setDate(nextWeekStart.getDate() + 7);\n  \n  const nextWeekEnd = new Date(nextWeekStart);\n  nextWeekEnd.setDate(nextWeekStart.getDate() + 6);\n  \n  // Расчет текущего месяца\n  const thisMonthStart = new Date(today.getFullYear(), today.getMonth(), 1);\n  const thisMonthEnd = new Date(today.getFullYear(), today.getMonth() + 1, 0);\n  \n  return [\n    { \n      label: props.labels.today, \n      range: formatSingleDate(today),\n      data: { \n        startDate: setStartOfDay(today), \n        endDate: setEndOfDay(today) \n      }\n    },\n    { \n      label: props.labels.tomorrow, \n      range: formatSingleDate(tomorrow),\n      data: { \n        startDate: setStartOfDay(tomorrow), \n        endDate: setEndOfDay(tomorrow) \n      }\n    },\n    { \n      label: props.labels.thisWeekend, \n      range: formatDateRange(thisWeekendStart, thisWeekendEnd),\n      data: { \n        startDate: setStartOfDay(thisWeekendStart), \n        endDate: setEndOfDay(thisWeekendEnd) \n      }\n    },\n    { \n      label: props.labels.thisWeek, \n      range: formatDateRange(thisWeekStart, thisWeekEnd),\n      data: { \n        startDate: setStartOfDay(thisWeekStart), \n        endDate: setEndOfDay(thisWeekEnd) \n      }\n    },\n    { \n      label: props.labels.nextWeekend, \n      range: formatDateRange(nextWeekendStart, nextWeekendEnd),\n      data: { \n        startDate: setStartOfDay(nextWeekendStart), \n        endDate: setEndOfDay(nextWeekendEnd) \n      }\n    },\n    { \n      label: props.labels.nextWeek, \n      range: formatDateRange(nextWeekStart, nextWeekEnd),\n      data: { \n        startDate: setStartOfDay(nextWeekStart), \n        endDate: setEndOfDay(nextWeekEnd) \n      }\n    },\n    // { \n    //   label: props.labels.thisMonth, \n    //   range: formatDateRange(thisMonthStart, thisMonthEnd),\n    //   data: { \n    //     startDate: setStartOfDay(thisMonthStart), \n    //     endDate: setEndOfDay(thisMonthEnd) \n    //   }\n    // },\n    // { \n    //   label: props.labels.customDate, \n    //   range: props.labels.pickRange,\n    //   data: { \n    //     startDate: null, \n    //     endDate: null,\n    //     isCustom: true\n    //   }\n    // }\n  ];\n});\n\nconst handleDateSelect = (date) => {\n  emit('date-selected', date.data);\n};\n</script>\n\n<style lang=\"scss\">\n/* Стили остаются неизменными */\n</style>"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectDate.vue.js","sources":["../../../../../../../src/modules/events/components/sections/SelectDate.vue"],"sourcesContent":["<template>\n  <div class=\"gap-regular radius-medium mn-b-semi\">\n    <h3 class=\"mn-b-small\">\n      {{ title }}\n    </h3>\n    \n    <div class=\"cols-3 mobile:cols-1 mobile:cols-2 gap-thin\">\n      <div \n        v-for=\"(date, index) in computedDateOptions\" \n        :key=\"index\"\n        class=\"bg-light radius-medium pd-medium cursor-pointer\"\n        @click=\"handleDateSelect(date)\"\n      >\n        <p class=\"mn-b-small p-medium t-medium\">{{ date.label }}</p>\n        <div class=\"p-regular t-transp\">{{ date.range }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, defineProps, defineEmits } from 'vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Explore by Date'\n  },\n  locale: {\n    type: String,\n    default: 'en-US'\n  },\n  labels: {\n    type: Object,\n    default: () => ({\n      today: 'Today',\n      tomorrow: 'Tomorrow',\n      thisWeekend: 'This Weekend',\n      thisWeek: 'This Week',\n      nextWeekend: 'Next Weekend',\n      nextWeek: 'Next Week',\n      thisMonth: 'This Month',\n      customDate: 'Custom Date',\n      pickRange: 'Pick Range'\n    })\n  },\n  customDateOptions: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['date-selected']);\n\n// Форматирование одиночной даты с месяцем после числа\nconst formatSingleDate = (date) => {\n  // Получаем отдельные форматированные части\n  const weekday = new Intl.DateTimeFormat(props.locale, { weekday: 'short' }).format(date);\n  const day = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(date);\n  const month = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(date);\n  \n  // Собираем в нужном порядке: день недели, число месяца\n  return `${weekday}, ${day} ${month}`;\n};\n\n// Форматирование диапазона дат с месяцем после числа\nconst formatDateRange = (startDate, endDate) => {\n  const sameMonth = startDate.getMonth() === endDate.getMonth();\n  \n  // Форматируем начало и конец диапазона\n  const startDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(startDate);\n  const endDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(endDate);\n  const startMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(startDate);\n  const endMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(endDate);\n  \n  if (sameMonth) {\n    // Если один и тот же месяц: \"1 - 2 Jan\"\n    return `${startDay} - ${endDay} ${startMonth}`;\n  } else {\n    // Если разные месяцы: \"30 Dec - 5 Jan\"\n    return `${startDay} ${startMonth} - ${endDay} ${endMonth}`;\n  }\n};\n\n// Вспомогательная функция для установки времени на начало дня (00:00:00)\nconst setStartOfDay = (date) => {\n  const result = new Date(date);\n  result.setHours(0, 0, 0, 0);\n  return result;\n};\n\n// Вспомогательная функция для установки времени на конец дня (23:59:59.999)\nconst setEndOfDay = (date) => {\n  const result = new Date(date);\n  result.setHours(23, 59, 59, 999);\n  return result;\n};\n\nconst computedDateOptions = computed(() => {\n  if (props.customDateOptions.length > 0) {\n    return props.customDateOptions;\n  }\n  \n  const today = new Date();\n  const tomorrow = new Date(today);\n  tomorrow.setDate(tomorrow.getDate() + 1);\n  \n  // Расчет текущих выходных (следующие суббота и воскресенье)\n  const thisWeekendStart = new Date(today);\n  const daysUntilWeekend = (6 - today.getDay()); // 6 - суббота\n  thisWeekendStart.setDate(today.getDate() + (daysUntilWeekend <= 0 ? daysUntilWeekend + 7 : daysUntilWeekend));\n  \n  const thisWeekendEnd = new Date(thisWeekendStart);\n  thisWeekendEnd.setDate(thisWeekendStart.getDate() + 1);\n  \n  // Расчет текущей недели (воскресенье - суббота)\n  const thisWeekStart = new Date(today);\n  thisWeekStart.setDate(today.getDate() - today.getDay());\n  \n  const thisWeekEnd = new Date(thisWeekStart);\n  thisWeekEnd.setDate(thisWeekStart.getDate() + 6);\n  \n  // Расчет следующих выходных\n  const nextWeekendStart = new Date(thisWeekendStart);\n  nextWeekendStart.setDate(nextWeekendStart.getDate() + 7);\n  \n  const nextWeekendEnd = new Date(nextWeekendStart);\n  nextWeekendEnd.setDate(nextWeekendStart.getDate() + 1);\n  \n  // Расчет следующей недели\n  const nextWeekStart = new Date(thisWeekStart);\n  nextWeekStart.setDate(nextWeekStart.getDate() + 7);\n  \n  const nextWeekEnd = new Date(nextWeekStart);\n  nextWeekEnd.setDate(nextWeekStart.getDate() + 6);\n  \n  // Расчет текущего месяца\n  const thisMonthStart = new Date(today.getFullYear(), today.getMonth(), 1);\n  const thisMonthEnd = new Date(today.getFullYear(), today.getMonth() + 1, 0);\n  \n  return [\n    { \n      label: props.labels.today, \n      range: formatSingleDate(today),\n      data: { \n        startDate: setStartOfDay(today), \n        endDate: setEndOfDay(today) \n      }\n    },\n    { \n      label: props.labels.tomorrow, \n      range: formatSingleDate(tomorrow),\n      data: { \n        startDate: setStartOfDay(tomorrow), \n        endDate: setEndOfDay(tomorrow) \n      }\n    },\n    { \n      label: props.labels.thisWeekend, \n      range: formatDateRange(thisWeekendStart, thisWeekendEnd),\n      data: { \n        startDate: setStartOfDay(thisWeekendStart), \n        endDate: setEndOfDay(thisWeekendEnd) \n      }\n    },\n    { \n      label: props.labels.thisWeek, \n      range: formatDateRange(thisWeekStart, thisWeekEnd),\n      data: { \n        startDate: setStartOfDay(thisWeekStart), \n        endDate: setEndOfDay(thisWeekEnd) \n      }\n    },\n    { \n      label: props.labels.nextWeekend, \n      range: formatDateRange(nextWeekendStart, nextWeekendEnd),\n      data: { \n        startDate: setStartOfDay(nextWeekendStart), \n        endDate: setEndOfDay(nextWeekendEnd) \n      }\n    },\n    { \n      label: props.labels.nextWeek, \n      range: formatDateRange(nextWeekStart, nextWeekEnd),\n      data: { \n        startDate: setStartOfDay(nextWeekStart), \n        endDate: setEndOfDay(nextWeekEnd) \n      }\n    },\n    // { \n    //   label: props.labels.thisMonth, \n    //   range: formatDateRange(thisMonthStart, thisMonthEnd),\n    //   data: { \n    //     startDate: setStartOfDay(thisMonthStart), \n    //     endDate: setEndOfDay(thisMonthEnd) \n    //   }\n    // },\n    // { \n    //   label: props.labels.customDate, \n    //   range: props.labels.pickRange,\n    //   data: { \n    //     startDate: null, \n    //     endDate: null,\n    //     isCustom: true\n    //   }\n    // }\n  ];\n});\n\nconst handleDateSelect = (date) => {\n  emit('date-selected', date.data);\n};\n</script>\n\n<style lang=\"scss\">\n/* Стили остаются неизменными */\n</style>"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/globals/globals.client.cjs

@@ -27,8 +27,6 @@ const Footer = require("./views/components/partials/Footer.vue.cjs");
 const Walkthrough = require("./views/components/sections/Walkthrough.vue.cjs");
 const globals_app = require("./views/classes/globals.app.cjs");
 function initializeGlobals(app, store2, router, config, options = {}) {
-  console.log("[initializeGlobals] START");
-  console.log("[initializeGlobals] Store before addStore:", store2);
   const route = options.route || "Home";
   const locales = {
     en: en.default,
@@ -60,11 +58,7 @@ function initializeGlobals(app, store2, router, config, options = {}) {
     return next();
   });
   if (config && config.modules) globals.state.options = config.modules;
-  console.log("[initializeGlobals] Adding globals store with state:", globals.state);
   store2.addStore("globals", globals);
-  console.log("[initializeGlobals] Store after addStore:", store2);
-  console.log("[initializeGlobals] Store.globals exists:", !!store2.globals);
-  console.log("[initializeGlobals] END");
   router.addRoute(route, {
     path: "404",
     name: "notfound",