@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1,18 +1,33 @@
-import { ref as j, onMounted as B, openBlock as t, createElementBlock as o, createElementVNode as n, createCommentVNode as s, Fragment as E, renderList as T, toDisplayString as c, createBlock as V } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createBlock } from "vue";
 import "vue-i18n";
-import C from "../../../../components/Countdown/Countdown.vue.js";
+import _sfc_main$1 from "../../../../components/Countdown/Countdown.vue.js";
 /* empty css               */
-import L from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const S = { class: "t-white t-center w-100 pos-relative gap-thin cols-2 pos-relative" }, H = {
+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-2 pos-relative" };
+const _hoisted_2 = {
   style: { "min-height": "20rem" },
   class: "desktop-only radius-big o-hidden bg-black pos-relative"
-}, N = ["src"], O = ["src", "type"], P = { class: "content-hero-refactor radius-big o-hidden bg-black pd-big mn-r-auto mn-l-auto t-white flex-h-center flex-column o-hidden flex-v-start t-left flex w-100 h-100 gap-zero" }, W = { class: "mn-b-big z-index-1 flex-nowrap flex gap-small" }, $ = ["src"], A = { class: "pd-thin z-index-1 w-max br-solid br-2px br-white radius-extra mn-b-thin" }, D = { class: "z-index-1 t-main mn-b-semi" }, F = { class: "z-index-1 p-big mn-b-semi" }, I = { class: "z-index-1 t-transp p-small mn-b-thin" }, M = {
+};
+const _hoisted_3 = ["src"];
+const _hoisted_4 = ["src", "type"];
+const _hoisted_5 = { class: "content-hero-refactor radius-big o-hidden bg-black pd-big mn-r-auto mn-l-auto t-white flex-h-center flex-column o-hidden flex-v-start t-left flex w-100 h-100 gap-zero" };
+const _hoisted_6 = { class: "mn-b-big z-index-1 flex-nowrap flex gap-small" };
+const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "pd-thin z-index-1 w-max br-solid br-2px br-white radius-extra mn-b-thin" };
+const _hoisted_9 = { class: "z-index-1 t-main mn-b-semi" };
+const _hoisted_10 = { class: "z-index-1 p-big mn-b-semi" };
+const _hoisted_11 = { class: "z-index-1 t-transp p-small mn-b-thin" };
+const _hoisted_12 = {
   key: 0,
   class: "mn-l-micro bg-white t-black pd-t-nano pd-b-nano pd-r-micro pd-l-micro radius-extra"
-}, q = {
+};
+const _hoisted_13 = {
   key: 1,
   class: "z-index-1 mn-t-medium mn-b-small flex-nowrap flex gap-thin"
-}, G = ["src"], J = ["src"], K = {
+};
+const _hoisted_14 = ["src"];
+const _hoisted_15 = ["src"];
+const _sfc_main = {
   __name: "HeroEvent",
   props: {
     content: {
@@ -22,48 +37,58 @@ const S = { class: "t-white t-center w-100 pos-relative gap-thin cols-2 pos-rela
       type: Object
     }
   },
-  setup(e) {
-    const k = e, l = j(null);
-    var a = !1;
-    function g() {
-      l.value.onplaying = function() {
-        a = !0;
-      }, l.value.onpause = function() {
-        a = !1;
+  setup(__props) {
+    const props = __props;
+    const videoElement = ref(null);
+    var isPlaying = false;
+    function checkAndPlayVideo() {
+      videoElement.value.onplaying = function() {
+        isPlaying = true;
+      };
+      videoElement.value.onpause = function() {
+        isPlaying = false;
       };
     }
-    function x(i) {
-      return i.endsWith(".mp4") ? "video/mp4" : i.endsWith(".webm") ? "video/webm" : "";
+    function getVideoType(videoUrl) {
+      if (videoUrl.endsWith(".mp4")) {
+        return "video/mp4";
+      } else if (videoUrl.endsWith(".webm")) {
+        return "video/webm";
+      }
+      return "";
     }
-    async function w() {
-      if (l.value.paused && !a)
-        return l.value.play();
+    async function playVid() {
+      if (videoElement.value.paused && !isPlaying) {
+        return videoElement.value.play();
+      }
     }
-    B(() => {
-      g(), w();
+    onMounted(() => {
+      checkAndPlayVideo();
+      playVid();
     });
-    function z() {
-      var i;
+    function clickBuyTicket() {
+      var _a;
       gtag("event", "buy_ticket", {
-        event_category: "conversion",
-        event_label: "Buy Ticket"
-      }), window.open((i = k.content) == null ? void 0 : i.ticketLinkStripe);
+        "event_category": "conversion",
+        "event_label": "Buy Ticket"
+      });
+      window.open((_a = props.content) == null ? void 0 : _a.ticketLinkStripe);
     }
-    return (i, d) => {
-      var r, u, m, p, y, v, b, h;
-      return t(), o("section", S, [
-        n("div", H, [
-          e.content.cover && !e.content.video ? (t(), o("img", {
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          __props.content.cover && !__props.content.video ? (openBlock(), createElementBlock("img", {
             key: 0,
             loading: "lazy",
-            src: e.content.cover,
+            src: __props.content.cover,
             class: "desktop-only object-fit-cover pos-absolute z-index-0 pos-t-0 pos-l-0 w-100 h-100"
-          }, null, 8, N)) : s("", !0),
-          e.content.video ? (t(), o("video", {
+          }, null, 8, _hoisted_3)) : createCommentVNode("", true),
+          __props.content.video ? (openBlock(), createElementBlock("video", {
             key: 1,
             style: { "object-fit": "cover" },
             ref_key: "videoElement",
-            ref: l,
+            ref: videoElement,
             class: "pos-absolute pos-t-0 pos-l-0 w-100 h-100",
             preload: "",
             autoplay: "",
@@ -74,51 +99,53 @@ const S = { class: "t-white t-center w-100 pos-relative gap-thin cols-2 pos-rela
             itemprop: "video",
             type: "video/webm"
           }, [
-            n("source", {
-              src: e.content.video,
-              type: x(e.content.video)
-            }, null, 8, O)
-          ], 512)) : s("", !0)
+            createElementVNode("source", {
+              src: __props.content.video,
+              type: getVideoType(__props.content.video)
+            }, null, 8, _hoisted_4)
+          ], 512)) : createCommentVNode("", true)
         ]),
-        n("div", P, [
-          n("div", W, [
-            (t(!0), o(E, null, T(e.content.logos, (f) => (t(), o("img", {
-              loading: "lazy",
-              class: "radius-thin object-fit-contain i-big",
-              src: f
-            }, null, 8, $))), 256))
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.content.logos, (logo) => {
+              return openBlock(), createElementBlock("img", {
+                loading: "lazy",
+                class: "radius-thin object-fit-contain i-big",
+                src: logo
+              }, null, 8, _hoisted_7);
+            }), 256))
           ]),
-          n("h3", A, c((r = e.content) == null ? void 0 : r.subtitle), 1),
-          n("h1", D, c((u = e.content) == null ? void 0 : u.title), 1),
-          n("p", F, c((m = e.content) == null ? void 0 : m.description), 1),
-          n("p", I, [
-            n("span", null, c((p = e.content) == null ? void 0 : p.ticketText), 1),
-            (y = e.options) != null && y.price ? (t(), o("span", M, c((v = e.options) == null ? void 0 : v.price) + " " + c(i.returnCurrency()), 1)) : s("", !0)
+          createElementVNode("h3", _hoisted_8, toDisplayString((_a = __props.content) == null ? void 0 : _a.subtitle), 1),
+          createElementVNode("h1", _hoisted_9, toDisplayString((_b = __props.content) == null ? void 0 : _b.title), 1),
+          createElementVNode("p", _hoisted_10, toDisplayString((_c = __props.content) == null ? void 0 : _c.description), 1),
+          createElementVNode("p", _hoisted_11, [
+            createElementVNode("span", null, toDisplayString((_d = __props.content) == null ? void 0 : _d.ticketText), 1),
+            ((_e = __props.options) == null ? void 0 : _e.price) ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString((_f = __props.options) == null ? void 0 : _f.price) + " " + toDisplayString(_ctx.returnCurrency()), 1)) : createCommentVNode("", true)
           ]),
-          e.options.date ? (t(), V(C, {
+          __props.options.date ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             class: "z-index-1 mn-t-medium w-100 w-max-30r",
-            date: e.options.date
-          }, null, 8, ["date"])) : s("", !0),
-          (b = e.content) != null && b.ticketLinkStripe ? (t(), o("div", q, [
-            n("a", {
+            date: __props.options.date
+          }, null, 8, ["date"])) : createCommentVNode("", true),
+          ((_g = __props.content) == null ? void 0 : _g.ticketLinkStripe) ? (openBlock(), createElementBlock("div", _hoisted_13, [
+            createElementVNode("a", {
               href: "#",
-              onClick: d[0] || (d[0] = (f) => z()),
+              onClick: _cache[0] || (_cache[0] = ($event) => clickBuyTicket()),
               class: "pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-black bg-white"
-            }, c(((h = e.content) == null ? void 0 : h.ticketTextButton) || "Buy Ticket"), 1)
-          ])) : s("", !0),
-          e.content.cover && !e.content.video ? (t(), o("img", {
+            }, toDisplayString(((_h = __props.content) == null ? void 0 : _h.ticketTextButton) || "Buy Ticket"), 1)
+          ])) : createCommentVNode("", true),
+          __props.content.cover && !__props.content.video ? (openBlock(), createElementBlock("img", {
             key: 2,
             loading: "lazy",
-            style: { "object-fit": "cover", opacity: "0.2" },
-            src: e.content.cover,
+            style: { "object-fit": "cover", "opacity": "0.2" },
+            src: __props.content.cover,
             class: "mobile-only pos-absolute z-index-0 pos-t-0 pos-l-0 w-100 h-100"
-          }, null, 8, G)) : s("", !0),
-          e.content.video ? (t(), o("video", {
+          }, null, 8, _hoisted_14)) : createCommentVNode("", true),
+          __props.content.video ? (openBlock(), createElementBlock("video", {
             key: 3,
-            style: { "object-fit": "cover", opacity: "0.2" },
+            style: { "object-fit": "cover", "opacity": "0.2" },
             ref_key: "videoElement",
-            ref: l,
+            ref: videoElement,
             class: "mobile-only pos-absolute z-index-0 pos-t-0 pos-l-0 w-100 h-100",
             preload: "",
             autoplay: "",
@@ -126,15 +153,17 @@ const S = { class: "t-white t-center w-100 pos-relative gap-thin cols-2 pos-rela
             loop: "",
             playsinlineclass: "",
             playsinline: "",
-            src: e.content.video,
+            src: __props.content.video,
             itemprop: "video",
             type: "video/webm"
-          }, null, 8, J)) : s("", !0)
+          }, null, 8, _hoisted_15)) : createCommentVNode("", true)
         ])
       ]);
     };
   }
-}, _ = /* @__PURE__ */ L(K, [["__scopeId", "data-v-d462f954"]]);
+};
+const HeroEvent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d462f954"]]);
 export {
-  _ as default
+  HeroEvent as default
 };
+//# sourceMappingURL=HeroEvent.vue.js.map

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

@@ -0,0 +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-2\n\t  \tpos-relative\n\t  \"\n\t >\n   \t<div \n   \t\tstyle=\"min-height: 20rem;\"\n   \t\tclass=\"desktop-only radius-big o-hidden bg-black  pos-relative\"\n   \t>\n\n\t    <img loading=\"lazy\"  v-if=\"content.cover && !content.video\" :src=\"content.cover\" \tclass=\"desktop-only 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\tcontent-hero-refactor\n   \t\tradius-big \n\t  \to-hidden \n\t  \tbg-black  \n\t  \tpd-big mn-r-auto mn-l-auto t-white flex-h-center flex-column o-hidden flex-v-start t-left flex w-100 h-100 gap-zero\">\n    \t<!-- <img loading=\"lazy\" src=\"/logo/jungle-stereo-cosmonaut.png\"  class=\"h-8r mn-b-small z-index-1\"/> -->\n    \t<div class=\"mn-b-big z-index-1 flex-nowrap flex gap-small\">\n\t    \t<img loading=\"lazy\" v-for=\"logo in content.logos\" class=\"radius-thin object-fit-contain i-big\" :src=\"logo\">\n\t    </div>\n\n    \t<h3 class=\"pd-thin z-index-1  w-max br-solid br-2px br-white radius-extra \tmn-b-thin\">\n\t\t\t\t\t{{content?.subtitle}}\n\t    </h3>\n\n    \t<h1 class=\"z-index-1  t-main mn-b-semi\">\n\t\t\t\t\t{{content?.title}}\n\t    </h1>\n\n\t    <p class=\"z-index-1  p-big mn-b-semi\">\n\t    \t\t{{content?.description}}\n\t    </p>\n\t  \t\n\t  \t<p class=\"z-index-1 t-transp p-small mn-b-thin\">\n\t\t\t\t<span>\n\t\t\t\t\t{{content?.ticketText }}\n\t\t\t\t</span>\n\n\t\t\t\t<span v-if=\"options?.price\" class=\"mn-l-micro bg-white t-black pd-t-nano pd-b-nano pd-r-micro pd-l-micro radius-extra\">\n\t\t\t\t\t{{options?.price}} {{returnCurrency()}}\n\t\t\t\t</span>\n\t    </p>\n\t    \n\n\n\t    <Countdown \n\t    \tv-if=\"options.date\"\n\t    \tclass=\"z-index-1 mn-t-medium w-100 w-max-30r\"\n\t    \t:date=\"options.date\"\n\t    />\n\n\t    <div v-if=\"content?.ticketLinkStripe\" class=\"z-index-1  mn-t-medium mn-b-small \tflex-nowrap flex gap-thin\">\n\t    \t<a href=\"#\" @click=\"clickBuyTicket()\" class=\"pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-black bg-white  \">\n\t    \t\t\t{{content?.ticketTextButton || 'Buy Ticket' }}\n\t    \t</a>\n\t    </div>\n\n\t    <img loading=\"lazy\" style=\"object-fit: cover; opacity: 0.2;\"  v-if=\"content.cover && !content.video\" :src=\"content.cover\" \tclass=\"mobile-only pos-absolute z-index-0 pos-t-0 pos-l-0 w-100 h-100\">\n\n\t    <video \n\t\t    v-if=\"content.video\"\n\t\t\t\tstyle=\"object-fit: cover; opacity: 0.2;\" \n\t\t\t\tref=\"videoElement\"  \n\t\t\t\tclass=\"mobile-only pos-absolute z-index-0 pos-t-0 pos-l-0 w-100 h-100\" \n\t\t\t\tpreload autoplay muted loop playsinlineclass playsinline :src=\"content.video\" \n\t\t\t\titemprop=\"video\" \n\t\t\t\ttype=\"video/webm\"\n\t\t\t>\n\t\t\t</video>\n\t  \n    </div>\n\n\n  </section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\timport Countdown from \"@pf/src/components/Countdown/Countdown.vue\"\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\tfunction\tcheckAndPlayVideo() {\n\t\tvideoElement.value.onplaying = function() {\n\t\t  isPlaying = true;\n\t\t};\n\n\t\tvideoElement.value.onpause = function() {\n\t\t  isPlaying = false;\n\t\t};\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\tcheckAndPlayVideo()\n\t\tplayVid()\n\t})\n\t\n\tfunction clickBuyTicket () {\n\t\tgtag('event', 'buy_ticket', {\n\t    'event_category': 'conversion',\n\t    'event_label': 'Buy Ticket'\n\t  });\n\n\t  window.open(props.content?.ticketLinkStripe);\n\n\t}\n</script>\n\n<style lang=\"scss\" scoped>\n\t@media screen and (max-width: 1025px) {\n\t\t.content-hero-refactor {\n\t\t\ttext-align: center;\n\t\t}\n\n\t\th3, div {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t}\n\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2GC,UAAM,QAAQ;AAUd,UAAM,eAAe,IAAI,IAAI;AAE7B,QAAI,YAAY;AAEhB,aAAS,oBAAoB;AAC5B,mBAAa,MAAM,YAAY,WAAW;AACxC,oBAAY;AAAA,MAChB;AAEE,mBAAa,MAAM,UAAU,WAAW;AACtC,oBAAY;AAAA,MAChB;AAAA,IACG;AAED,aAAS,aAAa,UAAU;AAC9B,UAAI,SAAS,SAAS,MAAM,GAAG;AAC7B,eAAO;AAAA,MACR,WAAU,SAAS,SAAS,OAAO,GAAG;AACrC,eAAO;AAAA,MACR;AACD,aAAO;AAAA,IACR;AAEF,mBAAe,UAAU;AACtB,UAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,eAAO,aAAa,MAAM;MAC3B;AAAA,IACH;AAED,cAAU,MAAM;AACf,wBAAmB;AACnB,cAAS;AAAA,IACX,CAAE;AAED,aAAS,iBAAkB;;AAC1B,WAAK,SAAS,cAAc;AAAA,QACzB,kBAAkB;AAAA,QAClB,eAAe;AAAA,MACpB,CAAI;AAED,aAAO,MAAK,WAAM,YAAN,mBAAe,gBAAgB;AAAA,IAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,116 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                         */const c=require("../../../../components/EmptyState/EmptyState.vue.cjs"),d=require("../blocks/CardEvent.vue.cjs"),p=require("../../../icons/skeletons/SkeletonEventShort.vue.cjs"),m=require("../../store/events.cjs");;/* empty css            */const g={class:"today-events"},k={__name:"List",props:{category:{type:String,default:null},status:{type:String,default:null},organization:{type:String,default:null},owner:{type:String,default:null},user:{type:[String,Number],default:null},period:{type:String,default:null},phase:{type:String,default:null}},setup(o){const t=o,r=e.ref([]),n=e.ref(!0),s=e.ref(0),u=e.ref(5);return e.onMounted(async()=>{const l=await m.read({skip:s.value,limit:u.value,sortOrder:"desc",category:t.category,user:t.user,owner:t.owner,organization:t.organization,period:t.period,phase:t.phase,status:t.status});r.value=l,n.value=!1}),(l,v)=>(e.openBlock(),e.createElementBlock("section",g,[e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"o-hidden bg-light radius-big"},{default:e.withCtx(()=>[n.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.value,a=>(e.openBlock(),e.createBlock(p.default,{key:a}))),128)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[!n.value&&r.value.length<1?(e.openBlock(),e.createBlock(c.default,{key:0,title:"No Planned Events ",description:"No events available. Please check back later.",class:"pd-medium mn-b-thin bg-light radius-semi"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"container"},{default:e.withCtx(()=>[!n.value&&r.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.value,(a,i)=>(e.openBlock(),e.createBlock(d.default,{onClick:f=>l.$router.push({name:"Event",params:{url:a.url}}),key:a._id,event:a,owner:o.user,type:"short",class:e.normalizeClass(["pd-medium",{"br-b br-solid br-black-transp-10":i!==r.value.length-1}])},null,8,["onClick","event","owner","class"]))),128)):e.createCommentVNode("",!0)]),_:1})]))}};exports.default=k;
+"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 SkeletonEventShort = require("../../../icons/skeletons/SkeletonEventShort.vue.cjs");
+const events = require("../../store/events.cjs");
+;/* empty css            */
+const _hoisted_1 = { class: "today-events" };
+const _sfc_main = {
+  __name: "List",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    status: {
+      type: String,
+      default: null
+    },
+    organization: {
+      type: String,
+      default: null
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    period: {
+      type: String,
+      default: null
+    },
+    phase: {
+      type: String,
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const eventsList = vue.ref([]);
+    const isLoading = vue.ref(true);
+    const skip = vue.ref(0);
+    const limit = vue.ref(5);
+    vue.onMounted(async () => {
+      const data = await events.read({
+        skip: skip.value,
+        limit: limit.value,
+        sortOrder: "desc",
+        category: props.category,
+        user: props.user,
+        owner: props.owner,
+        organization: props.organization,
+        period: props.period,
+        phase: props.phase,
+        status: props.status
+      });
+      eventsList.value = data;
+      isLoading.value = false;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createVNode(vue.TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          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(SkeletonEventShort.default, { key: i });
+            }), 128)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.Transition, { name: "fade" }, {
+          default: vue.withCtx(() => [
+            !isLoading.value && eventsList.value.length < 1 ? (vue.openBlock(), vue.createBlock(EmptyState.default, {
+              key: 0,
+              title: "No Planned Events ",
+              description: "No events available. Please check back later.",
+              class: "pd-medium mn-b-thin bg-light radius-semi"
+            })) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          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,
+                owner: __props.user,
+                type: "short",
+                class: vue.normalizeClass(["pd-medium", {
+                  "br-b br-solid br-black-transp-10": index !== eventsList.value.length - 1
+                }])
+              }, null, 8, ["onClick", "event", "owner", "class"]);
+            }), 128)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=List.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/List.vue"],"sourcesContent":["<template>\n  <section \n    class=\"today-events\"\n  >\n    <!-- <transition name=\"fade\">\n      <Loader v-if=\"isLoading\" class=\"z-index-5 pos-t-50 left-t-50 pos-absolute\"/>\n    </transition> -->\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonEventShort\n        v-if=\"isLoading\"\n        v-for=\"i in limit\" :key=\"i\"\n      />\n    </TransitionGroup>\n\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && eventsList.length < 1\"\n        title=\"No Planned Events \"\n        description=\"No events available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-semi\"\n      />\n    </transition>\n\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" 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        :owner=\"user\" \n        :type=\"'short'\"\n        class=\"pd-medium\"\n        :class=\"{\n          'br-b br-solid br-black-transp-10': index !== eventsList.length - 1\n        }\"\n      />\n    </TransitionGroup>\n    \n  </section>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue';\n  \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\n  import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n  import SkeletonEventShort from '@pf/src/modules/icons/skeletons/SkeletonEventShort.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    status: {\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    user: {\n      type: [String, Number],\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 isLoading = ref(true);\n\n  const skip = ref(0);\n  const limit = ref(5);\n\n  onMounted(async () => {\n    const data = await events.read({\n      skip: skip.value,\n      limit: limit.value,\n      sortOrder: 'desc',\n      category: props.category,\n      user: props.user,\n      owner: props.owner,\n      organization: props.organization,\n      period: props.period,\n      phase: props.phase,\n      status: props.status\n    });\n\n    eventsList.value = data;\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n  .fade-move,\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n  }\n\n  /* 2. declare enter from and leave to state */\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n    transform: scaleY(0.01) translate(30px, 0);\n  }\n\n  /* 3. ensure leaving items are taken out of layout flow so that moving\n        animations can be calculated correctly. */\n  .fade-leave-active {\n    position: absolute;\n  }\n</style>\n"],"names":["ref","onMounted","events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DE,UAAM,QAAQ;AA+Bd,UAAM,aAAaA,QAAI,CAAA,CAAE;AACzB,UAAM,YAAYA,QAAI,IAAI;AAE1B,UAAM,OAAOA,QAAI,CAAC;AAClB,UAAM,QAAQA,QAAI,CAAC;AAEnBC,QAAAA,UAAU,YAAY;AACpB,YAAM,OAAO,MAAMC,YAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,WAAW;AAAA,QACX,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,MACpB,CAAK;AAED,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,11 +1,12 @@
-import { ref as l, onMounted as k, openBlock as t, createElementBlock as s, createVNode as i, TransitionGroup as g, withCtx as u, Fragment as f, renderList as v, createBlock as c, createCommentVNode as d, Transition as _, normalizeClass as b } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createBlock, createCommentVNode, Transition, normalizeClass } from "vue";
 /* empty css                                       */
-import S from "../../../../components/EmptyState/EmptyState.vue.js";
-import w from "../blocks/CardEvent.vue.js";
-import C from "../../../icons/skeletons/SkeletonEventShort.vue.js";
-import { read as N } from "../../store/events.js";
+import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
+import _sfc_main$2 from "../blocks/CardEvent.vue.js";
+import SkeletonEventShort from "../../../icons/skeletons/SkeletonEventShort.vue.js";
+import { read } from "../../store/events.js";
 /* empty css          */
-const z = { class: "today-events" }, G = {
+const _hoisted_1 = { class: "today-events" };
+const _sfc_main = {
   __name: "List",
   props: {
     category: {
@@ -37,66 +38,79 @@ const z = { class: "today-events" }, G = {
       default: null
     }
   },
-  setup(m) {
-    const e = m, a = l([]), n = l(!0), y = l(0), p = l(5);
-    return k(async () => {
-      const o = await N({
-        skip: y.value,
-        limit: p.value,
+  setup(__props) {
+    const props = __props;
+    const eventsList = ref([]);
+    const isLoading = ref(true);
+    const skip = ref(0);
+    const limit = ref(5);
+    onMounted(async () => {
+      const data = await read({
+        skip: skip.value,
+        limit: limit.value,
         sortOrder: "desc",
-        category: e.category,
-        user: e.user,
-        owner: e.owner,
-        organization: e.organization,
-        period: e.period,
-        phase: e.phase,
-        status: e.status
+        category: props.category,
+        user: props.user,
+        owner: props.owner,
+        organization: props.organization,
+        period: props.period,
+        phase: props.phase,
+        status: props.status
       });
-      a.value = o, n.value = !1;
-    }), (o, E) => (t(), s("section", z, [
-      i(g, {
-        tag: "ul",
-        name: "fade",
-        class: "o-hidden bg-light radius-big"
-      }, {
-        default: u(() => [
-          n.value ? (t(!0), s(f, { key: 0 }, v(p.value, (r) => (t(), c(C, { key: r }))), 128)) : d("", !0)
-        ]),
-        _: 1
-      }),
-      i(_, { name: "fade" }, {
-        default: u(() => [
-          !n.value && a.value.length < 1 ? (t(), c(S, {
-            key: 0,
-            title: "No Planned Events ",
-            description: "No events available. Please check back later.",
-            class: "pd-medium mn-b-thin bg-light radius-semi"
-          })) : d("", !0)
-        ]),
-        _: 1
-      }),
-      i(g, {
-        tag: "ul",
-        name: "fade",
-        class: "container"
-      }, {
-        default: u(() => [
-          !n.value && a.value.length > 0 ? (t(!0), s(f, { key: 0 }, v(a.value, (r, h) => (t(), c(w, {
-            onClick: (L) => o.$router.push({ name: "Event", params: { url: r.url } }),
-            key: r._id,
-            event: r,
-            owner: m.user,
-            type: "short",
-            class: b(["pd-medium", {
-              "br-b br-solid br-black-transp-10": h !== a.value.length - 1
-            }])
-          }, null, 8, ["onClick", "event", "owner", "class"]))), 128)) : d("", !0)
-        ]),
-        _: 1
-      })
-    ]));
+      eventsList.value = data;
+      isLoading.value = false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "o-hidden bg-light radius-big"
+        }, {
+          default: withCtx(() => [
+            isLoading.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(limit.value, (i) => {
+              return openBlock(), createBlock(SkeletonEventShort, { key: i });
+            }), 128)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            !isLoading.value && eventsList.value.length < 1 ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              title: "No Planned Events ",
+              description: "No events available. Please check back later.",
+              class: "pd-medium mn-b-thin bg-light radius-semi"
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "container"
+        }, {
+          default: withCtx(() => [
+            !isLoading.value && eventsList.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(eventsList.value, (event, index) => {
+              return openBlock(), createBlock(_sfc_main$2, {
+                onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                key: event._id,
+                event,
+                owner: __props.user,
+                type: "short",
+                class: normalizeClass(["pd-medium", {
+                  "br-b br-solid br-black-transp-10": index !== eventsList.value.length - 1
+                }])
+              }, null, 8, ["onClick", "event", "owner", "class"]);
+            }), 128)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
   }
 };
 export {
-  G as default
+  _sfc_main as default
 };
+//# sourceMappingURL=List.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue.js","sources":["../../../../../../../src/modules/events/components/sections/List.vue"],"sourcesContent":["<template>\n  <section \n    class=\"today-events\"\n  >\n    <!-- <transition name=\"fade\">\n      <Loader v-if=\"isLoading\" class=\"z-index-5 pos-t-50 left-t-50 pos-absolute\"/>\n    </transition> -->\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonEventShort\n        v-if=\"isLoading\"\n        v-for=\"i in limit\" :key=\"i\"\n      />\n    </TransitionGroup>\n\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && eventsList.length < 1\"\n        title=\"No Planned Events \"\n        description=\"No events available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-semi\"\n      />\n    </transition>\n\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" 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        :owner=\"user\" \n        :type=\"'short'\"\n        class=\"pd-medium\"\n        :class=\"{\n          'br-b br-solid br-black-transp-10': index !== eventsList.length - 1\n        }\"\n      />\n    </TransitionGroup>\n    \n  </section>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue';\n  \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\n  import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n  import SkeletonEventShort from '@pf/src/modules/icons/skeletons/SkeletonEventShort.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    status: {\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    user: {\n      type: [String, Number],\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 isLoading = ref(true);\n\n  const skip = ref(0);\n  const limit = ref(5);\n\n  onMounted(async () => {\n    const data = await events.read({\n      skip: skip.value,\n      limit: limit.value,\n      sortOrder: 'desc',\n      category: props.category,\n      user: props.user,\n      owner: props.owner,\n      organization: props.organization,\n      period: props.period,\n      phase: props.phase,\n      status: props.status\n    });\n\n    eventsList.value = data;\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n  .fade-move,\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n  }\n\n  /* 2. declare enter from and leave to state */\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n    transform: scaleY(0.01) translate(30px, 0);\n  }\n\n  /* 3. ensure leaving items are taken out of layout flow so that moving\n        animations can be calculated correctly. */\n  .fade-leave-active {\n    position: absolute;\n  }\n</style>\n"],"names":["events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DE,UAAM,QAAQ;AA+Bd,UAAM,aAAa,IAAI,CAAA,CAAE;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,CAAC;AAEnB,cAAU,YAAY;AACpB,YAAM,OAAO,MAAMA,KAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,WAAW;AAAA,QACX,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,MACpB,CAAK;AAED,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,38 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("vue-i18n");const s={class:"br-1px bg-blur-extra br-solid br-white-transp-20 radius-big o-hidden pos-relative"},l={class:"t-center w-100 pd-small br-b br-white-transp-20 br-solid"},a={class:"t-main t-nye204 mn-b-small"},c={class:"t-unna t-nye204 mn-b-thin"},m={class:"t-semi mn-b-thin mn-l-auto mn-r-auto pd-thin radius-extra br-solid br-2px br-main t-main w-max"},d={class:"p-medium t-transp"},u={__name:"SectionLineup",props:{content:{type:Object}},setup(t){return(p,b)=>{var r,i;return e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("h3",l,e.toDisplayString(((r=t.content)==null?void 0:r.title)||"Event Program"),1),(i=t.content)!=null&&i.lineup?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.content.lineup,(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"br-solid br-b br-white-transp-10":o<t.content.lineup.length-1},"flex-column flex-h-center t-center pd-medium flex w-100 gap-zero"])},[e.createElementVNode("h5",a,e.toDisplayString(n.djs),1),e.createElementVNode("h4",c,e.toDisplayString(n.name),1),e.createElementVNode("span",m,e.toDisplayString(n.time),1),e.createElementVNode("p",d,e.toDisplayString(n.description),1)],2))),256)):e.createCommentVNode("",!0)])}}};exports.default=u;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("vue-i18n");
+const _hoisted_1 = { class: "br-1px bg-blur-extra br-solid br-white-transp-20 radius-big o-hidden pos-relative" };
+const _hoisted_2 = { class: "t-center w-100 pd-small br-b br-white-transp-20 br-solid" };
+const _hoisted_3 = { class: "t-main t-nye204 mn-b-small" };
+const _hoisted_4 = { class: "t-unna t-nye204 mn-b-thin" };
+const _hoisted_5 = { class: "t-semi mn-b-thin mn-l-auto mn-r-auto pd-thin radius-extra br-solid br-2px br-main t-main w-max" };
+const _hoisted_6 = { class: "p-medium t-transp" };
+const _sfc_main = {
+  __name: "SectionLineup",
+  props: {
+    content: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(((_a = __props.content) == null ? void 0 : _a.title) || "Event Program"), 1),
+        ((_b = __props.content) == null ? void 0 : _b.lineup) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.content.lineup, (event, index) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            class: vue.normalizeClass([{ "br-solid br-b br-white-transp-10": index < __props.content.lineup.length - 1 }, "flex-column flex-h-center t-center pd-medium flex w-100 gap-zero"])
+          }, [
+            vue.createElementVNode("h5", _hoisted_3, vue.toDisplayString(event.djs), 1),
+            vue.createElementVNode("h4", _hoisted_4, vue.toDisplayString(event.name), 1),
+            vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(event.time), 1),
+            vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(event.description), 1)
+          ], 2);
+        }), 256)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=SectionLineup.vue.cjs.map

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

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