@ozdao/prometheus-framework 0.2.334 → 0.2.335

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

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

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index = require("../../../../../../node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const tickets = require("../../store/tickets.cjs");
 ;/* empty css                   */
 const _hoisted_1 = {

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

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createTextVNode, Teleport, createElementVNode } from "vue";
 import { BarcodeScanner } from "../../../../../../node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { actions } from "../../store/tickets.js";
 /* empty css                 */
 const _hoisted_1 = {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 require("../../../auth/views/store/auth.cjs");
 const tickets = require("../../store/tickets.cjs");
 ;/* empty css                  */

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

@@ -1,5 +1,5 @@
 import { createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import "../../../auth/views/store/auth.js";
 import { actions } from "../../store/tickets.js";
 /* empty css                */

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

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

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

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

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

@@ -4,8 +4,8 @@ const vue = require("vue");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const ButtonCheck = require("../elements/ButtonCheck.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");

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

@@ -2,8 +2,8 @@ import { ref, onMounted, createElementBlock, createCommentVNode, unref, openBloc
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
-import Field from "../../../../components/Field/Field.vue2.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$1 from "../elements/ButtonCheck.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconAdd.vue.js";

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardEvent = require("../blocks/CardEvent.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

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

@@ -1,6 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createVNode, unref, withCtx, Fragment, renderList, withModifiers } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../blocks/CardEvent.vue.js";
 import { state } from "../../../auth/views/store/auth.js";

package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.cjs

@@ -4,9 +4,8 @@ const vue = require("vue");
 ;/* empty css                                         */
 ;/* empty css                                              */
 ;/* empty css                                               */
-;/* empty css                                       */
+;/* empty css                                        */
 ;/* empty css                                           */
-;/* empty css                                         */
 ;/* empty css                                      */
 const Slider = require("../../../../components/Slider/Slider.vue.cjs");
 const Media = require("../../../../components/Media/Media.vue.cjs");

package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EventsHot.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EventsHot.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.js

@@ -2,9 +2,8 @@ import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createE
 /* empty css                                       */
 /* empty css                                            */
 /* empty css                                             */
-/* empty css                                     */
+/* empty css                                      */
 /* empty css                                         */
-/* empty css                                       */
 /* empty css                                    */
 import Slider from "../../../../components/Slider/Slider.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";

package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventsHot.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EventsHot.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.cjs

@@ -2,7 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 require("vue-i18n");
-;/* empty css                                         */
 ;/* empty css                 */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "t-white t-center w-100 pos-relative gap-thin cols-1 pos-relative h-min-20r" };
@@ -88,6 +87,6 @@ const _sfc_main = {
     };
   }
 };
-const HeroEvent = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-620e82d8"]]);
+const HeroEvent = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-0f5877fc"]]);
 exports.default = HeroEvent;
 //# sourceMappingURL=HeroEvent.vue.cjs.map

package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeroEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/HeroEvent.vue"],"sourcesContent":["<template>\n  <section \n  \tclass=\"\n\t  \tt-white\n\t  \tt-center\n\t  \tw-100 \n\t  \tpos-relative\n\t  \tgap-thin\n\t  \tcols-1\n\t  \tpos-relative\n\t  \th-min-20r\n\t  \"\n\t >\n   \t<div \n   \t\t\n   \t\tclass=\"pos-absolute bg-white w-100 h-100 z-index-0 bg-black\"\n   \t>\n\n   \t\t<div class=\"bg-white-overlay z-index-1 w-100 h-100 pos-absolute pos-t-0 pos-r-0\">\n   \t\t</div>\n\t    <img loading=\"lazy\"  v-if=\"content.cover && !content.video\" :src=\"content.cover\" \tclass=\" object-fit-cover pos-absolute z-index-0 pos-t-0 pos-l-0 w-100 h-100\">\n\n\t\t\t<video \n\t\t\t\tv-if=\"content.video\"\n\t\t\t\tstyle=\"object-fit: cover;\" \n\t\t\t\tref=\"videoElement\"  \n\t\t\t\tclass=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100\" \n\t\t\t\tpreload autoplay muted loop playsinlineclass playsinline\n\t\t\t\titemprop=\"video\" \n\t\t\t\ttype=\"video/webm\"\n\t\t\t>\n\t\t\t\t <source :src=\"content.video\" :type=\"getVideoType(content.video)\" />\n\t\t\t</video>\n\t  </div>\n\n   \t<div \n   \t\tclass=\"\n\t  \to-hidden \n\t  \tpos-relative\n\t  \tz-index-1\n\t  \tpd-extra \n\t  \tpd-b-zero\n\t  \tmn-r-auto mn-l-auto \n\t  \tt-white  t-left\n\t  \tflex flex-justify-end flex-column\n\t  \to-hidden  \n\t  \tw-100 h-100 \n\t  \tgap-zero\"\n\t  >\n    \t\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\timport IconCalendar from '@pf/src/modules/icons/entities/IconCalendar.vue'\n\n\n\n\tconst props = defineProps({\n\t\tcontent: {\n\t\t\ttype: Object\n\t\t},\n\t\toptions: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n\n\tconst videoElement = ref(null)\n\n\tvar isPlaying = false;\n\n\tconst targetDate = new Date(props.options.date).getTime();\n\tconst currentDate = ref(new Date().getTime());\n\tconst timeDifference = targetDate - currentDate.value;\n\n\tfunction checkAndPlayVideo() {\n\t\tif (videoElement.value) videoElement.value.onplaying = function() { isPlaying = true; };\n\t\tif (videoElement.value) videoElement.value.onpause = function() { isPlaying = false; };\t\n  }\n\n  function getVideoType(videoUrl) {\n    if (videoUrl.endsWith('.mp4')) {\n      return 'video/mp4';\n    } else if (videoUrl.endsWith('.webm')) {\n      return 'video/webm';\n    }\n    return '';\n  }\n\n\tasync function playVid() {      \n    if (videoElement.value?.paused && !isPlaying) {\n      return videoElement.value.play();\n    }\n\t} \n\n\tonMounted(() => {\n\t\t\tcheckAndPlayVideo()\n\t\t\tplayVid()\n\t})\n\n</script>\n\n<style lang=\"scss\" scoped>\n.bg-white-overlay {\n  background: linear-gradient(0deg, rgba(var(--white),1) 0%, rgba(var(--white),0) 100%);\n}\n</style>\n"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+DC,UAAM,QAAQ;AAUd,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAE7B,QAAI,YAAY;AAEhB,UAAM,aAAa,IAAI,KAAK,MAAM,QAAQ,IAAI,EAAE,QAAS;AACzD,UAAM,cAAcA,IAAG,KAAC,oBAAI,KAAM,GAAC,QAAO,CAAE;AACrB,iBAAa,YAAY;AAEhD,aAAS,oBAAoB;AAC5B,UAAI,aAAa,MAAO,cAAa,MAAM,YAAY,WAAW;AAAE,oBAAY;AAAA,MAAO;AACvF,UAAI,aAAa,MAAO,cAAa,MAAM,UAAU,WAAW;AAAE,oBAAY;AAAA;IAChF;AAEE,aAAS,aAAa,UAAU;AAC9B,UAAI,SAAS,SAAS,MAAM,GAAG;AAC7B,eAAO;AAAA,MACR,WAAU,SAAS,SAAS,OAAO,GAAG;AACrC,eAAO;AAAA,MACb;AACI,aAAO;AAAA,IACX;AAEC,mBAAe,UAAU;;AACtB,YAAI,kBAAa,UAAb,mBAAoB,WAAU,CAAC,WAAW;AAC5C,eAAO,aAAa,MAAM,KAAM;AAAA,MACtC;AAAA,IACE;AAEDC,QAAAA,UAAU,MAAM;AACd,wBAAiB;AACjB,cAAO;AAAA,IACR,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/HeroEvent.vue"],"sourcesContent":["<template>\n  <section \n  \tclass=\"\n\t  \tt-white\n\t  \tt-center\n\t  \tw-100 \n\t  \tpos-relative\n\t  \tgap-thin\n\t  \tcols-1\n\t  \tpos-relative\n\t  \th-min-20r\n\t  \"\n\t >\n   \t<div \n   \t\t\n   \t\tclass=\"pos-absolute bg-white w-100 h-100 z-index-0 bg-black\"\n   \t>\n\n   \t\t<div class=\"bg-white-overlay z-index-1 w-100 h-100 pos-absolute pos-t-0 pos-r-0\">\n   \t\t</div>\n\t    <img loading=\"lazy\"  v-if=\"content.cover && !content.video\" :src=\"content.cover\" \tclass=\" object-fit-cover pos-absolute z-index-0 pos-t-0 pos-l-0 w-100 h-100\">\n\n\t\t\t<video \n\t\t\t\tv-if=\"content.video\"\n\t\t\t\tstyle=\"object-fit: cover;\" \n\t\t\t\tref=\"videoElement\"  \n\t\t\t\tclass=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100\" \n\t\t\t\tpreload autoplay muted loop playsinlineclass playsinline\n\t\t\t\titemprop=\"video\" \n\t\t\t\ttype=\"video/webm\"\n\t\t\t>\n\t\t\t\t <source :src=\"content.video\" :type=\"getVideoType(content.video)\" />\n\t\t\t</video>\n\t  </div>\n\n   \t<div \n   \t\tclass=\"\n\t  \to-hidden \n\t  \tpos-relative\n\t  \tz-index-1\n\t  \tpd-extra \n\t  \tpd-b-zero\n\t  \tmn-r-auto mn-l-auto \n\t  \tt-white  t-left\n\t  \tflex flex-justify-end flex-column\n\t  \to-hidden  \n\t  \tw-100 h-100 \n\t  \tgap-zero\"\n\t  >\n    \t\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\tconst props = defineProps({\n\t\tcontent: {\n\t\t\ttype: Object\n\t\t},\n\t\toptions: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n\n\tconst videoElement = ref(null)\n\n\tvar isPlaying = false;\n\n\tconst targetDate = new Date(props.options.date).getTime();\n\tconst currentDate = ref(new Date().getTime());\n\tconst timeDifference = targetDate - currentDate.value;\n\n\tfunction checkAndPlayVideo() {\n\t\tif (videoElement.value) videoElement.value.onplaying = function() { isPlaying = true; };\n\t\tif (videoElement.value) videoElement.value.onpause = function() { isPlaying = false; };\t\n  }\n\n  function getVideoType(videoUrl) {\n    if (videoUrl.endsWith('.mp4')) {\n      return 'video/mp4';\n    } else if (videoUrl.endsWith('.webm')) {\n      return 'video/webm';\n    }\n    return '';\n  }\n\n\tasync function playVid() {      \n    if (videoElement.value?.paused && !isPlaying) {\n      return videoElement.value.play();\n    }\n\t} \n\n\tonMounted(() => {\n\t\t\tcheckAndPlayVideo()\n\t\t\tplayVid()\n\t})\n\n</script>\n\n<style lang=\"scss\" scoped>\n.bg-white-overlay {\n  background: linear-gradient(0deg, rgba(var(--white),1) 0%, rgba(var(--white),0) 100%);\n}\n</style>\n"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2DC,UAAM,QAAQ;AAUd,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAE7B,QAAI,YAAY;AAEhB,UAAM,aAAa,IAAI,KAAK,MAAM,QAAQ,IAAI,EAAE,QAAS;AACzD,UAAM,cAAcA,IAAG,KAAC,oBAAI,KAAM,GAAC,QAAO,CAAE;AACrB,iBAAa,YAAY;AAEhD,aAAS,oBAAoB;AAC5B,UAAI,aAAa,MAAO,cAAa,MAAM,YAAY,WAAW;AAAE,oBAAY;AAAA,MAAO;AACvF,UAAI,aAAa,MAAO,cAAa,MAAM,UAAU,WAAW;AAAE,oBAAY;AAAA;IAChF;AAEE,aAAS,aAAa,UAAU;AAC9B,UAAI,SAAS,SAAS,MAAM,GAAG;AAC7B,eAAO;AAAA,MACR,WAAU,SAAS,SAAS,OAAO,GAAG;AACrC,eAAO;AAAA,MACb;AACI,aAAO;AAAA,IACX;AAEC,mBAAe,UAAU;;AACtB,YAAI,kBAAa,UAAb,mBAAoB,WAAU,CAAC,WAAW;AAC5C,eAAO,aAAa,MAAM,KAAM;AAAA,MACtC;AAAA,IACE;AAEDC,QAAAA,UAAU,MAAM;AACd,wBAAiB;AACjB,cAAO;AAAA,IACR,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.js

@@ -1,6 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode } from "vue";
 import "vue-i18n";
-/* empty css                                       */
 /* empty css               */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "t-white t-center w-100 pos-relative gap-thin cols-1 pos-relative h-min-20r" };
@@ -86,7 +85,7 @@ const _sfc_main = {
     };
   }
 };
-const HeroEvent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-620e82d8"]]);
+const HeroEvent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0f5877fc"]]);
 export {
   HeroEvent as default
 };

package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroEvent.vue.js","sources":["../../../../../../../src/modules/events/components/sections/HeroEvent.vue"],"sourcesContent":["<template>\n  <section \n  \tclass=\"\n\t  \tt-white\n\t  \tt-center\n\t  \tw-100 \n\t  \tpos-relative\n\t  \tgap-thin\n\t  \tcols-1\n\t  \tpos-relative\n\t  \th-min-20r\n\t  \"\n\t >\n   \t<div \n   \t\t\n   \t\tclass=\"pos-absolute bg-white w-100 h-100 z-index-0 bg-black\"\n   \t>\n\n   \t\t<div class=\"bg-white-overlay z-index-1 w-100 h-100 pos-absolute pos-t-0 pos-r-0\">\n   \t\t</div>\n\t    <img loading=\"lazy\"  v-if=\"content.cover && !content.video\" :src=\"content.cover\" \tclass=\" object-fit-cover pos-absolute z-index-0 pos-t-0 pos-l-0 w-100 h-100\">\n\n\t\t\t<video \n\t\t\t\tv-if=\"content.video\"\n\t\t\t\tstyle=\"object-fit: cover;\" \n\t\t\t\tref=\"videoElement\"  \n\t\t\t\tclass=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100\" \n\t\t\t\tpreload autoplay muted loop playsinlineclass playsinline\n\t\t\t\titemprop=\"video\" \n\t\t\t\ttype=\"video/webm\"\n\t\t\t>\n\t\t\t\t <source :src=\"content.video\" :type=\"getVideoType(content.video)\" />\n\t\t\t</video>\n\t  </div>\n\n   \t<div \n   \t\tclass=\"\n\t  \to-hidden \n\t  \tpos-relative\n\t  \tz-index-1\n\t  \tpd-extra \n\t  \tpd-b-zero\n\t  \tmn-r-auto mn-l-auto \n\t  \tt-white  t-left\n\t  \tflex flex-justify-end flex-column\n\t  \to-hidden  \n\t  \tw-100 h-100 \n\t  \tgap-zero\"\n\t  >\n    \t\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\timport IconCalendar from '@pf/src/modules/icons/entities/IconCalendar.vue'\n\n\n\n\tconst props = defineProps({\n\t\tcontent: {\n\t\t\ttype: Object\n\t\t},\n\t\toptions: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n\n\tconst videoElement = ref(null)\n\n\tvar isPlaying = false;\n\n\tconst targetDate = new Date(props.options.date).getTime();\n\tconst currentDate = ref(new Date().getTime());\n\tconst timeDifference = targetDate - currentDate.value;\n\n\tfunction checkAndPlayVideo() {\n\t\tif (videoElement.value) videoElement.value.onplaying = function() { isPlaying = true; };\n\t\tif (videoElement.value) videoElement.value.onpause = function() { isPlaying = false; };\t\n  }\n\n  function getVideoType(videoUrl) {\n    if (videoUrl.endsWith('.mp4')) {\n      return 'video/mp4';\n    } else if (videoUrl.endsWith('.webm')) {\n      return 'video/webm';\n    }\n    return '';\n  }\n\n\tasync function playVid() {      \n    if (videoElement.value?.paused && !isPlaying) {\n      return videoElement.value.play();\n    }\n\t} \n\n\tonMounted(() => {\n\t\t\tcheckAndPlayVideo()\n\t\t\tplayVid()\n\t})\n\n</script>\n\n<style lang=\"scss\" scoped>\n.bg-white-overlay {\n  background: linear-gradient(0deg, rgba(var(--white),1) 0%, rgba(var(--white),0) 100%);\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA+DC,UAAM,QAAQ;AAUd,UAAM,eAAe,IAAI,IAAI;AAE7B,QAAI,YAAY;AAEhB,UAAM,aAAa,IAAI,KAAK,MAAM,QAAQ,IAAI,EAAE,QAAS;AACzD,UAAM,cAAc,KAAI,oBAAI,KAAM,GAAC,QAAO,CAAE;AACrB,iBAAa,YAAY;AAEhD,aAAS,oBAAoB;AAC5B,UAAI,aAAa,MAAO,cAAa,MAAM,YAAY,WAAW;AAAE,oBAAY;AAAA,MAAO;AACvF,UAAI,aAAa,MAAO,cAAa,MAAM,UAAU,WAAW;AAAE,oBAAY;AAAA;IAChF;AAEE,aAAS,aAAa,UAAU;AAC9B,UAAI,SAAS,SAAS,MAAM,GAAG;AAC7B,eAAO;AAAA,MACR,WAAU,SAAS,SAAS,OAAO,GAAG;AACrC,eAAO;AAAA,MACb;AACI,aAAO;AAAA,IACX;AAEC,mBAAe,UAAU;;AACtB,YAAI,kBAAa,UAAb,mBAAoB,WAAU,CAAC,WAAW;AAC5C,eAAO,aAAa,MAAM,KAAM;AAAA,MACtC;AAAA,IACE;AAED,cAAU,MAAM;AACd,wBAAiB;AACjB,cAAO;AAAA,IACR,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroEvent.vue.js","sources":["../../../../../../../src/modules/events/components/sections/HeroEvent.vue"],"sourcesContent":["<template>\n  <section \n  \tclass=\"\n\t  \tt-white\n\t  \tt-center\n\t  \tw-100 \n\t  \tpos-relative\n\t  \tgap-thin\n\t  \tcols-1\n\t  \tpos-relative\n\t  \th-min-20r\n\t  \"\n\t >\n   \t<div \n   \t\t\n   \t\tclass=\"pos-absolute bg-white w-100 h-100 z-index-0 bg-black\"\n   \t>\n\n   \t\t<div class=\"bg-white-overlay z-index-1 w-100 h-100 pos-absolute pos-t-0 pos-r-0\">\n   \t\t</div>\n\t    <img loading=\"lazy\"  v-if=\"content.cover && !content.video\" :src=\"content.cover\" \tclass=\" object-fit-cover pos-absolute z-index-0 pos-t-0 pos-l-0 w-100 h-100\">\n\n\t\t\t<video \n\t\t\t\tv-if=\"content.video\"\n\t\t\t\tstyle=\"object-fit: cover;\" \n\t\t\t\tref=\"videoElement\"  \n\t\t\t\tclass=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100\" \n\t\t\t\tpreload autoplay muted loop playsinlineclass playsinline\n\t\t\t\titemprop=\"video\" \n\t\t\t\ttype=\"video/webm\"\n\t\t\t>\n\t\t\t\t <source :src=\"content.video\" :type=\"getVideoType(content.video)\" />\n\t\t\t</video>\n\t  </div>\n\n   \t<div \n   \t\tclass=\"\n\t  \to-hidden \n\t  \tpos-relative\n\t  \tz-index-1\n\t  \tpd-extra \n\t  \tpd-b-zero\n\t  \tmn-r-auto mn-l-auto \n\t  \tt-white  t-left\n\t  \tflex flex-justify-end flex-column\n\t  \to-hidden  \n\t  \tw-100 h-100 \n\t  \tgap-zero\"\n\t  >\n    \t\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\tconst props = defineProps({\n\t\tcontent: {\n\t\t\ttype: Object\n\t\t},\n\t\toptions: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n\n\tconst videoElement = ref(null)\n\n\tvar isPlaying = false;\n\n\tconst targetDate = new Date(props.options.date).getTime();\n\tconst currentDate = ref(new Date().getTime());\n\tconst timeDifference = targetDate - currentDate.value;\n\n\tfunction checkAndPlayVideo() {\n\t\tif (videoElement.value) videoElement.value.onplaying = function() { isPlaying = true; };\n\t\tif (videoElement.value) videoElement.value.onpause = function() { isPlaying = false; };\t\n  }\n\n  function getVideoType(videoUrl) {\n    if (videoUrl.endsWith('.mp4')) {\n      return 'video/mp4';\n    } else if (videoUrl.endsWith('.webm')) {\n      return 'video/webm';\n    }\n    return '';\n  }\n\n\tasync function playVid() {      \n    if (videoElement.value?.paused && !isPlaying) {\n      return videoElement.value.play();\n    }\n\t} \n\n\tonMounted(() => {\n\t\t\tcheckAndPlayVideo()\n\t\t\tplayVid()\n\t})\n\n</script>\n\n<style lang=\"scss\" scoped>\n.bg-white-overlay {\n  background: linear-gradient(0deg, rgba(var(--white),1) 0%, rgba(var(--white),0) 100%);\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA2DC,UAAM,QAAQ;AAUd,UAAM,eAAe,IAAI,IAAI;AAE7B,QAAI,YAAY;AAEhB,UAAM,aAAa,IAAI,KAAK,MAAM,QAAQ,IAAI,EAAE,QAAS;AACzD,UAAM,cAAc,KAAI,oBAAI,KAAM,GAAC,QAAO,CAAE;AACrB,iBAAa,YAAY;AAEhD,aAAS,oBAAoB;AAC5B,UAAI,aAAa,MAAO,cAAa,MAAM,YAAY,WAAW;AAAE,oBAAY;AAAA,MAAO;AACvF,UAAI,aAAa,MAAO,cAAa,MAAM,UAAU,WAAW;AAAE,oBAAY;AAAA;IAChF;AAEE,aAAS,aAAa,UAAU;AAC9B,UAAI,SAAS,SAAS,MAAM,GAAG;AAC7B,eAAO;AAAA,MACR,WAAU,SAAS,SAAS,OAAO,GAAG;AACrC,eAAO;AAAA,MACb;AACI,aAAO;AAAA,IACX;AAEC,mBAAe,UAAU;;AACtB,YAAI,kBAAa,UAAb,mBAAoB,WAAU,CAAC,WAAW;AAC5C,eAAO,aAAa,MAAM,KAAM;AAAA,MACtC;AAAA,IACE;AAED,cAAU,MAAM;AACd,wBAAiB;AACjB,cAAO;AAAA,IACR,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                       */
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+;/* empty css                                        */
+const Button = require("../../../../components/Button/Button.vue.cjs");
 ;/* empty css                                         */
 const Chips = require("../../../../components/Chips/Chips.vue.cjs");
 ;/* empty css                                                    */

package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.js

@@ -1,7 +1,7 @@
 import { ref, createElementBlock, openBlock, createVNode, unref, isRef, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createBlock, createCommentVNode, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
-/* empty css                                     */
-import _sfc_main$9 from "../../../../components/Button/Button.vue2.js";
+/* empty css                                      */
+import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
 /* empty css                                       */
 import _sfc_main$4 from "../../../../components/Chips/Chips.vue.js";
 /* empty css                                                  */

package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const IconSearch = require("../../../../icons/navigation/IconSearch.vue.cjs");
-const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue.cjs");
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-big" };
 const _sfc_main = {
   __name: "BlockSearch",

package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.js

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, createVNode } from "vue";
 import _sfc_main$1 from "../../../../icons/navigation/IconSearch.vue.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-big" };
 const _sfc_main = {
   __name: "BlockSearch",

package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.cjs

@@ -9,7 +9,7 @@ const PlaceholderOrganizationPic = require("../../../../icons/placeholders/Place
 const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");
 const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");
 ;/* empty css                                            */
-;/* empty css                                            */
+;/* empty css                                             */
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");
 const PhotoStack = require("../elements/PhotoStack.vue.cjs");

package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.js

@@ -7,7 +7,7 @@ import PlaceholderOrganizationPic from "../../../../icons/placeholders/Placehold
 import _sfc_main$4 from "../../../../icons/navigation/IconEllipsis.vue.js";
 import _sfc_main$5 from "../../../../reports/components/sections/FormReport.vue.js";
 /* empty css                                          */
-/* empty css                                          */
+/* empty css                                           */
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";
 import _sfc_main$2 from "../elements/PhotoStack.vue.js";

package/dist/prometheus-framework/src/modules/globals/views/components/elements/ButtonDate.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const IconCalendar = require("../../../../icons/entities/IconCalendar.vue2.cjs");
+const IconDate = require("../../../../icons/entities/IconDate.vue.cjs");
 const _hoisted_1 = { class: "t-semi" };
 const _sfc_main = {
   __name: "ButtonDate",
@@ -44,7 +44,7 @@ const _sfc_main = {
         onClick: handleClick,
         class: "cursor-pointer flex-center flex"
       }, [
-        vue.createVNode(IconCalendar.default, { class: "w-1r mn-r-thin h-auto" }),
+        vue.createVNode(IconDate.default, { class: "w-1r mn-r-thin h-auto" }),
         vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(formattedDate.value), 1)
       ]);
     };

package/dist/prometheus-framework/src/modules/globals/views/components/elements/ButtonDate.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDate.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconCalendar class=\"w-1r mn-r-thin h-auto\"/>\n    <span class=\"t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconCalendar from '@pf/src/modules/icons/entities/IconCalendar.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":["toRefs","computed"],"mappings":";;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAASA,IAAAA,OAAO,KAAK;AAErC,UAAM,gBAAgBC,IAAAA,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAO;AAAA,IAClC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACX;AAEE,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAa,CAAA;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MACjD;AAEE,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAa,CAAA;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonDate.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconDate class=\"w-1r mn-r-thin h-auto\"/>\n    <span class=\"t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@pf/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":["toRefs","computed"],"mappings":";;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAASA,IAAAA,OAAO,KAAK;AAErC,UAAM,gBAAgBC,IAAAA,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAO;AAAA,IAClC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACX;AAEE,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAa,CAAA;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MACjD;AAEE,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAa,CAAA;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/elements/ButtonDate.vue.js

@@ -1,5 +1,5 @@
 import { toRefs, computed, createElementBlock, openBlock, createVNode, createElementVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../../../../icons/entities/IconCalendar.vue2.js";
+import _sfc_main$1 from "../../../../icons/entities/IconDate.vue.js";
 const _hoisted_1 = { class: "t-semi" };
 const _sfc_main = {
   __name: "ButtonDate",

package/dist/prometheus-framework/src/modules/globals/views/components/elements/ButtonDate.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDate.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconCalendar class=\"w-1r mn-r-thin h-auto\"/>\n    <span class=\"t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconCalendar from '@pf/src/modules/icons/entities/IconCalendar.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAAS,OAAO,KAAK;AAErC,UAAM,gBAAgB,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAO;AAAA,IAClC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACX;AAEE,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAa,CAAA;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MACjD;AAEE,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAa,CAAA;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonDate.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconDate class=\"w-1r mn-r-thin h-auto\"/>\n    <span class=\"t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@pf/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAAS,OAAO,KAAK;AAErC,UAAM,gBAAgB,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAO;AAAA,IAClC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACX;AAEE,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAa,CAAA;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MACjD;AAEE,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAa,CAAA;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.cjs

@@ -7,7 +7,7 @@ const Status = require("../../../../../components/Status/Status.vue.cjs");
 require("vue-i18n");
 ;/* empty css                                          */
 const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
-;/* empty css                                            */
+;/* empty css                                             */
 require("../../../../orders/store/shopcart.cjs");
 require("../../../../auth/views/store/auth.cjs");
 ;/* empty css                               */

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$2 from "../../../../../components/Status/Status.vue.js";
 import "vue-i18n";
 /* empty css                                        */
 import Loader from "../../../../../components/Loader/Loader.vue2.js";
-/* empty css                                          */
+/* empty css                                           */
 import "../../../../orders/store/shopcart.js";
 import "../../../../auth/views/store/auth.js";
 /* empty css                             */

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.cjs

@@ -6,11 +6,7 @@ const vueI18n = require("vue-i18n");
 const globals = require("../../store/globals.cjs");
 const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
-require("../../../../community/store/blogposts.cjs");
-require("../../../../organizations/store/organizations.cjs");
-require("../../../../organizations/store/memberships.cjs");
-;/* empty css                 */
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../../components/Select/Select.vue2.cjs");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\t\n\t// Globasls Component\n\timport Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black': theme === 'light',\n  \t\t't-white': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<!-- <component\n      v-if=\"route.meta.navigation\"\n      :is=\"route.meta.navigation\"\n      class=\"mn-l-auto desktop-only\"\n    /> -->\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["useRouter","useRoute","useI18n","globals.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UAAM,SAASA,UAAS,UAAA;AACVC,cAAQ,SAAA;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAA;AAGrB,aAAS,oBAAoB;AAC3BC,cAAa,MAAC,sBAAsB;AAAA,IACvC;AAICC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\t\n\t// Globasls Component\n\t// import Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black': theme === 'light',\n  \t\t't-white': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<!-- <component\n      v-if=\"route.meta.navigation\"\n      :is=\"route.meta.navigation\"\n      class=\"mn-l-auto desktop-only\"\n    /> -->\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["useRouter","useRoute","useI18n","globals.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UAAM,SAASA,UAAS,UAAA;AACVC,cAAQ,SAAA;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAA;AAGrB,aAAS,oBAAoB;AAC3BC,cAAa,MAAC,sBAAsB;AAAA,IACvC;AAICC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.js

@@ -4,11 +4,7 @@ import { useI18n } from "vue-i18n";
 import { state, actions as actions$1 } from "../../store/globals.js";
 import { actions, getters } from "../../../../orders/store/shopcart.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
-import "../../../../community/store/blogposts.js";
-import "../../../../organizations/store/organizations.js";
-import "../../../../organizations/store/memberships.js";
-/* empty css               */
-import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
 import Select from "../../../../../components/Select/Select.vue2.js";
 import _sfc_main$1 from "../../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconShopcart.vue.js";

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\t\n\t// Globasls Component\n\timport Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black': theme === 'light',\n  \t\t't-white': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<!-- <component\n      v-if=\"route.meta.navigation\"\n      :is=\"route.meta.navigation\"\n      class=\"mn-l-auto desktop-only\"\n    /> -->\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["globals.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UAAM,SAAS,UAAS;AACV,aAAQ;AAEtB,UAAM,EAAE,EAAC,IAAK,QAAO;AAGrB,aAAS,oBAAoB;AAC3BA,YAAc,sBAAsB;AAAA,IACvC;AAIC,cAAU,MAAM;AACbC,cAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\t\n\t// Globasls Component\n\t// import Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black': theme === 'light',\n  \t\t't-white': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<!-- <component\n      v-if=\"route.meta.navigation\"\n      :is=\"route.meta.navigation\"\n      class=\"mn-l-auto desktop-only\"\n    /> -->\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["globals.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UAAM,SAAS,UAAS;AACV,aAAQ;AAEtB,UAAM,EAAE,EAAC,IAAK,QAAO;AAGrB,aAAS,oBAAoB;AAC3BA,YAAc,sBAAsB;AAAA,IACvC;AAIC,cAAU,MAAM;AACbC,cAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}