@ozdao/prometheus-framework 0.2.241 → 0.2.243

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;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row 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-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics 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          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\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=\"align-self-start  bg-light radius-big 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\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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,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: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row 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-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics 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          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\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=\"align-self-start  bg-light radius-big 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\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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createVNode, createTextVNode, createCommentVNode, createBlock, withCtx, Transition, resolveDynamicComponent, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import Select from "../../../../components/Select/Select.vue.js";
+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";
@@ -22,10 +22,8 @@ const _hoisted_4 = {
   class: "bg-light t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
 };
 const _hoisted_5 = { class: "pos-relative flex-v-center flex-nowrap flex" };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "mn-r-thin" }, "Topics for ", -1);
-const _hoisted_7 = { class: "align-self-start bg-light radius-big pd-medium" };
-const _hoisted_8 = { class: "gap-thin flex-nowrap flex" };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1);
+const _hoisted_6 = { class: "align-self-start bg-light radius-big pd-medium" };
+const _hoisted_7 = { class: "gap-thin flex-nowrap flex" };
 const _sfc_main = {
   __name: "Community",
   setup(__props) {
@@ -49,7 +47,7 @@ const _sfc_main = {
             })
           }, [
             createVNode(_sfc_main$1, { class: "i-medium mn-r-thin t-transp" }),
-            createTextVNode(" Featured ")
+            _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"]),
@@ -59,7 +57,7 @@ const _sfc_main = {
             })
           }, [
             createVNode(_sfc_main$2, { class: "i-medium mn-r-thin t-transp" }),
-            createTextVNode(" Popular ")
+            _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"]),
@@ -69,7 +67,7 @@ const _sfc_main = {
             })
           }, [
             createVNode(_sfc_main$3, { class: "i-medium mn-r-thin t-transp" }),
-            createTextVNode(" Recent ")
+            _cache[7] || (_cache[7] = createTextVNode(" Recent "))
           ], 2),
           state$1.user._id ? (openBlock(), createElementBlock("li", {
             key: 0,
@@ -80,7 +78,7 @@ const _sfc_main = {
             })
           }, [
             createVNode(_sfc_main$4, { class: "i-medium mn-r-thin t-transp" }),
-            createTextVNode(" Following ")
+            _cache[8] || (_cache[8] = createTextVNode(" Following "))
           ], 2)) : createCommentVNode("", true),
           state$1.user._id ? (openBlock(), createBlock(_component_router_link, {
             key: 1,
@@ -89,16 +87,16 @@ const _sfc_main = {
             },
             class: "button t-medium bg-main w-100"
           }, {
-            default: withCtx(() => [
+            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("h3", _hoisted_5, [
-              _hoisted_6,
+              _cache[10] || (_cache[10] = createElementVNode("span", { class: "mn-r-thin" }, "Topics for ", -1)),
               createVNode(Select, {
                 options: ["today", "week", "month", "year", "all time"],
                 select: state.filter.period,
@@ -126,9 +124,9 @@ const _sfc_main = {
             _: 1
           })
         ]),
-        createElementVNode("div", _hoisted_7, [
-          createElementVNode("div", _hoisted_8, [
-            _hoisted_9,
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            _cache[12] || (_cache[12] = createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1)),
             state$1.user._id ? (openBlock(), createBlock(_component_router_link, {
               key: 0,
               to: {
@@ -136,9 +134,9 @@ const _sfc_main = {
               },
               class: "t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"
             }, {
-              default: withCtx(() => [
+              default: withCtx(() => _cache[11] || (_cache[11] = [
                 createTextVNode(" + ")
-              ]),
+              ])),
               _: 1
             })) : createCommentVNode("", true)
           ]),

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;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row 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-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics 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          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\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=\"align-self-start  bg-light radius-big 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\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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,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: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row 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-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics 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          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\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=\"align-self-start  bg-light radius-big 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\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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const vue_f36acd1f = require("../../../../../../node_modules/@unhead/vue/dist/shared/vue.f36acd1f.cjs");
+const vue_65b7bcda = require("../../../../../../node_modules/@unhead/vue/dist/shared/vue.65b7bcda.cjs");
 ;/* empty css                                         */
 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");
 require("../../../organizations/store/organizations.cjs");
@@ -75,7 +75,7 @@ const _sfc_main = {
         ]
       };
     });
-    vue_f36acd1f.u(metadata);
+    vue_65b7bcda.u(metadata);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", null, [
         vue.createVNode(vue.TransitionGroup, {

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

@@ -1,12 +1,12 @@
 import { computed, ref, onServerPrefetch, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, Transition, createBlock } from "vue";
-import { u as useHead } from "../../../../../../node_modules/@unhead/vue/dist/shared/vue.f36acd1f.js";
+import { u as useHead } from "../../../../../../node_modules/@unhead/vue/dist/shared/vue.65b7bcda.js";
 /* empty css                                       */
 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";
 import "../../../organizations/store/organizations.js";

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                       */
+;/* empty css                                        */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-;/* empty css                                          */
 ;/* empty css                                         */
 ;/* empty css                                         */
+;/* empty css                                          */
 require("axios");
 ;/* empty css                                          */
 const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
@@ -13,13 +13,11 @@ const blogposts = require("../../store/blogposts.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const vueRouter = require("vue-router");
 ;/* empty css                 */
-const _withScopeId = (n) => (vue.pushScopeId("data-v-2fc13a78"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex mn-b-medium" };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-r-medium" }, "Blog", -1));
-const _hoisted_3 = { class: "" };
-const _hoisted_4 = { class: "flex-nowrap flex pd-t-zero pd-b-zero pd-big" };
+const _hoisted_2 = { class: "" };
+const _hoisted_3 = { class: "flex-nowrap flex pd-t-zero pd-b-zero pd-big" };
+const _hoisted_4 = ["onClick"];
 const _hoisted_5 = ["onClick"];
-const _hoisted_6 = ["onClick"];
 const _sfc_main = {
   __name: "Community",
   async setup(__props) {
@@ -57,13 +55,13 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createElementVNode("div", _hoisted_1, [
-          _hoisted_2,
+          _cache[1] || (_cache[1] = vue.createElementVNode("h3", { class: "mn-r-medium" }, "Blog", -1)),
           vue.createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({ name: "Create BlogPost" })),
             class: "t-white bg-second button-small button"
           }, "+")
         ]),
-        vue.createElementVNode("div", _hoisted_3, [
+        vue.createElementVNode("div", _hoisted_2, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredBlogPosts.value, (blogpost) => {
             return vue.openBlock(), vue.createBlock(CardBlogpost.default, {
               key: blogpost._id,
@@ -72,15 +70,15 @@ const _sfc_main = {
               class: "mn-b-medium"
             }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_3, [
                   vue.createElementVNode("button", {
                     class: "mn-r-thin button-small w-100 button",
                     onClick: ($event) => _ctx.$router.push({ path: "/community/posts/" + blogpost.url + "/edit" })
-                  }, "Edit", 8, _hoisted_5),
+                  }, "Edit", 8, _hoisted_4),
                   vue.createElementVNode("button", {
                     class: "button-small w-100 button",
                     onClick: ($event) => deletePost(blogpost._id)
-                  }, "Delete", 8, _hoisted_6)
+                  }, "Delete", 8, _hoisted_5)
                 ])
               ]),
               _: 2

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

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium\"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["useRouter","_withAsyncContext","fetchBlogPosts","blogState","ref","deleteBlogPost","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAASA,UAAAA,UAAW;AAE1B,IAAA,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAMC,UAAc,KAAA,CAAC;AAErB,YAAQ,IAAIC,UAAAA,KAAS;AAIAC,QAAAA,IAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAE;AAAA,IAChB,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,UAAAA,OAAe,GAAG;AAAA,MACzB;AAAA,IACH;AA4BA,QAAI,mBAAmBD,IAAG,IAAC,KAAK;AAEhC,UAAM,oBAAoBE,IAAQ,SAAC,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOH,UAAAA,MAAU;AAAA,MAClB;AACD,aAAOA,gBAAU,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkBG,QAAAA,SAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACnC;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium\"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["useRouter","_withAsyncContext","fetchBlogPosts","blogState","ref","deleteBlogPost","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAASA,UAAAA,UAAW;AAE1B,IAAA,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAMC,UAAc,KAAA,CAAC;AAErB,YAAQ,IAAIC,UAAAA,KAAS;AAIAC,QAAAA,IAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAE;AAAA,IAChB,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,UAAAA,OAAe,GAAG;AAAA,MACzB;AAAA,IACH;AA4BA,QAAI,mBAAmBD,IAAG,IAAC,KAAK;AAEhC,UAAM,oBAAoBE,IAAQ,SAAC,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOH,UAAAA,MAAU;AAAA,MAClB;AACD,aAAOA,gBAAU,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkBG,QAAAA,SAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACnC;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,9 +1,9 @@
-import { withAsyncContext, ref, computed, openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, createBlock, withCtx, pushScopeId, popScopeId } from "vue";
-/* empty css                                     */
+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";
 /* empty css                                        */
 import _sfc_main$1 from "../blocks/CardBlogpost.vue.js";
@@ -11,13 +11,11 @@ import { read, state, remove } from "../../store/blogposts.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { useRouter } from "vue-router";
 /* empty css               */
-const _withScopeId = (n) => (pushScopeId("data-v-2fc13a78"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex mn-b-medium" };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h3", { class: "mn-r-medium" }, "Blog", -1));
-const _hoisted_3 = { class: "" };
-const _hoisted_4 = { class: "flex-nowrap flex pd-t-zero pd-b-zero pd-big" };
+const _hoisted_2 = { class: "" };
+const _hoisted_3 = { class: "flex-nowrap flex pd-t-zero pd-b-zero pd-big" };
+const _hoisted_4 = ["onClick"];
 const _hoisted_5 = ["onClick"];
-const _hoisted_6 = ["onClick"];
 const _sfc_main = {
   __name: "Community",
   async setup(__props) {
@@ -55,13 +53,13 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", _hoisted_1, [
-          _hoisted_2,
+          _cache[1] || (_cache[1] = createElementVNode("h3", { class: "mn-r-medium" }, "Blog", -1)),
           createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ name: "Create BlogPost" })),
             class: "t-white bg-second button-small button"
           }, "+")
         ]),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_2, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(filteredBlogPosts.value, (blogpost) => {
             return openBlock(), createBlock(_sfc_main$1, {
               key: blogpost._id,
@@ -70,15 +68,15 @@ const _sfc_main = {
               class: "mn-b-medium"
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_3, [
                   createElementVNode("button", {
                     class: "mn-r-thin button-small w-100 button",
                     onClick: ($event) => _ctx.$router.push({ path: "/community/posts/" + blogpost.url + "/edit" })
-                  }, "Edit", 8, _hoisted_5),
+                  }, "Edit", 8, _hoisted_4),
                   createElementVNode("button", {
                     class: "button-small w-100 button",
                     onClick: ($event) => deletePost(blogpost._id)
-                  }, "Delete", 8, _hoisted_6)
+                  }, "Delete", 8, _hoisted_5)
                 ])
               ]),
               _: 2

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

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium\"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["_withAsyncContext","fetchBlogPosts","blogState","deleteBlogPost"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAAS,UAAW;AAE1B,IAAA,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAMC,KAAc,CAAC;AAErB,YAAQ,IAAIC,KAAS;AAIA,QAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAE;AAAA,IAChB,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,OAAe,GAAG;AAAA,MACzB;AAAA,IACH;AA4BA,QAAI,mBAAmB,IAAI,KAAK;AAEhC,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOD,MAAU;AAAA,MAClB;AACD,aAAOA,MAAU,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkB,aAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACnC;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium\"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["_withAsyncContext","fetchBlogPosts","blogState","deleteBlogPost"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAAS,UAAW;AAE1B,IAAA,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAMC,KAAc,CAAC;AAErB,YAAQ,IAAIC,KAAS;AAIA,QAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAE;AAAA,IAChB,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,OAAe,GAAG;AAAA,MACzB;AAAA,IACH;AA4BA,QAAI,mBAAmB,IAAI,KAAK;AAEhC,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOD,MAAU;AAAA,MAClB;AACD,aAAOA,MAAU,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkB,aAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACnC;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,14 +4,14 @@ const vue = require("vue");
 require("isomorphic-dompurify");
 ;/* empty css                                                      */
 const Constructor = require("../../../constructor/components/sections/Constructor.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 ;/* empty css                                               */
 ;/* empty css                                                     */
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const vueRouter = require("vue-router");
 const blogposts = require("../../store/blogposts.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
@@ -21,20 +21,16 @@ const _hoisted_2 = {
   style: { "min-height": "100%" },
   class: "w-100 bg-light pd-big radius-big"
 };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "w-full h-full" }, null, -1);
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 0,
   class: "pd-thin pos-sticky pos-l-0 pos-b-0 w-100"
 };
-const _hoisted_5 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Final Touches", -1);
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add source:", -1);
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add to public:", -1);
-const _hoisted_9 = {
+const _hoisted_4 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
+const _hoisted_5 = {
   key: 0,
   class: "mn-b-thin"
 };
-const _hoisted_10 = {
+const _hoisted_6 = {
   key: 1,
   class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
 };
@@ -159,7 +155,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
         vue.createElementVNode("section", _hoisted_2, [
-          _hoisted_3,
+          _cache[8] || (_cache[8] = vue.createElementVNode("div", { class: "w-full h-full" }, null, -1)),
           vue.unref(post) ? (vue.openBlock(), vue.createBlock(Constructor.default, {
             key: 0,
             content: vue.unref(post).content,
@@ -168,8 +164,8 @@ const _sfc_main = {
         ]),
         vue.createVNode(vue.Transition, { name: "scaleIn" }, {
           default: vue.withCtx(() => [
-            vue.unref(post) ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_4, [
-              vue.createElementVNode("div", _hoisted_5, [
+            vue.unref(post) ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_3, [
+              vue.createElementVNode("div", _hoisted_4, [
                 vue.unref(route).params.url ? (vue.openBlock(), vue.createElementBlock("a", {
                   key: 0,
                   onClick: _cache[1] || (_cache[1] = ($event) => onDelete()),
@@ -194,20 +190,20 @@ const _sfc_main = {
           class: "w-m-33r t-left pd-big bg-white radius-big"
         }, {
           default: vue.withCtx(() => [
-            _hoisted_6,
+            _cache[10] || (_cache[10] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Final Touches", -1)),
             vue.createVNode(BlockTags.default, {
               onTagsChanged: _cache[4] || (_cache[4] = (newTags) => vue.unref(post).tags = newTags),
               tags: vue.unref(post).tags,
               class: "mn-b-small"
             }, null, 8, ["tags"]),
-            _hoisted_7,
+            _cache[11] || (_cache[11] = vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add source:", -1)),
             vue.createVNode(Field.default, {
               field: vue.unref(post).source,
               "onUpdate:field": _cache[5] || (_cache[5] = ($event) => vue.unref(post).source = $event),
               placeholder: "Add full link to the source",
               class: "mn-b-medium bg-light radius-medium pd-small"
             }, null, 8, ["field"]),
-            _hoisted_8,
+            _cache[12] || (_cache[12] = vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add to public:", -1)),
             vue.createVNode(SelectMulti.default, {
               modelValue: selectedOrganization.value,
               "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => selectedOrganization.value = $event),
@@ -219,8 +215,8 @@ const _sfc_main = {
               "track-by": "_id",
               class: "mn-b-medium bg-light radius-medium pd-small"
             }, null, 8, ["modelValue", "options"]),
-            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_9, "Options:")) : vue.createCommentVNode("", true),
-            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_5, "Options:")) : vue.createCommentVNode("", true),
+            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
               vue.createVNode(Checkbox.default, {
                 label: "Hide Author",
                 radio: vue.unref(post).creator.hidden,
@@ -234,9 +230,9 @@ const _sfc_main = {
               callback: _ctx.redirectTo,
               class: "w-100 bg-black t-white"
             }, {
-              default: vue.withCtx(() => [
+              default: vue.withCtx(() => _cache[9] || (_cache[9] = [
                 vue.createTextVNode("Publish")
-              ]),
+              ])),
               _: 1
             }, 8, ["callback"])
           ]),