@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1,92 +1,108 @@
-import { watch as g, openBlock as l, createElementBlock as p, createVNode as m, withCtx as h, Fragment as b, renderList as y, createBlock as $, createElementVNode as d } from "vue";
-import { useRoute as E, useRouter as k } from "vue-router";
+import { watch, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode } from "vue";
+import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import w from "../../../../components/Feed/Feed.vue.js";
-import F from "../../../../components/DatePicker/DatePicker.vue.js";
-import D from "../sections/List.vue.js";
-import j from "../blocks/CardEvent.vue.js";
-import { state as s, read as q } from "../../store/events.js";
-import { state as u } from "../../../auth/views/store/auth.js";
-const x = { class: "pd-thin" }, A = /* @__PURE__ */ d("header", { class: "mn-b-medium flex-v-center flex-nowrap flex" }, [
-  /* @__PURE__ */ d("h2", { class: "mn-r-medium" }, " Featured ")
-], -1), V = /* @__PURE__ */ d("h2", { class: "mn-b-medium" }, " All Events ", -1), Y = {
+import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../../../../components/DatePicker/DatePicker.vue.js";
+import _sfc_main$1 from "../sections/List.vue.js";
+import _sfc_main$4 from "../blocks/CardEvent.vue.js";
+import { state, read } from "../../store/events.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("header", { class: "mn-b-medium flex-v-center flex-nowrap flex" }, [
+  /* @__PURE__ */ createElementVNode("h2", { class: "mn-r-medium" }, " Featured ")
+], -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-b-medium" }, " All Events ", -1);
+const _sfc_main = {
   __name: "Events",
-  setup(C) {
-    const i = E(), f = k(), c = _(/* @__PURE__ */ new Date());
-    function _(e) {
-      return `${e.getDate().toString().padStart(2, "0")}${(e.getMonth() + 1).toString().padStart(2, "0")}${e.getFullYear()}`;
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    let baseDate = /* @__PURE__ */ new Date();
+    const formattedDate = formatDateForRouter(baseDate);
+    function formatDateForRouter(date) {
+      return `${date.getDate().toString().padStart(2, "0")}${(date.getMonth() + 1).toString().padStart(2, "0")}${date.getFullYear()}`;
     }
-    if (i.query) {
-      const e = i.query, a = {
-        tags: e.tags ? e.tags.split(",") : null,
-        date: e.date ? e.date : c
+    if (route.query) {
+      const query = route.query;
+      const newFilterValue = {
+        tags: query.tags ? query.tags.split(",") : null,
+        date: query.date ? query.date : formattedDate
       };
-      s.filter = a;
+      state.filter = newFilterValue;
     } else {
-      const e = {
-        date: c
+      const newFilterValue = {
+        date: formattedDate
       };
-      s.filter = e;
+      state.filter = newFilterValue;
     }
-    return g(() => s.filter, (e, a) => {
-      const t = { ...i.query };
-      Object.keys(a).forEach((n) => {
-        t[n] && delete t[n];
+    watch(() => state.filter, (newFilterValue, oldFilterValue) => {
+      const query = { ...route.query };
+      Object.keys(oldFilterValue).forEach((key) => {
+        if (query[key]) {
+          delete query[key];
+        }
       });
-      const o = Object.fromEntries(
-        Object.entries(e).filter(([n, r]) => Array.isArray(r) && r.length > 0 || typeof r == "string" && r).map(([n, r]) => [n, Array.isArray(r) ? r.join(",") : r])
+      const newQueryValues = Object.fromEntries(
+        Object.entries(newFilterValue).filter(([key, value]) => Array.isArray(value) && value.length > 0 || typeof value === "string" && value).map(([key, value]) => [key, Array.isArray(value) ? value.join(",") : value])
       );
-      Object.assign(t, o), f.push({ query: t });
-    }, { deep: !0 }), (e, a) => (l(), p("section", x, [
-      A,
-      m(D, {
-        user: u.user._id,
-        class: "bg-light mn-b-medium radius-big",
-        phase: "planned",
-        status: "featured"
-      }, null, 8, ["user"]),
-      V,
-      m(F, {
-        date: s.filter.date,
-        "onUpdate:date": a[0] || (a[0] = (t) => s.filter.date = t),
-        locale: e.$i18n.locale,
-        class: "radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium"
-      }, null, 8, ["date", "locale"]),
-      m(w, {
-        states: {
-          empty: {
-            title: "No Events Found",
-            description: "Currently, there are no events available."
+      Object.assign(query, newQueryValues);
+      router.push({ query });
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        _hoisted_2,
+        createVNode(_sfc_main$1, {
+          user: state$1.user._id,
+          class: "bg-light mn-b-medium radius-big",
+          phase: "planned",
+          status: "featured"
+        }, null, 8, ["user"]),
+        _hoisted_3,
+        createVNode(_sfc_main$2, {
+          date: state.filter.date,
+          "onUpdate:date": _cache[0] || (_cache[0] = ($event) => 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"]),
+        createVNode(_sfc_main$3, {
+          states: {
+            empty: {
+              title: "No Events Found",
+              description: "Currently, there are no events available."
+            }
+          },
+          store: {
+            read: (options) => read(options),
+            state
+          },
+          options: {
+            user: state$1.user._id,
+            date: state.filter.date,
+            limit: 10
           }
-        },
-        store: {
-          read: (t) => q(t),
-          state: s
-        },
-        options: {
-          user: u.user._id,
-          date: s.filter.date,
-          limit: 10
-        }
-      }, {
-        default: h(({
-          items: t
-        }) => [
-          (l(!0), p(b, null, y(t, (o, n) => (l(), $(j, {
-            onClick: (r) => e.$router.push({ name: "Event", params: { url: o.url } }),
-            key: o._id,
-            event: o,
-            user: u.user._id,
-            type: "normal",
-            class: "bg-light radius-big mn-b-medium"
-          }, null, 8, ["onClick", "event", "user"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["store", "options"])
-    ]));
+        }, {
+          default: withCtx(({
+            items
+          }) => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (event, index) => {
+              return openBlock(), createBlock(_sfc_main$4, {
+                onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                key: event._id,
+                event,
+                user: state$1.user._id,
+                type: "normal",
+                class: "bg-light radius-big mn-b-medium"
+              }, null, 8, ["onClick", "event", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["store", "options"])
+      ]);
+    };
   }
 };
 export {
-  Y as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Events.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Events.vue.js","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    </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":["events.state"],"mappings":";;;;;;;;;;;;;;;;;;AAgFE,UAAM,QAAQ;AACd,UAAM,SAAS;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;AAEIA,YAAa,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACZ;AAEIA,YAAa,SAAS;AAAA,IACvB;AAED,UAAM,MAAMA,MAAa,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,41 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("vue-router"),t=require("./List.vue.cjs");require("../../store/events.cjs");const u=require("../../../auth/views/store/auth.cjs"),i={class:"cols-2 gap-medium pd-medium bg-light radius-big"},r={class:""},d=e.createElementVNode("h3",{class:"mn-b-medium"}," Finished Events ",-1),n={class:""},a=e.createElementVNode("h3",{class:"mn-b-medium"}," Planned ",-1),o={__name:"FeaturedEvents",setup(c){return s.useRoute(),s.useRouter(),(l,m)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",r,[d,e.createVNode(t.default,{user:u.state.user._id,class:"bg-white mn-b-medium radius-big",phase:"finished"},null,8,["user"])]),e.createElementVNode("div",n,[a,e.createVNode(t.default,{user:u.state.user._id,class:"bg-white mn-b-medium radius-big",phase:"planned"},null,8,["user"])])]))}};exports.default=o;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const List = require("./List.vue.cjs");
+require("../../store/events.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const _hoisted_1 = { class: "cols-2 gap-medium pd-medium bg-light radius-big" };
+const _hoisted_2 = { class: "" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-medium" }, " Finished Events ", -1);
+const _hoisted_4 = { class: "" };
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-medium" }, " Planned ", -1);
+const _sfc_main = {
+  __name: "FeaturedEvents",
+  setup(__props) {
+    vueRouter.useRoute();
+    vueRouter.useRouter();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          _hoisted_3,
+          vue.createVNode(List.default, {
+            user: auth.state.user._id,
+            class: "bg-white mn-b-medium radius-big",
+            phase: "finished"
+          }, null, 8, ["user"])
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          _hoisted_5,
+          vue.createVNode(List.default, {
+            user: auth.state.user._id,
+            class: "bg-white mn-b-medium radius-big",
+            phase: "planned"
+          }, null, 8, ["user"])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=FeaturedEvents.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedEvents.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/FeaturedEvents.vue"],"sourcesContent":["<template>\n  <div class=\"cols-2 gap-medium pd-medium bg-light radius-big\">\n    <div class=\"\">\n      <h3\n        class=\"mn-b-medium\"\n      >\n        Finished Events\n      </h3>\n      <List\n        :user=\"auth.state.user._id\"\n        class=\"bg-white mn-b-medium radius-big\"\n        :phase=\"'finished'\"\n      />\n    </div>\n\n    <div class=\"\">\n      <h3\n        class=\"mn-b-medium\"\n      >\n        Planned\n      </h3>\n      <List\n        :user=\"auth.state.user._id\"\n        class=\"bg-white mn-b-medium radius-big\"\n        :phase=\"'planned'\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import List from '@pf/src/modules/events/components/sections/List.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</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;AAwCgBA,uBAAW;AACVC,wBAAY;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,31 +1,41 @@
-import { openBlock as m, createElementBlock as o, createElementVNode as e, createVNode as s } from "vue";
-import { useRoute as r, useRouter as d } from "vue-router";
-import t from "./List.vue.js";
+import { openBlock, createElementBlock, createElementVNode, createVNode } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import _sfc_main$1 from "./List.vue.js";
 import "../../store/events.js";
-import { state as i } from "../../../auth/views/store/auth.js";
-const n = { class: "cols-2 gap-medium pd-medium bg-light radius-big" }, a = { class: "" }, u = /* @__PURE__ */ e("h3", { class: "mn-b-medium" }, " Finished Events ", -1), c = { class: "" }, _ = /* @__PURE__ */ e("h3", { class: "mn-b-medium" }, " Planned ", -1), k = {
+import { state } from "../../../auth/views/store/auth.js";
+const _hoisted_1 = { class: "cols-2 gap-medium pd-medium bg-light radius-big" };
+const _hoisted_2 = { class: "" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-medium" }, " Finished Events ", -1);
+const _hoisted_4 = { class: "" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-medium" }, " Planned ", -1);
+const _sfc_main = {
   __name: "FeaturedEvents",
-  setup(l) {
-    return r(), d(), (h, p) => (m(), o("div", n, [
-      e("div", a, [
-        u,
-        s(t, {
-          user: i.user._id,
-          class: "bg-white mn-b-medium radius-big",
-          phase: "finished"
-        }, null, 8, ["user"])
-      ]),
-      e("div", c, [
-        _,
-        s(t, {
-          user: i.user._id,
-          class: "bg-white mn-b-medium radius-big",
-          phase: "planned"
-        }, null, 8, ["user"])
-      ])
-    ]));
+  setup(__props) {
+    useRoute();
+    useRouter();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _hoisted_3,
+          createVNode(_sfc_main$1, {
+            user: state.user._id,
+            class: "bg-white mn-b-medium radius-big",
+            phase: "finished"
+          }, null, 8, ["user"])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          _hoisted_5,
+          createVNode(_sfc_main$1, {
+            user: state.user._id,
+            class: "bg-white mn-b-medium radius-big",
+            phase: "planned"
+          }, null, 8, ["user"])
+        ])
+      ]);
+    };
   }
 };
 export {
-  k as default
+  _sfc_main as default
 };
+//# sourceMappingURL=FeaturedEvents.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedEvents.vue.js","sources":["../../../../../../../src/modules/events/components/sections/FeaturedEvents.vue"],"sourcesContent":["<template>\n  <div class=\"cols-2 gap-medium pd-medium bg-light radius-big\">\n    <div class=\"\">\n      <h3\n        class=\"mn-b-medium\"\n      >\n        Finished Events\n      </h3>\n      <List\n        :user=\"auth.state.user._id\"\n        class=\"bg-white mn-b-medium radius-big\"\n        :phase=\"'finished'\"\n      />\n    </div>\n\n    <div class=\"\">\n      <h3\n        class=\"mn-b-medium\"\n      >\n        Planned\n      </h3>\n      <List\n        :user=\"auth.state.user._id\"\n        class=\"bg-white mn-b-medium radius-big\"\n        :phase=\"'planned'\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import List from '@pf/src/modules/events/components/sections/List.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</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwCgB,aAAW;AACV,cAAY;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,171 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                         */const p=require("../../../../components/EmptyState/EmptyState.vue.cjs"),g=require("../blocks/CardEvent.vue.cjs"),m=require("../../../icons/skeletons/SkeletonEvent.vue.cjs"),c=require("../../store/events.cjs"),v={class:"feed"},f={__name:"Feed",props:{category:{type:String,default:null},selectedDate:{type:String,default:null},organization:{type:String,default:null},owner:{type:String,default:null},creator:{type:String,default:null},user:{type:[String,Number],default:null},sortOrder:{type:String,default:"desc"},sortParam:{type:String,default:"date.start"},participant:{type:String,default:null},period:{type:String,default:null},phase:{type:String,default:null}},setup(s){const t=s,a=e.ref([]),n=e.ref(!1),l=e.ref(!0),i=e.ref(0),u=e.ref(20),d=async()=>{if(n.value){i.value+=u.value;const r=await c.read({skip:i.value,limit:u.value,category:t.category,sortOrder:t.sortOrder,sortParam:t.sortParam,participant:t.participant,creator:t.creator,user:t.user,date:t.selectedDate,owner:t.owner,organization:t.organization,period:t.period,phase:t.phase});r.length===0?n.value=!1:n.value=!0,a.value=[...a.value,...r]}};return e.onMounted(async()=>{l.value=!0,console.log(t.selectedDate);const r=await c.read({skip:i.value,limit:u.value,category:t.category,participant:t.participant,sortOrder:t.sortOrder,sortParam:t.sortParam,user:t.user,owner:t.owner,creator:t.creator,date:t.selectedDate,organization:t.organization,period:t.period,phase:t.phase});r.length===0?n.value=!1:n.value=!0,a.value=r,l.value=!1}),(r,k)=>(e.openBlock(),e.createElementBlock("section",v,[e.createVNode(e.TransitionGroup,{tag:"ul",name:"scaleTransition",class:"o-hidden bg-light radius-big"},{default:e.withCtx(()=>[l.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.value,o=>(e.openBlock(),e.createBlock(m.default,{key:o}))),128)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"scaleTransition"},{default:e.withCtx(()=>[!l.value&&a.value.length<1?(e.openBlock(),e.createBlock(p.default,{key:0,title:"No Events Found",description:"Currently, there are no events available. Please check back later.",class:"pd-medium mn-b-thin bg-light radius-big"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{tag:"ul",name:"scaleTransition",class:"container"},{default:e.withCtx(()=>[!l.value&&a.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.value,(o,y)=>(e.openBlock(),e.createBlock(g.default,{onClick:h=>r.$router.push({name:"Event",params:{url:o.url}}),key:o._id,event:o,user:s.user,type:"normal",class:"bg-light radius-big mn-b-medium"},null,8,["onClick","event","user"]))),128)):e.createCommentVNode("",!0),n.value&&a.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:d,class:"w-100 bg-main button"},"Load more")):e.createCommentVNode("",!0)]),_:1})]))}};exports.default=f;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                                         */
+const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs");
+const CardEvent = require("../blocks/CardEvent.vue.cjs");
+const SkeletonEvent = require("../../../icons/skeletons/SkeletonEvent.vue.cjs");
+const events = require("../../store/events.cjs");
+const _hoisted_1 = { class: "feed" };
+const _sfc_main = {
+  __name: "Feed",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    selectedDate: {
+      type: String,
+      default: null
+    },
+    organization: {
+      type: String,
+      default: null
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    creator: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    sortOrder: {
+      type: String,
+      default: "desc"
+    },
+    sortParam: {
+      type: String,
+      default: "date.start"
+    },
+    participant: {
+      type: String,
+      default: null
+    },
+    period: {
+      type: String,
+      default: null
+    },
+    phase: {
+      type: String,
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const eventsList = vue.ref([]);
+    const hasMoreEvents = vue.ref(false);
+    const isLoading = vue.ref(true);
+    const skip = vue.ref(0);
+    const limit = vue.ref(20);
+    const loadMoreEvents = async () => {
+      if (hasMoreEvents.value) {
+        skip.value += limit.value;
+        const data = await events.read({
+          skip: skip.value,
+          limit: limit.value,
+          category: props.category,
+          sortOrder: props.sortOrder,
+          sortParam: props.sortParam,
+          participant: props.participant,
+          creator: props.creator,
+          user: props.user,
+          date: props.selectedDate,
+          owner: props.owner,
+          organization: props.organization,
+          period: props.period,
+          phase: props.phase
+        });
+        if (data.length === 0) {
+          hasMoreEvents.value = false;
+        } else {
+          hasMoreEvents.value = true;
+        }
+        eventsList.value = [...eventsList.value, ...data];
+      }
+    };
+    vue.onMounted(async () => {
+      isLoading.value = true;
+      console.log(props.selectedDate);
+      const data = await events.read({
+        skip: skip.value,
+        limit: limit.value,
+        category: props.category,
+        participant: props.participant,
+        sortOrder: props.sortOrder,
+        sortParam: props.sortParam,
+        user: props.user,
+        owner: props.owner,
+        creator: props.creator,
+        date: props.selectedDate,
+        organization: props.organization,
+        period: props.period,
+        phase: props.phase
+      });
+      if (data.length === 0) {
+        hasMoreEvents.value = false;
+      } else {
+        hasMoreEvents.value = true;
+      }
+      eventsList.value = data;
+      isLoading.value = false;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createVNode(vue.TransitionGroup, {
+          tag: "ul",
+          name: "scaleTransition",
+          class: "o-hidden bg-light radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            isLoading.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(limit.value, (i) => {
+              return vue.openBlock(), vue.createBlock(SkeletonEvent.default, { key: i });
+            }), 128)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.Transition, { name: "scaleTransition" }, {
+          default: vue.withCtx(() => [
+            !isLoading.value && eventsList.value.length < 1 ? (vue.openBlock(), vue.createBlock(EmptyState.default, {
+              key: 0,
+              title: "No Events Found",
+              description: "Currently, there are no events available. Please check back later.",
+              class: "pd-medium mn-b-thin bg-light radius-big"
+            })) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.TransitionGroup, {
+          tag: "ul",
+          name: "scaleTransition",
+          class: "container"
+        }, {
+          default: vue.withCtx(() => [
+            !isLoading.value && eventsList.value.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(eventsList.value, (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: __props.user,
+                type: "normal",
+                class: "bg-light radius-big mn-b-medium"
+              }, null, 8, ["onClick", "event", "user"]);
+            }), 128)) : vue.createCommentVNode("", true),
+            hasMoreEvents.value && eventsList.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 1,
+              onClick: loadMoreEvents,
+              class: "w-100 bg-main button"
+            }, "Load more")) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Feed.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Feed.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/Feed.vue"],"sourcesContent":["<template>\n  <section class=\"feed\">\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in limit\" :key=\"i\"\n      />\n    </TransitionGroup>\n\n    <transition \n      name=\"scaleTransition\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && eventsList.length < 1\"\n        title=\"No Events Found\"\n        description=\"Currently, there are no events available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"container\">\n      <CardEvent \n        v-if=\"!isLoading && eventsList.length > 0\"\n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in eventsList\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"user\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      />\n\n      <button v-if=\"hasMoreEvents && eventsList.length > 0\" @click=\"loadMoreEvents\" class=\"w-100 bg-main button\">Load more</button> \n      \n    </TransitionGroup>  \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 EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n  \n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n\n  import * as events from '@pf/src/modules/events/store/events.js';\n\n  const props = defineProps({\n    category: {\n      type: String,\n      default: null\n    },\n    selectedDate: {\n      type: String,\n      default: null\n    },\n    organization: {\n      type: String,\n      default: null\n    },\n    owner: {\n      type: String,\n      default: null\n    },\n    creator: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    sortOrder: {\n      type: String,\n      default: 'desc'\n    },\n    sortParam: {\n      type: String,\n      default: 'date.start'\n    },\n    participant: {\n      type: String,\n      default: null\n    },\n    period: {\n      type: String,\n      default: null\n    },\n    phase: {\n      type: String,\n      default: null\n    }\n  });\n\n  const eventsList = ref([]);\n  const hasMoreEvents = ref(false);\n  const isLoading = ref(true);\n\n  const skip = ref(0);\n  const limit = ref(20);\n\n  const loadMoreEvents = async () => {\n    if (hasMoreEvents.value) {\n      skip.value += limit.value;\n      \n      const data = await events.read({\n        skip: skip.value,\n        limit: limit.value,\n        category: props.category,\n        sortOrder: props.sortOrder,\n        sortParam: props.sortParam,\n        participant: props.participant,\n        creator: props.creator,\n        user: props.user,\n        date: props.selectedDate,\n        owner: props.owner,\n        organization: props.organization,\n        period: props.period,\n        phase: props.phase\n      });\n\n      if (data.length === 0) {\n        hasMoreEvents.value = false;\n      } else {\n        hasMoreEvents.value = true;\n      }\n\n      eventsList.value = [...eventsList.value, ...data];\n    }\n  };\n\n  onMounted(async () => {\n    isLoading.value = true;\n    console.log(props.selectedDate)\n\n    const data = await events.read({\n      skip: skip.value,\n      limit: limit.value,\n      category: props.category,\n      participant: props.participant,\n      sortOrder: props.sortOrder,\n      sortParam: props.sortParam,\n      user: props.user,\n      owner: props.owner,\n      creator: props.creator,\n      date: props.selectedDate,\n      organization: props.organization,\n      period: props.period,\n      phase: props.phase\n    });\n\n    if (data.length === 0) {\n      hasMoreEvents.value = false;\n    } else {\n      hasMoreEvents.value = true;\n    }\n\n    eventsList.value = data;\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","events.read","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDE,UAAM,QAAQ;AA+Cd,UAAM,aAAaA,QAAI,CAAA,CAAE;AACzB,UAAM,gBAAgBA,QAAI,KAAK;AAC/B,UAAM,YAAYA,QAAI,IAAI;AAE1B,UAAM,OAAOA,QAAI,CAAC;AAClB,UAAM,QAAQA,QAAI,EAAE;AAEpB,UAAM,iBAAiB,YAAY;AACjC,UAAI,cAAc,OAAO;AACvB,aAAK,SAAS,MAAM;AAEpB,cAAM,OAAO,MAAMC,YAAY;AAAA,UAC7B,MAAM,KAAK;AAAA,UACX,OAAO,MAAM;AAAA,UACb,UAAU,MAAM;AAAA,UAChB,WAAW,MAAM;AAAA,UACjB,WAAW,MAAM;AAAA,UACjB,aAAa,MAAM;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,OAAO,MAAM;AAAA,UACb,cAAc,MAAM;AAAA,UACpB,QAAQ,MAAM;AAAA,UACd,OAAO,MAAM;AAAA,QACrB,CAAO;AAED,YAAI,KAAK,WAAW,GAAG;AACrB,wBAAc,QAAQ;AAAA,QAC9B,OAAa;AACL,wBAAc,QAAQ;AAAA,QACvB;AAED,mBAAW,QAAQ,CAAC,GAAG,WAAW,OAAO,GAAG,IAAI;AAAA,MACjD;AAAA,IACL;AAEEC,QAAAA,UAAU,YAAY;AACpB,gBAAU,QAAQ;AAClB,cAAQ,IAAI,MAAM,YAAY;AAE9B,YAAM,OAAO,MAAMD,YAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,UAAU,MAAM;AAAA,QAChB,aAAa,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,MACnB,CAAK;AAED,UAAI,KAAK,WAAW,GAAG;AACrB,sBAAc,QAAQ;AAAA,MAC5B,OAAW;AACL,sBAAc,QAAQ;AAAA,MACvB;AAED,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}