@ozdao/prometheus-framework 0.2.323 → 0.2.324

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

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

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

@@ -5,19 +5,53 @@ const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const DatePicker = require("../../../../components/DatePicker/DatePicker.vue.cjs");
-const List = require("../sections/List.vue.cjs");
+const CitySelection = require("../../../globals/views/components/partials/CitySelection.vue.cjs");
+const FeaturedEvents = require("../sections/FeaturedEvents.vue.cjs");
+const EventsHot = require("../sections/EventsHot.vue.cjs");
 const CardEvent = require("../blocks/CardEvent.vue.cjs");
-const events = require("../../store/events.cjs");
+const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
-const _hoisted_1 = { class: "pd-thin" };
+const organizations = require("../../../organizations/store/organizations.cjs");
+const memberships = require("../../../organizations/store/memberships.cjs");
+const events = require("../../store/events.cjs");
+const _hoisted_1 = { class: "radius-tl-medium bg-white" };
+const _hoisted_2 = { class: "gap-medium pos-t-0 pos-sticky z-index-2 radius-medium" };
+const _hoisted_3 = { class: "pd-big mobile:pd-thin radius-tr-medium radius-tl-medium bg-white" };
+const _hoisted_4 = { class: "gap-medium radius-medium mn-b-big" };
+const _hoisted_5 = { class: "gap-medium radius-medium mn-b-thin" };
+const _hoisted_6 = { class: "gap-medium radius-medium mn-b-medium" };
+const _hoisted_7 = { class: "cols-4 gap-thin" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "t-medium" };
+const _hoisted_10 = { class: "text-small text-muted" };
+const _hoisted_11 = { class: "gap-medium radius-medium mn-b-medium" };
+const _hoisted_12 = { class: "gap-medium radius-medium mn-b-medium" };
+const _hoisted_13 = { class: "gap-medium radius-medium mn-b-thin" };
 const _sfc_main = {
   __name: "Events",
   setup(__props) {
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
+    };
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
     let baseDate = /* @__PURE__ */ new Date();
     const formattedDate = formatDateForRouter(baseDate);
+    const dateOptions = [
+      { label: "Today", range: "Tue, 4th Feb" },
+      { label: "Tomorrow", range: "Wed, 5th Feb" },
+      { label: "This Weekend", range: "8th - 9th Feb" },
+      { label: "This Week", range: "3rd - 9th Feb" },
+      { label: "Next Weekend", range: "15th - 16th Feb" },
+      { label: "Next Week", range: "10th - 16th Feb" },
+      { label: "This Month", range: "1st - 28th Feb" },
+      { label: "Custom Date", range: "Pick Range" }
+    ];
+    const selectDate = (date) => {
+      console.log("Selected date:", date);
+    };
     function formatDateForRouter(date) {
       return `${date.getDate().toString().padStart(2, "0")}${(date.getMonth() + 1).toString().padStart(2, "0")}${date.getFullYear()}`;
     }
@@ -25,7 +59,7 @@ const _sfc_main = {
       const query = route.query;
       const newFilterValue = {
         tags: query.tags ? query.tags.split(",") : null,
-        date: query.date ? query.date : formattedDate
+        date: query.date ? query.date : null
       };
       events.state.filter = newFilterValue;
     } else {
@@ -47,57 +81,194 @@ const _sfc_main = {
       Object.assign(query, newQueryValues);
       router.push({ query });
     }, { deep: true });
+    const isCitySelectionPopup = vue.ref(false);
+    function openCitySelectionPopup() {
+      isCitySelectionPopup.value = true;
+    }
+    function closeCitySelectionPopup() {
+      isCitySelectionPopup.value = false;
+    }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        _cache[1] || (_cache[1] = vue.createElementVNode("header", { class: "mn-b-medium flex-v-center flex-nowrap flex" }, [
-          vue.createElementVNode("h2", { class: "mn-r-medium" }, " Featured ")
-        ], -1)),
-        vue.createVNode(List.default, {
-          user: auth.state.user._id,
-          class: "bg-light mn-b-medium radius-big",
-          phase: "planned",
-          status: "featured"
-        }, null, 8, ["user"]),
-        _cache[2] || (_cache[2] = vue.createElementVNode("h2", { class: "mn-b-medium" }, " All Events ", -1)),
-        vue.createVNode(DatePicker.default, {
-          date: events.state.filter.date,
-          "onUpdate:date": _cache[0] || (_cache[0] = ($event) => events.state.filter.date = $event),
-          locale: _ctx.$i18n.locale,
-          class: "radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium"
-        }, null, 8, ["date", "locale"]),
-        vue.createVNode(Feed.default, {
-          states: {
-            empty: {
-              title: "No Events Found",
-              description: "Currently, there are no events available."
-            }
-          },
-          store: {
-            read: (options) => events.read(options),
-            state: events.state
-          },
-          options: {
-            user: auth.state.user._id,
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(DatePicker.default, {
             date: events.state.filter.date,
-            limit: 10
-          }
-        }, {
-          default: vue.withCtx(({
-            items
-          }) => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (event, index) => {
-              return vue.openBlock(), vue.createBlock(CardEvent.default, {
-                onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
-                key: event._id,
-                event,
+            "onUpdate:date": _cache[0] || (_cache[0] = ($event) => events.state.filter.date = $event),
+            locale: _ctx.$i18n.locale,
+            options: {
+              dateStart: 0,
+              dateEnd: 30
+            },
+            class: "bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white pd-l-zero pd-r-zero pd-medium"
+          }, null, 8, ["date", "locale"])
+        ]),
+        vue.createElementVNode("section", _hoisted_3, [
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createElementVNode("h2", { class: "mn-b-small" }, [
+              _cache[1] || (_cache[1] = vue.createTextVNode(" Events in ")),
+              vue.createElementVNode("p", {
+                onClick: openCitySelectionPopup,
+                class: "d-inline-block hover-bg-second hover-t-white cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra"
+              }, "Phuket")
+            ]),
+            vue.createVNode(Popup.default, {
+              onClosePopup: closeCitySelectionPopup,
+              isPopupOpen: isCitySelectionPopup.value,
+              class: "w-m-33r t-left pd-medium bg-white radius-semi"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(CitySelection.default)
+              ]),
+              _: 1
+            }, 8, ["isPopupOpen"]),
+            vue.createVNode(EventsHot.default, {
+              options: {
+                status: "featured"
+              },
+              class: "mn-big-negative pd-big"
+            })
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            _cache[2] || (_cache[2] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Popular Events ", -1)),
+            vue.createVNode(FeaturedEvents.default, { class: "gap-thin" })
+          ]),
+          vue.createElementVNode("div", _hoisted_6, [
+            _cache[3] || (_cache[3] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Explore by Date ", -1)),
+            vue.createElementVNode("div", _hoisted_7, [
+              (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(dateOptions, (date, index) => {
+                return vue.createElementVNode("div", {
+                  key: index,
+                  class: "bg-light radius-medium pd-medium cursor-pointer",
+                  onClick: ($event) => selectDate(date)
+                }, [
+                  vue.createElementVNode("h4", _hoisted_9, vue.toDisplayString(date.label), 1),
+                  vue.createElementVNode("div", _hoisted_10, vue.toDisplayString(date.range), 1)
+                ], 8, _hoisted_8);
+              }), 64))
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_11, [
+            _cache[4] || (_cache[4] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Popular Events ", -1)),
+            vue.createVNode(Feed.default, {
+              showLoadMore: false,
+              LoadMore: false,
+              states: {
+                empty: {
+                  title: "No Events Today",
+                  description: "Currently, there are no events available."
+                }
+              },
+              store: {
+                read: (options) => events.read(options),
+                state: events.state
+              },
+              options: {
                 user: auth.state.user._id,
-                type: "normal",
-                class: "bg-light radius-big mn-b-medium"
-              }, null, 8, ["onClick", "event", "user"]);
-            }), 128))
+                limit: 3,
+                page: 1
+              },
+              class: "cols-3 gap-thin"
+            }, {
+              default: vue.withCtx(({
+                items
+              }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (event, index) => {
+                  return vue.openBlock(), vue.createBlock(CardEvent.default, {
+                    onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                    key: event._id,
+                    event,
+                    user: auth.state.user._id,
+                    type: "normal",
+                    class: "bg-light radius-big mn-b-thin"
+                  }, null, 8, ["onClick", "event", "user"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
           ]),
-          _: 1
-        }, 8, ["store", "options"])
+          vue.createElementVNode("div", _hoisted_12, [
+            _cache[5] || (_cache[5] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Most Happening Organizers ", -1)),
+            vue.createVNode(Feed.default, {
+              showLoadMore: false,
+              LoadMore: false,
+              states: {
+                empty: {
+                  title: "No Organization Found",
+                  description: "Currently, there are no organization available."
+                }
+              },
+              store: {
+                read: (options) => organizations.actions.read(options),
+                state: organizations.state
+              },
+              options: {
+                user: auth.state.user._id,
+                sort: "numberOfMemberships",
+                contain: ["blogposts"],
+                lookup: ["blogposts"],
+                limit: 8
+              },
+              class: "cols-4 gap-thin"
+            }, {
+              default: vue.withCtx(({
+                items
+              }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (organization) => {
+                  return vue.openBlock(), vue.createBlock(CardOrganization.default, {
+                    key: organization._id,
+                    organization,
+                    user: auth.state.user,
+                    showProducts: false,
+                    showRating: false,
+                    showFeatured: false,
+                    showFollowers: false,
+                    onUpdateMembership: handleMembershipUpdate,
+                    class: "pd-small w-100 pd-0 bg-light radius-semi o-hidden"
+                  }, null, 8, ["organization", "user"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ]),
+          vue.createElementVNode("div", _hoisted_13, [
+            _cache[6] || (_cache[6] = vue.createElementVNode("h3", { class: "mn-b-small" }, " All Events ", -1)),
+            vue.createVNode(Feed.default, {
+              search: true,
+              showLoadMore: false,
+              states: {
+                empty: {
+                  title: "No Events Today",
+                  description: "Currently, there are no events available."
+                }
+              },
+              store: {
+                read: (options) => events.read(options),
+                state: events.state
+              },
+              options: {
+                user: auth.state.user._id,
+                limit: 10
+              },
+              class: "cols-3 gap-thin"
+            }, {
+              default: vue.withCtx(({
+                items
+              }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (event, index) => {
+                  return vue.openBlock(), vue.createBlock(CardEvent.default, {
+                    onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                    key: event._id,
+                    event,
+                    user: auth.state.user._id,
+                    type: "normal",
+                    class: "bg-light radius-big mn-t-thin"
+                  }, null, 8, ["onClick", "event", "user"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ])
+        ])
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Events.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2\n        class=\"mn-r-medium\"\n      >\n        Featured\n      </h2>\n    </header>\n    \n    <List\n      :user=\"auth.state.user._id\"\n      class=\"bg-light mn-b-medium radius-big\"\n      :phase=\"'planned'\"\n      :status=\"'featured'\"\n    />\n\n    <h2\n      class=\"mn-b-medium\"\n    >\n      All Events\n    </h2>\n\n    <DatePicker\n      v-model:date=\"events.state.filter.date\"\n      :locale=\"$i18n.locale\"\n      class=\"radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium\"\n    />\n\n    <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => events.read(options),\n        state: events.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          date: events.state.filter.date,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n       <CardEvent \n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in items\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"auth.state.user._id\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      >\n      </CardEvent>\n    </Feed>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import DatePicker from '@pf/src/components/DatePicker/DatePicker.vue'\n\n\n  import List from '@pf/src/modules/events/components/sections/List.vue';   \n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  // Import state\n  import * as events from '@pf/src/modules/events/store/events.js'; \n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  let baseDate = new Date();\n  const formattedDate = formatDateForRouter(baseDate);\n  \n  function formatDateForRouter(date) {\n    return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  }\n\n  if (route.query) {\n    const query = route.query;\n    \n    const newFilterValue = {\n      tags: query.tags ? query.tags.split(',') : null,\n      date: query.date ? query.date : formattedDate,\n    };\n\n    events.state.filter = newFilterValue;  // <-- Modified\n  } else {\n    const newFilterValue = {\n      date: formattedDate,\n    };\n\n    events.state.filter = newFilterValue;\n  }\n\n  watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n    const query = { ...route.query };\n\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    router.push({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["useRoute","useRouter","events.state","watch"],"mappings":";;;;;;;;;;;;;;;;AAiFE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,QAAI,WAAW,oBAAI;AACnB,UAAM,gBAAgB,oBAAoB,QAAQ;AAElD,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAO,EAAG,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GAAG,WAAW,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAa,CAAA;AAAA,IAC9H;AAED,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpB,YAAM,iBAAiB;AAAA,QACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI;AAAA,QAC3C,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,MACtC;AAEIC,aAAY,MAAC,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACZ;AAEIA,aAAY,MAAC,SAAS;AAAA,IACvB;AAEDC,QAAAA,MAAM,MAAMD,OAAY,MAAC,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAED,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,MAAK,CAAE;AAAA,IACzB,GAAK,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Events.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"radius-tl-medium bg-white\"> \n\n\n    <div class=\"gap-medium pos-t-0 pos-sticky z-index-2 radius-medium \">\n      <DatePicker\n        v-model:date=\"events.state.filter.date\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-medium\"\n      />\n    </div>\n\n   <section class=\"pd-big mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-medium radius-medium mn-b-big\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n        status: 'featured'\n      }\"\n      class=\" mn-big-negative pd-big\"\n    />\n    </div>\n\n\n    <div class=\"gap-medium radius-medium mn-b-thin\">\n      <h3\n        class=\"mn-b-small\"\n      >\n        Popular Events\n      </h3>\n      <FeaturedEvents class=\"gap-thin\"/>\n    </div>\n\n    <div class=\"gap-medium radius-medium mn-b-medium\">\n      <h3 class=\"mn-b-small\">\n        Explore by Date\n      </h3>\n      \n      <div class=\"cols-4 gap-thin\">\n        <div \n          v-for=\"(date, index) in dateOptions\" \n          :key=\"index\"\n          class=\"bg-light radius-medium pd-medium cursor-pointer\"\n          @click=\"selectDate(date)\"\n        >\n          <h4 class=\"t-medium\">{{ date.label }}</h4>\n          <div class=\"text-small text-muted\">{{ date.range }}</div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"gap-medium radius-medium mn-b-medium\">\n      \n      <h3\n        class=\"mn-b-small\"\n      >\n        Popular Events\n      </h3>\n      \n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 3,\n            page: 1\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-big mn-b-thin\"\n        >\n        </CardEvent>\n      </Feed>\n      \n\n    </div>\n\n    <div class=\"gap-medium radius-medium mn-b-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 8\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light radius-semi o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-medium radius-medium mn-b-thin\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 10\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-big mn-t-thin\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import Popup from '@pf/src/components/Popup/Popup.vue'\n  import DatePicker from '@pf/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@pf/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@pf/src/modules/events/components/sections/FeaturedEvents.vue';   \n\n  import EventsHot from '@pf/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n  import * as organizations from '@pf/src/modules/organizations/store/organizations'\n  import * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\n  import * as events from '@pf/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  let baseDate = new Date();\n  const formattedDate = formatDateForRouter(baseDate);\n\n  const dateOptions = [\n    { label: 'Today', range: 'Tue, 4th Feb' },\n    { label: 'Tomorrow', range: 'Wed, 5th Feb' },\n    { label: 'This Weekend', range: '8th - 9th Feb' },\n    { label: 'This Week', range: '3rd - 9th Feb' },\n    { label: 'Next Weekend', range: '15th - 16th Feb' },\n    { label: 'Next Week', range: '10th - 16th Feb' },\n    { label: 'This Month', range: '1st - 28th Feb' },\n    { label: 'Custom Date', range: 'Pick Range' }\n  ];\n\n  const selectDate = (date) => {\n    // Здесь можно добавить логику выбора даты\n    console.log('Selected date:', date);\n  };\n  \n  function formatDateForRouter(date) {\n    return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  }\n\n  if (route.query) {\n    const query = route.query;\n    \n    const newFilterValue = {\n      tags: query.tags ? query.tags.split(',') : null,\n      date: query.date ? query.date : null,\n    };\n\n    events.state.filter = newFilterValue;  // <-- Modified\n  } else {\n    const newFilterValue = {\n      date: formattedDate,\n    };\n\n    events.state.filter = newFilterValue;\n  }\n\n  watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n    const query = { ...route.query };\n\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    router.push({ query });\n  }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["memberships.mutations","organizations.state","useRoute","useRouter","events.state","watch","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6OE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAClI;AAEE,UAAM,QAAQC,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,QAAI,WAAW,oBAAI;AACnB,UAAM,gBAAgB,oBAAoB,QAAQ;AAElD,UAAM,cAAc;AAAA,MAClB,EAAE,OAAO,SAAS,OAAO,eAAgB;AAAA,MACzC,EAAE,OAAO,YAAY,OAAO,eAAgB;AAAA,MAC5C,EAAE,OAAO,gBAAgB,OAAO,gBAAiB;AAAA,MACjD,EAAE,OAAO,aAAa,OAAO,gBAAiB;AAAA,MAC9C,EAAE,OAAO,gBAAgB,OAAO,kBAAmB;AAAA,MACnD,EAAE,OAAO,aAAa,OAAO,kBAAmB;AAAA,MAChD,EAAE,OAAO,cAAc,OAAO,iBAAkB;AAAA,MAChD,EAAE,OAAO,eAAe,OAAO,aAAc;AAAA,IACjD;AAEE,UAAM,aAAa,CAAC,SAAS;AAE3B,cAAQ,IAAI,kBAAkB,IAAI;AAAA,IACtC;AAEE,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAO,EAAG,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GAAG,WAAW,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAa,CAAA;AAAA,IAC9H;AAED,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpB,YAAM,iBAAiB;AAAA,QACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI;AAAA,QAC3C,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,MACtC;AAEIC,aAAY,MAAC,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACZ;AAEIA,aAAY,MAAC,SAAS;AAAA,IACvB;AAEDC,QAAAA,MAAM,MAAMD,OAAY,MAAC,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAED,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,MAAK,CAAE;AAAA,IACzB,GAAK,EAAE,MAAM,MAAM;AAEjB,UAAM,uBAAuBE,IAAG,IAAC,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC9B;AACD,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}