@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1,10 +1,11 @@
-import { ref as i, onMounted as _, openBlock as r, createElementBlock as u, createVNode as p, TransitionGroup as f, withCtx as m, Fragment as y, renderList as h, createBlock as g, createCommentVNode as c, Transition as S } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createBlock, createCommentVNode, Transition } from "vue";
 /* empty css                                       */
-import w from "../../../../components/EmptyState/EmptyState.vue.js";
-import C from "../blocks/CardEvent.vue.js";
-import E from "../../../icons/skeletons/SkeletonEvent.vue.js";
-import { read as k } from "../../store/events.js";
-const P = { class: "feed" }, F = {
+import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
+import _sfc_main$2 from "../blocks/CardEvent.vue.js";
+import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
+import { read } from "../../store/events.js";
+const _hoisted_1 = { class: "feed" };
+const _sfc_main = {
   __name: "Feed",
   props: {
     category: {
@@ -52,93 +53,119 @@ const P = { class: "feed" }, F = {
       default: null
     }
   },
-  setup(v) {
-    const e = v, t = i([]), n = i(!1), l = i(!0), d = i(0), s = i(20), b = async () => {
-      if (n.value) {
-        d.value += s.value;
-        const a = await k({
-          skip: d.value,
-          limit: s.value,
-          category: e.category,
-          sortOrder: e.sortOrder,
-          sortParam: e.sortParam,
-          participant: e.participant,
-          creator: e.creator,
-          user: e.user,
-          date: e.selectedDate,
-          owner: e.owner,
-          organization: e.organization,
-          period: e.period,
-          phase: e.phase
+  setup(__props) {
+    const props = __props;
+    const eventsList = ref([]);
+    const hasMoreEvents = ref(false);
+    const isLoading = ref(true);
+    const skip = ref(0);
+    const limit = ref(20);
+    const loadMoreEvents = async () => {
+      if (hasMoreEvents.value) {
+        skip.value += limit.value;
+        const data = await 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
         });
-        a.length === 0 ? n.value = !1 : n.value = !0, t.value = [...t.value, ...a];
+        if (data.length === 0) {
+          hasMoreEvents.value = false;
+        } else {
+          hasMoreEvents.value = true;
+        }
+        eventsList.value = [...eventsList.value, ...data];
       }
     };
-    return _(async () => {
-      l.value = !0, console.log(e.selectedDate);
-      const a = await k({
-        skip: d.value,
-        limit: s.value,
-        category: e.category,
-        participant: e.participant,
-        sortOrder: e.sortOrder,
-        sortParam: e.sortParam,
-        user: e.user,
-        owner: e.owner,
-        creator: e.creator,
-        date: e.selectedDate,
-        organization: e.organization,
-        period: e.period,
-        phase: e.phase
+    onMounted(async () => {
+      isLoading.value = true;
+      console.log(props.selectedDate);
+      const data = await 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
       });
-      a.length === 0 ? n.value = !1 : n.value = !0, t.value = a, l.value = !1;
-    }), (a, z) => (r(), u("section", P, [
-      p(f, {
-        tag: "ul",
-        name: "scaleTransition",
-        class: "o-hidden bg-light radius-big"
-      }, {
-        default: m(() => [
-          l.value ? (r(!0), u(y, { key: 0 }, h(s.value, (o) => (r(), g(E, { key: o }))), 128)) : c("", !0)
-        ]),
-        _: 1
-      }),
-      p(S, { name: "scaleTransition" }, {
-        default: m(() => [
-          !l.value && t.value.length < 1 ? (r(), g(w, {
-            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"
-          })) : c("", !0)
-        ]),
-        _: 1
-      }),
-      p(f, {
-        tag: "ul",
-        name: "scaleTransition",
-        class: "container"
-      }, {
-        default: m(() => [
-          !l.value && t.value.length > 0 ? (r(!0), u(y, { key: 0 }, h(t.value, (o, O) => (r(), g(C, {
-            onClick: (T) => a.$router.push({ name: "Event", params: { url: o.url } }),
-            key: o._id,
-            event: o,
-            user: v.user,
-            type: "normal",
-            class: "bg-light radius-big mn-b-medium"
-          }, null, 8, ["onClick", "event", "user"]))), 128)) : c("", !0),
-          n.value && t.value.length > 0 ? (r(), u("button", {
-            key: 1,
-            onClick: b,
-            class: "w-100 bg-main button"
-          }, "Load more")) : c("", !0)
-        ]),
-        _: 1
-      })
-    ]));
+      if (data.length === 0) {
+        hasMoreEvents.value = false;
+      } else {
+        hasMoreEvents.value = true;
+      }
+      eventsList.value = data;
+      isLoading.value = false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "scaleTransition",
+          class: "o-hidden bg-light radius-big"
+        }, {
+          default: withCtx(() => [
+            isLoading.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(limit.value, (i) => {
+              return openBlock(), createBlock(SkeletonEvent, { key: i });
+            }), 128)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(Transition, { name: "scaleTransition" }, {
+          default: withCtx(() => [
+            !isLoading.value && eventsList.value.length < 1 ? (openBlock(), createBlock(_sfc_main$1, {
+              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"
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "scaleTransition",
+          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,
+                user: __props.user,
+                type: "normal",
+                class: "bg-light radius-big mn-b-medium"
+              }, null, 8, ["onClick", "event", "user"]);
+            }), 128)) : createCommentVNode("", true),
+            hasMoreEvents.value && eventsList.value.length > 0 ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              onClick: loadMoreEvents,
+              class: "w-100 bg-main button"
+            }, "Load more")) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
   }
 };
 export {
-  F as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Feed.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Feed.vue.js","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":["events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDE,UAAM,QAAQ;AA+Cd,UAAM,aAAa,IAAI,CAAA,CAAE;AACzB,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,iBAAiB,YAAY;AACjC,UAAI,cAAc,OAAO;AACvB,aAAK,SAAS,MAAM;AAEpB,cAAM,OAAO,MAAMA,KAAY;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;AAEE,cAAU,YAAY;AACpB,gBAAU,QAAQ;AAClB,cAAQ,IAAI,MAAM,YAAY;AAE9B,YAAM,OAAO,MAAMA,KAAY;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeroEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/HeroEvent.vue"],"sourcesContent":["<template>\n  <section \n  \tclass=\"\n\t  \tt-white\n\t  \tt-center\n\t  \tw-100 \n\t  \tpos-relative\n\t  \tgap-thin\n\t  \tcols-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":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2GC,UAAM,QAAQ;AAUd,UAAM,eAAeA,IAAG,IAAC,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;AAEDC,QAAAA,UAAU,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}