@ozdao/prometheus-framework 0.2.323 → 0.2.325

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.cjs

@@ -2,107 +2,47 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
-const IconFeatured = require("../../../icons/entities/IconFeatured.vue.cjs");
-const IconPopular = require("../../../icons/entities/IconPopular.vue.cjs");
-const IconRecent = require("../../../icons/entities/IconRecent.vue.cjs");
-const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
 const blogposts = require("../../store/blogposts.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../../organizations/store/organizations.cjs");
 const memberships = require("../../../organizations/store/memberships.cjs");
 const _hoisted_1 = {
-  style: { "grid-template-columns": "2fr 4fr 2fr", "grid-template-rows": "auto 1fr auto" },
+  style: { "grid-template-columns": "4fr 2fr", "grid-template-rows": "1fr auto" },
   class: "cols-3 gap-thin pd-t-zero pd-thin mobile:pd-zero"
 };
-const _hoisted_2 = { class: "align-self-start pos-sticky h-max pos-t-0 w-100 bg-white radius-medium pd-medium p-medium gap-thin flex-column mobile:flex-row mobile:radius-zero mobile:pd-thin flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
-const _hoisted_3 = { class: "pos-relative" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "pos-relative" };
+const _hoisted_3 = {
   key: 0,
   class: "bg-white pd-medium radius-medium mobile:radius-zero t-black pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
 };
-const _hoisted_5 = { class: "pos-relative t-nowrap flex-v-center flex-nowrap flex" };
-const _hoisted_6 = { class: "desktop-only align-self-start bg-white radius-medium pd-medium" };
-const _hoisted_7 = { class: "gap-thin flex-nowrap flex" };
+const _hoisted_4 = { class: "pos-relative t-nowrap flex-v-center flex-nowrap flex" };
+const _hoisted_5 = { class: "desktop-only align-self-start bg-white radius-medium pd-medium" };
+const _hoisted_6 = { class: "gap-thin flex-nowrap flex" };
 const _sfc_main = {
   __name: "Community",
   setup(__props) {
     const route = vueRouter.useRoute();
-    const router = vueRouter.useRouter();
+    vueRouter.useRouter();
     if (route.params.category === "popular") blogposts.state.sort.param = "views";
     if (route.params.category === "new") blogposts.state.sort.param = "createdAt";
     const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
       memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
     };
     return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
       const _component_router_view = vue.resolveComponent("router-view");
+      const _component_router_link = vue.resolveComponent("router-link");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("ul", _hoisted_2, [
-          vue.createElementVNode("li", {
-            class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-extra"]),
-            onClick: _cache[0] || (_cache[0] = () => {
-              blogposts.state.sort.param = "createdAt";
-              vue.unref(router).push({ name: "Blog", params: { category: "featured" } });
-            })
-          }, [
-            vue.createVNode(IconFeatured.default, { class: "i-medium mn-r-thin t-transp" }),
-            _cache[5] || (_cache[5] = vue.createTextVNode(" Featured "))
-          ], 2),
-          vue.createElementVNode("li", {
-            class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
-            onClick: _cache[1] || (_cache[1] = () => {
-              blogposts.state.sort.param = "views";
-              vue.unref(router).push({ name: "Blog", params: { category: "popular" } });
-            })
-          }, [
-            vue.createVNode(IconPopular.default, { class: "i-medium mn-r-thin t-transp" }),
-            _cache[6] || (_cache[6] = vue.createTextVNode(" Popular "))
-          ], 2),
-          vue.createElementVNode("li", {
-            class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
-            onClick: _cache[2] || (_cache[2] = () => {
-              blogposts.state.sort.param = "createdAt";
-              vue.unref(router).push({ name: "Blog", params: { category: "new" } });
-            })
-          }, [
-            vue.createVNode(IconRecent.default, { class: "i-medium mn-r-thin t-transp" }),
-            _cache[7] || (_cache[7] = vue.createTextVNode(" Recent "))
-          ], 2),
-          auth.state.user._id ? (vue.openBlock(), vue.createElementBlock("li", {
-            key: 0,
-            class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
-            onClick: _cache[3] || (_cache[3] = () => {
-              blogposts.state.sort.param = "createdAt";
-              vue.unref(router).push({ name: "Blog", params: { category: "following" } });
-            })
-          }, [
-            vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-thin t-transp" }),
-            _cache[8] || (_cache[8] = vue.createTextVNode(" Following "))
-          ], 2)) : vue.createCommentVNode("", true),
-          auth.state.user._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-            key: 1,
-            to: {
-              name: "Create BlogPost"
-            },
-            class: "button t-medium bg-main w-100"
-          }, {
-            default: vue.withCtx(() => _cache[9] || (_cache[9] = [
-              vue.createTextVNode(" Create Post ")
-            ])),
-            _: 1
-          })) : vue.createCommentVNode("", true)
-        ]),
-        vue.createElementVNode("section", _hoisted_3, [
-          !vue.unref(route).params.url ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_4, [
-            vue.createElementVNode("h2", _hoisted_5, [
-              _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "mn-r-thin" }, "Posts for ", -1)),
+        vue.createElementVNode("section", _hoisted_2, [
+          !vue.unref(route).params.url ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_3, [
+            vue.createElementVNode("h2", _hoisted_4, [
+              _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "mn-r-thin" }, "Posts for ", -1)),
               vue.createVNode(Select.default, {
                 options: ["today", "week", "month", "year", "all time"],
                 select: blogposts.state.filter.period,
-                "onUpdate:select": _cache[4] || (_cache[4] = ($event) => blogposts.state.filter.period = $event),
+                "onUpdate:select": _cache[0] || (_cache[0] = ($event) => blogposts.state.filter.period = $event),
                 placeholder: "all time",
                 class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center"
               }, null, 8, ["select"])
@@ -126,9 +66,9 @@ const _sfc_main = {
             _: 1
           })
         ]),
-        vue.createElementVNode("div", _hoisted_6, [
-          vue.createElementVNode("div", _hoisted_7, [
-            _cache[12] || (_cache[12] = vue.createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1)),
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createElementVNode("div", _hoisted_6, [
+            _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1)),
             auth.state.user._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
               key: 0,
               to: {
@@ -136,7 +76,7 @@ const _sfc_main = {
               },
               class: "t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"
             }, {
-              default: vue.withCtx(() => _cache[11] || (_cache[11] = [
+              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                 vue.createTextVNode(" + ")
               ])),
               _: 1

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr; grid-template-rows: auto 1fr auto;\" class=\"cols-3 gap-thin pd-t-zero pd-thin mobile:pd-zero \">\n\n\t\t<ul class=\"align-self-start pos-sticky h-max pos-t-0 w-100 bg-white radius-medium pd-medium p-medium gap-thin flex-column mobile:flex-row mobile:radius-zero mobile:pd-thin flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header v-if=\"!route.params.url\" class=\"bg-white pd-medium radius-medium mobile:radius-zero t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h2\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h2>\n\t\t\t</header>\n\n\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"desktop-only align-self-start  bg-white radius-medium pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin pd-small w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JC,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 4fr 2fr; grid-template-rows: 1fr auto;\" class=\"cols-3 gap-thin pd-t-zero pd-thin mobile:pd-zero \">\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header v-if=\"!route.params.url\" class=\"bg-white pd-medium radius-medium mobile:radius-zero t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h2\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h2>\n\t\t\t</header>\n\n\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"desktop-only align-self-start  bg-white radius-medium pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin pd-small w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2GC,UAAM,QAAQA,UAAAA;AACCC,wBAAY;AAE3B,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.js

@@ -1,106 +1,46 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createVNode, createTextVNode, createCommentVNode, createBlock, withCtx, Transition, resolveDynamicComponent, Fragment, renderList } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, unref, createVNode, createCommentVNode, withCtx, Transition, createBlock, resolveDynamicComponent, createTextVNode, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import Select from "../../../../components/Select/Select.vue2.js";
-import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$6 from "../../../organizations/components/blocks/CardOrganization.vue.js";
-import _sfc_main$1 from "../../../icons/entities/IconFeatured.vue.js";
-import _sfc_main$2 from "../../../icons/entities/IconPopular.vue.js";
-import _sfc_main$3 from "../../../icons/entities/IconRecent.vue.js";
-import _sfc_main$4 from "../../../icons/entities/IconFollowing.vue.js";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../../../organizations/components/blocks/CardOrganization.vue.js";
 import { state } from "../../store/blogposts.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state as state$2 } from "../../../organizations/store/organizations.js";
 import { mutations } from "../../../organizations/store/memberships.js";
 const _hoisted_1 = {
-  style: { "grid-template-columns": "2fr 4fr 2fr", "grid-template-rows": "auto 1fr auto" },
+  style: { "grid-template-columns": "4fr 2fr", "grid-template-rows": "1fr auto" },
   class: "cols-3 gap-thin pd-t-zero pd-thin mobile:pd-zero"
 };
-const _hoisted_2 = { class: "align-self-start pos-sticky h-max pos-t-0 w-100 bg-white radius-medium pd-medium p-medium gap-thin flex-column mobile:flex-row mobile:radius-zero mobile:pd-thin flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
-const _hoisted_3 = { class: "pos-relative" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "pos-relative" };
+const _hoisted_3 = {
   key: 0,
   class: "bg-white pd-medium radius-medium mobile:radius-zero t-black pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
 };
-const _hoisted_5 = { class: "pos-relative t-nowrap flex-v-center flex-nowrap flex" };
-const _hoisted_6 = { class: "desktop-only align-self-start bg-white radius-medium pd-medium" };
-const _hoisted_7 = { class: "gap-thin flex-nowrap flex" };
+const _hoisted_4 = { class: "pos-relative t-nowrap flex-v-center flex-nowrap flex" };
+const _hoisted_5 = { class: "desktop-only align-self-start bg-white radius-medium pd-medium" };
+const _hoisted_6 = { class: "gap-thin flex-nowrap flex" };
 const _sfc_main = {
   __name: "Community",
   setup(__props) {
     const route = useRoute();
-    const router = useRouter();
+    useRouter();
     if (route.params.category === "popular") state.sort.param = "views";
     if (route.params.category === "new") state.sort.param = "createdAt";
     const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
       mutations.handleMembershipUpdate(state$2.current, membership, status, target, statusName, statusNumber);
     };
     return (_ctx, _cache) => {
-      const _component_router_link = resolveComponent("router-link");
       const _component_router_view = resolveComponent("router-view");
+      const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("ul", _hoisted_2, [
-          createElementVNode("li", {
-            class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-extra"]),
-            onClick: _cache[0] || (_cache[0] = () => {
-              state.sort.param = "createdAt";
-              unref(router).push({ name: "Blog", params: { category: "featured" } });
-            })
-          }, [
-            createVNode(_sfc_main$1, { class: "i-medium mn-r-thin t-transp" }),
-            _cache[5] || (_cache[5] = createTextVNode(" Featured "))
-          ], 2),
-          createElementVNode("li", {
-            class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
-            onClick: _cache[1] || (_cache[1] = () => {
-              state.sort.param = "views";
-              unref(router).push({ name: "Blog", params: { category: "popular" } });
-            })
-          }, [
-            createVNode(_sfc_main$2, { class: "i-medium mn-r-thin t-transp" }),
-            _cache[6] || (_cache[6] = createTextVNode(" Popular "))
-          ], 2),
-          createElementVNode("li", {
-            class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
-            onClick: _cache[2] || (_cache[2] = () => {
-              state.sort.param = "createdAt";
-              unref(router).push({ name: "Blog", params: { category: "new" } });
-            })
-          }, [
-            createVNode(_sfc_main$3, { class: "i-medium mn-r-thin t-transp" }),
-            _cache[7] || (_cache[7] = createTextVNode(" Recent "))
-          ], 2),
-          state$1.user._id ? (openBlock(), createElementBlock("li", {
-            key: 0,
-            class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
-            onClick: _cache[3] || (_cache[3] = () => {
-              state.sort.param = "createdAt";
-              unref(router).push({ name: "Blog", params: { category: "following" } });
-            })
-          }, [
-            createVNode(_sfc_main$4, { class: "i-medium mn-r-thin t-transp" }),
-            _cache[8] || (_cache[8] = createTextVNode(" Following "))
-          ], 2)) : createCommentVNode("", true),
-          state$1.user._id ? (openBlock(), createBlock(_component_router_link, {
-            key: 1,
-            to: {
-              name: "Create BlogPost"
-            },
-            class: "button t-medium bg-main w-100"
-          }, {
-            default: withCtx(() => _cache[9] || (_cache[9] = [
-              createTextVNode(" Create Post ")
-            ])),
-            _: 1
-          })) : createCommentVNode("", true)
-        ]),
-        createElementVNode("section", _hoisted_3, [
-          !unref(route).params.url ? (openBlock(), createElementBlock("header", _hoisted_4, [
-            createElementVNode("h2", _hoisted_5, [
-              _cache[10] || (_cache[10] = createElementVNode("span", { class: "mn-r-thin" }, "Posts for ", -1)),
+        createElementVNode("section", _hoisted_2, [
+          !unref(route).params.url ? (openBlock(), createElementBlock("header", _hoisted_3, [
+            createElementVNode("h2", _hoisted_4, [
+              _cache[1] || (_cache[1] = createElementVNode("span", { class: "mn-r-thin" }, "Posts for ", -1)),
               createVNode(Select, {
                 options: ["today", "week", "month", "year", "all time"],
                 select: state.filter.period,
-                "onUpdate:select": _cache[4] || (_cache[4] = ($event) => state.filter.period = $event),
+                "onUpdate:select": _cache[0] || (_cache[0] = ($event) => state.filter.period = $event),
                 placeholder: "all time",
                 class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center"
               }, null, 8, ["select"])
@@ -124,9 +64,9 @@ const _sfc_main = {
             _: 1
           })
         ]),
-        createElementVNode("div", _hoisted_6, [
-          createElementVNode("div", _hoisted_7, [
-            _cache[12] || (_cache[12] = createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1)),
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
+            _cache[3] || (_cache[3] = createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1)),
             state$1.user._id ? (openBlock(), createBlock(_component_router_link, {
               key: 0,
               to: {
@@ -134,7 +74,7 @@ const _sfc_main = {
               },
               class: "t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"
             }, {
-              default: withCtx(() => _cache[11] || (_cache[11] = [
+              default: withCtx(() => _cache[2] || (_cache[2] = [
                 createTextVNode(" + ")
               ])),
               _: 1
@@ -142,7 +82,7 @@ const _sfc_main = {
           ]),
           createVNode(Transition, { name: "slide-fade" }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$5, {
+              createVNode(_sfc_main$1, {
                 states: {
                   empty: {
                     title: "No Organization Found",
@@ -165,7 +105,7 @@ const _sfc_main = {
                   items
                 }) => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(items, (organization) => {
-                    return openBlock(), createBlock(_sfc_main$6, {
+                    return openBlock(), createBlock(_sfc_main$2, {
                       key: organization._id,
                       organization,
                       user: state$1.user,

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr; grid-template-rows: auto 1fr auto;\" class=\"cols-3 gap-thin pd-t-zero pd-thin mobile:pd-zero \">\n\n\t\t<ul class=\"align-self-start pos-sticky h-max pos-t-0 w-100 bg-white radius-medium pd-medium p-medium gap-thin flex-column mobile:flex-row mobile:radius-zero mobile:pd-thin flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header v-if=\"!route.params.url\" class=\"bg-white pd-medium radius-medium mobile:radius-zero t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h2\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h2>\n\t\t\t</header>\n\n\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"desktop-only align-self-start  bg-white radius-medium pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin pd-small w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JC,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 4fr 2fr; grid-template-rows: 1fr auto;\" class=\"cols-3 gap-thin pd-t-zero pd-thin mobile:pd-zero \">\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header v-if=\"!route.params.url\" class=\"bg-white pd-medium radius-medium mobile:radius-zero t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h2\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h2>\n\t\t\t</header>\n\n\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"desktop-only align-self-start  bg-white radius-medium pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin pd-small w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2GC,UAAM,QAAQ;AACC,cAAY;AAE3B,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.cjs

@@ -7,7 +7,7 @@ const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs
 const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
 const SkeletonBlogpost = require("../../../icons/skeletons/SkeletonBlogpost.vue.cjs");
 const vueRouter = require("vue-router");
-;/* empty css                                        */
+;/* empty css                                       */
 ;/* empty css                                          */
 const auth = require("../../../auth/views/store/auth.cjs");
 require("../../../organizations/store/memberships.cjs");

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
 import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
 import SkeletonBlogpost from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
 import { useRoute } from "vue-router";
-/* empty css                                      */
+/* empty css                                     */
 /* empty css                                        */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import "../../../organizations/store/memberships.js";

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 ;/* empty css                                        */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                                         */
 ;/* empty css                                          */
 require("axios");

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.js

@@ -1,7 +1,7 @@
 import { withAsyncContext, ref, computed, openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, createBlock, withCtx } from "vue";
 /* empty css                                      */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                       */
 /* empty css                                        */
 import "axios";

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 require("isomorphic-dompurify");
 ;/* empty css                                                      */
 const Constructor = require("../../../constructor/components/sections/Constructor.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 ;/* empty css                                               */
 ;/* empty css                                                     */
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js

@@ -2,7 +2,7 @@ import { ref, onMounted, computed, openBlock, createElementBlock, createElementV
 import "isomorphic-dompurify";
 /* empty css                                                    */
 import _sfc_main$1 from "../../../constructor/components/sections/Constructor.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 /* empty css                                             */
 /* empty css                                                   */
 import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";

package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                         */
-;/* empty css                                              */
+;/* empty css                                             */
 ;/* empty css                                               */
 ;/* empty css                                        */
 ;/* empty css                                           */

package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js

@@ -1,12 +1,12 @@
 import { openBlock, createBlock, withCtx } from "vue";
 /* empty css                                       */
-/* empty css                                            */
+/* empty css                                           */
 /* empty css                                             */
 /* empty css                                      */
 /* empty css                                         */
 /* empty css                                    */
-import _sfc_main$1 from "../../../../components/Slider/Slider.vue.js";
-import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
+import Slider from "../../../../components/Slider/Slider.vue.js";
+import _sfc_main$1 from "../blocks/CardBlogpost.vue.js";
 import { read } from "../../store/blogposts.js";
 import { state } from "../../../auth/views/store/auth.js";
 /* empty css              */
@@ -36,7 +36,7 @@ const _sfc_main = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
+      return openBlock(), createBlock(Slider, {
         store: {
           read: (options) => read({
             skip: __props.skip,
@@ -59,7 +59,7 @@ const _sfc_main = {
         default: withCtx(({
           item
         }) => [
-          (openBlock(), createBlock(_sfc_main$2, {
+          (openBlock(), createBlock(_sfc_main$1, {
             key: item._id,
             blogpost: item,
             user: state.user._id,

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+;/* empty css                                       */
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
 require("../../../community/store/reactions.cjs");
@@ -12,32 +12,36 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" };
-const _hoisted_5 = { class: "t-semi" };
-const _hoisted_6 = {
-  key: 0,
-  class: "t-semi"
-};
-const _hoisted_7 = {
+const _hoisted_4 = {
   key: 0,
   class: "t-semi uppercase"
 };
-const _hoisted_8 = {
+const _hoisted_5 = {
   key: 1,
   class: "cursor-pointer mn-b-thin flex-nowrap flex w-100"
 };
-const _hoisted_9 = {
+const _hoisted_6 = {
   key: 0,
   class: ""
 };
-const _hoisted_10 = {
+const _hoisted_7 = {
   key: 1,
   class: "pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
 };
-const _hoisted_11 = {
+const _hoisted_8 = {
   key: 2,
   class: "mn-b-small p-big"
 };
+const _hoisted_9 = { class: "flex flex-wrap gap-micro t-medium p-big justify-start align-center" };
+const _hoisted_10 = {
+  key: 0,
+  class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+};
+const _hoisted_11 = { class: "t-semi" };
+const _hoisted_12 = {
+  key: 0,
+  class: "t-semi"
+};
 const _sfc_main = {
   __name: "CardEvent",
   props: ["event", "user", "short", "type"],
@@ -99,6 +103,7 @@ const _sfc_main = {
       return eventName;
     });
     return (_ctx, _cache) => {
+      var _a;
       return vue.openBlock(), vue.createElementBlock("article", {
         class: vue.normalizeClass([{
           "flex-nowrap flex-v-center flex": __props.type === "short"
@@ -150,22 +155,26 @@ const _sfc_main = {
           vue.createElementVNode("div", {
             class: vue.normalizeClass([{ "mn-b-small": __props.type !== "short" }, "flex-v-center flex-nowrap flex"])
           }, [
-            vue.createElementVNode("div", _hoisted_4, [
-              vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(formattedDate.value), 1),
-              __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, " | " + vue.toDisplayString(formattedTimeRange.value), 1)) : vue.createCommentVNode("", true)
-            ]),
-            __props.type === "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(truncatedEventName.value), 1)) : vue.createCommentVNode("", true)
+            __props.type === "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(truncatedEventName.value), 1)) : vue.createCommentVNode("", true)
           ], 2),
-          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-            __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_9, vue.toDisplayString(__props.event.name), 1)) : vue.createCommentVNode("", true),
-            __props.event.status === "draft" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, vue.toDisplayString(__props.event.status), 1)) : vue.createCommentVNode("", true)
+          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_6, vue.toDisplayString(__props.event.name), 1)) : vue.createCommentVNode("", true),
+            __props.event.status === "draft" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, vue.toDisplayString(__props.event.status), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_11, vue.toDisplayString(__props.event.description), 1)) : vue.createCommentVNode("", true),
+          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, vue.toDisplayString(__props.event.description), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default"),
-          __props.type !== "short" && __props.event.tags.length > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
-            key: 3,
-            chips: __props.event.tags
-          }, null, 8, ["chips"])) : vue.createCommentVNode("", true)
+          vue.createElementVNode("div", _hoisted_9, [
+            ((_a = __props.event.date) == null ? void 0 : _a.start) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, [
+              vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(formattedDate.value), 1),
+              __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, " | " + vue.toDisplayString(formattedTimeRange.value), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.event.tags, (chip, index) => {
+              return vue.openBlock(), vue.createElementBlock("span", {
+                key: index,
+                class: "d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main"
+              }, vue.toDisplayString(chip), 1);
+            }), 128))
+          ])
         ], 2)
       ], 2);
     };