@ozdao/prometheus-framework 0.0.90 → 0.0.92

package/dist/Feed-a0df5d24.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),V=require("./EmptyState-7658d7d6.js"),S=require("./_plugin-vue_export-helper-f246444f.js"),v=require("./Chips-2a0d9bfe.js"),$=require("vue-router"),w=require("./auth-5a58f8cb.js"),u=require("./globals-928eb13c.js"),f=w.axios.create({baseURL:process.env.API_URL,withCredentials:!0});f.defaults.withCredentials=!0;const c=e.reactive({all:[],filter:{tags:[],period:""},pagination:{page:1,perPage:18},sort:{current:"popularity",ascending:!1},current:{_id:"",url:"",status:"",name:"",tags:[],owner:{},date:"",views:0,content:[]}});async function k(t={}){t.params=t.params||{},t.params.skip=t.skip||0,t.params.limit=t.limit||9,t.params.tags=t.tags||[],t.period&&(t.params.period=t.period),t.url&&(t.params={url:t.url}),t.category&&(t.params.category=t.category),t.organization&&(t.params.organization=t.organization),t.owner&&(t.params.owner=t.owner),t.creator&&(t.params.creator=t.creator),t.status&&(t.params.status=t.status),t.user&&(t.params.user=t.user),t.params.skip=t.skip||0,t.params.limit=t.limit||10;try{console.log("Request params:"+t.params);const r=await f.get("/api/blog/read",{params:t.params});return t.url?g(r.data,"current"):g(r.data,"all"),Promise.resolve(r.data)}catch(r){return u.setError(r),Promise.reject(r)}}async function B(t){return f.post("/api/blog/create",t).then(r=>(g(r.data,"current"),Promise.resolve(r.data)),r=>(u.setError(r),Promise.reject(r)))}async function _(t){return f.post("/api/blog/update",t).then(r=>(g(r.data,"current"),Promise.resolve(r.data)),r=>(u.setError(r),Promise.reject(r)))}async function x(t){return await f.delete(`/api/blog/delete/${t}`).then(r=>{const o=c.all.findIndex(a=>a._id===t);return o!==-1&&c.all.splice(o,1),Promise.resolve(r.data)},r=>(u.setError(r),Promise.reject(r)))}function g(t,r){c[r]=t}function E(){c.current={_id:"",url:"",status:"",name:"",tags:[],author:"",owner:"",date:"",views:0,content:[]}}function j(t){const r={order:c.project.content.length+1,type:t.type,data:t.data,class:t.class,content:t.content};c.project.content.push(r)}e.watch(c,(t,r)=>{});const R=Object.freeze(Object.defineProperty({__proto__:null,blockAdd:j,clean:E,create:B,read:k,remove:x,set:g,state:c,update:_},Symbol.toStringTag,{value:"Module"})),D={props:{progress:{type:Number,default:null},status:{type:String,default:null}}},z={class:"circular-loader"},L=e.createElementVNode("svg",{viewBox:"25 25 50 50"},[e.createElementVNode("circle",{cx:"50",cy:"50",r:"20",fill:"none","stroke-width":"4","stroke-miterlimit":"10"})],-1),T={key:0,class:"progress-text"},q={key:1,class:"uppercase t-semi w-m-10r status-text"};function I(t,r,o,a,s,l){return e.openBlock(),e.createElementBlock("div",z,[L,o.progress?(e.openBlock(),e.createElementBlock("div",T,e.toDisplayString(o.progress),1)):e.createCommentVNode("",!0),o.status?(e.openBlock(),e.createElementBlock("div",q,e.toDisplayString(o.status),1)):e.createCommentVNode("",!0)])}const P=S._export_sfc(D,[["render",I]]),y=w.axios.create({baseURL:process.env.API_URL,withCredentials:!0}),d=e.reactive({reactions:[],error:null}),b={async read({user:t,type:r,target:o,role:a}){try{const s=await y.get("/api/reactions",{params:{user:t,type:r,target:o,role:a}});return d.error=null,d.reactions=s.data,Promise.resolve(s.data)}catch(s){return u.setError(s),Promise.reject(s)}},async create(t){try{const r=await y.post("/api/reactions/create",t);return d.error=null,Promise.resolve(r.data)}catch(r){return console.log(r),u.setError(r),Promise.reject(r)}},async update(t){try{const r=await y.post("/api/reactions/update",t);return d.error=null,Promise.resolve(r.data)}catch(r){return u.setError(r),Promise.reject(r)}},async delete(t){try{const r=await y.post("/api/reactions/delete",t);return d.error=null,Promise.resolve(r.data)}catch(r){return u.setError(r),Promise.reject(r)}}},O={handleReactionUpdate(t,r,o){let a;if(Array.isArray(t)?a=t.find(s=>s._id===r.target):typeof t=="object"&&t._id===r.target&&(a=t),a)if(a.hasReaction=o,o)a.reactions.push(r),a.numberOfReactions+=1;else{const s=a.reactions.findIndex(l=>l._id===r._id);s!==-1&&(a.reactions.splice(s,1),a.numberOfReactions-=1)}}};e.watch(d,t=>{});const A=Object.freeze(Object.defineProperty({__proto__:null,actions:b,mutations:O,state:d},Symbol.toStringTag,{value:"Module"})),U={class:"t-semi br-top-dark flex-nowrap flex-nojustify flex"},M=e.createElementVNode("span",{class:"mn-r-small mn-l-small d-block"},"·",-1),F={class:"cursor-pointer"},H=e.createElementVNode("span",{class:"mn-r-small mn-l-small d-block"},"·",-1),N={__name:"FooterBlogpost",props:["blogpost","owner","user"],setup(t){const r=t,o=e.ref(r.blogpost.numberOfReactions),a=e.ref(r.blogpost.isReacted),s=e.ref(r.blogpost.reactionId);async function l(m){if(!r.user){alert("Please login to add a reaction");return}try{const n={target:r.blogpost._id,type:"blogpost",user:r.user,class:"like"},p=await b.create(n);p.reaction.class==="like"&&(o.value+=1,a.value=!0,s.value=p.reaction._id)}catch(n){console.error(n),alert("Error adding reaction. Please try again later.")}}async function i(m){if(!r.user){alert("Please login to add a reaction");return}try{const n={_id:s.value};await b.delete(n),o.value-=1,a.value=!1,s.value=null}catch{alert("Error adding reaction. Please try again later.")}}return(m,n)=>(e.openBlock(),e.createElementBlock("footer",U,[e.createTextVNode(" 👁️ "+e.toDisplayString(t.blogpost.views)+" ",1),M,e.createElementVNode("div",F,[a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:n[0]||(n[0]=p=>l())}," 👍 "+e.toDisplayString(o.value),1)),a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:n[1]||(n[1]=p=>i())}," 👍 "+e.toDisplayString(o.value),1)):e.createCommentVNode("",!0)]),H,e.createTextVNode(" 💬 "+e.toDisplayString(t.blogpost.numberOfComments),1)]))}},G={class:"bg-grey radius-big"},J=["src"],K={class:"pd-t-zero pd-medium"},Q={key:0,class:"cursor-pointer mn-thin flex-nowrap flex w-100"},W={key:0,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"},X={key:1,class:"mn-small t-transp p-big"},Y={key:2,class:"mn-small h2"},C={__name:"CardBlogpost",props:["blogpost","user","type"],setup(t){const r=t,o=$.useRouter(),a=e.computed(()=>r.blogpost.content.find(l=>l.type==="ImageUpload")),s=e.computed(()=>r.blogpost.content.find(l=>l.type==="Textarea"));return(l,i)=>(e.openBlock(),e.createElementBlock("article",G,[e.createVNode(v._sfc_main,{class:e.normalizeClass({"mn-small pd-medium":t.type!=="short","flex-child-order-last flex-child mn-l-small":t.type==="short"}),owner:t.blogpost.owner,creator:t.blogpost.creator,date:t.blogpost.createdAt},null,8,["class","owner","creator","date"]),e.unref(a)&&e.unref(a).content&&t.type!=="blogpostPage"?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(a).content,alt:"Blog post image",class:"mn-medium object-fit-cover w-100 h-20r"},null,8,J)):e.createCommentVNode("",!0),e.createElementVNode("section",K,[t.type!=="blogpostPage"?(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("h3",{onClick:i[0]||(i[0]=m=>e.unref(o).push({name:"BlogPost",params:{url:t.blogpost.url}})),class:""},e.toDisplayString(t.blogpost.name),1),t.blogpost.status==="draft"?(e.openBlock(),e.createElementBlock("div",W,e.toDisplayString(t.blogpost.status),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(s)&&e.unref(s).content&&t.type!=="blogpostPage"?(e.openBlock(),e.createElementBlock("p",X,e.toDisplayString(e.unref(s).content.slice(0,120))+"... ",1)):e.createCommentVNode("",!0),t.type==="blogpostPage"?(e.openBlock(),e.createElementBlock("h3",Y,e.toDisplayString(t.blogpost.name),1)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default"),t.type!=="short"&&t.blogpost.tags.length>0?(e.openBlock(),e.createBlock(v._sfc_main$1,{key:3,chips:t.blogpost.tags},null,8,["chips"])):e.createCommentVNode("",!0)]),e.createVNode(N,{class:"pd-t-zero pd-medium",blogpost:t.blogpost,user:t.user},null,8,["blogpost","user"])]))}},Z={class:"feed"},ee={key:1},te={__name:"Feed",props:{category:{type:String,default:null},owner:{type:String,default:null},creator:{type:String,default:null},status:{type:String,default:"published"},user:{type:[String,Number],default:null},period:{type:String,default:null}},setup(t){const r=t,o=e.ref([]),a=e.ref(!0);let s=e.ref(!0),l=e.ref(0),i=e.ref(10);const m=async()=>{if(a.value){l.value+=i.value;const n=await k({skip:l.value,limit:i.value,category:r.category,user:r.user,owner:r.owner,status:r.status,creator:r.creator,period:r.period});n.length===0&&(a.value=!1),o.value=[...o.value,...n]}};return e.onMounted(async()=>{const n=await k({skip:l.value,limit:i.value,category:r.category,user:r.user,owner:r.owner,status:r.status,creator:r.creator,period:r.period});n.length===0?a.value=!1:a.value=!0,o.value=n,s.value=!1}),(n,p)=>(e.openBlock(),e.createElementBlock("section",Z,[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createBlock(P,{key:0,class:"z-index-5 pos-t-50 left-t-50 pos-absolute"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[!e.unref(s)&&o.value.length<1?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,title:"No Blog Posts Found",description:"Currently, there are no posts available in this blog. Please check back later.",class:"pd-medium mn-thin bg-grey radius-big"})):(e.openBlock(),e.createElementBlock("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,h=>(e.openBlock(),e.createBlock(C,{key:h._id,blogpost:h,user:t.user,class:"mn-medium"},null,8,["blogpost","user"]))),128)),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[a.value&&o.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:m,class:"w-100 bg-main button"}," Load more ")):e.createCommentVNode("",!0)]),_:1})]))]),_:1})]))}};exports.Loader=P;exports._sfc_main=te;exports._sfc_main$1=C;exports._sfc_main$2=N;exports.blogposts=R;exports.clean=E;exports.create=B;exports.reactions=A;exports.read=k;exports.remove=x;exports.state=c;exports.update=_;

package/dist/Feed-bf575b72.mjs

@@ -0,0 +1,428 @@
+import { reactive as L, watch as I, openBlock as o, createElementBlock as l, toDisplayString as u, createCommentVNode as i, createElementVNode as b, ref as g, createTextVNode as z, computed as B, createVNode as w, normalizeClass as O, unref as d, renderSlot as A, createBlock as x, onMounted as T, Transition as $, withCtx as j, Fragment as U, renderList as E } from "vue";
+import { _ as M } from "./EmptyState-34d85f10.mjs";
+import { _ as F } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { _ as V, a as q } from "./Chips-f0b7ce36.mjs";
+import { useRouter as D } from "vue-router";
+import { a as N } from "./auth-5217f6a5.mjs";
+import { s as p } from "./globals-96ba60e4.mjs";
+const k = N.create({ baseURL: process.env.API_URL, withCredentials: !0 });
+k.defaults.withCredentials = !0;
+const f = L({
+  all: [],
+  filter: {
+    // query
+    tags: [],
+    period: ""
+    // pagination
+  },
+  pagination: {
+    page: 1,
+    perPage: 18
+  },
+  // Sort
+  sort: {
+    current: "popularity",
+    ascending: !1
+  },
+  current: {
+    _id: "",
+    url: "",
+    status: "",
+    name: "",
+    tags: [],
+    owner: {},
+    date: "",
+    views: 0,
+    content: []
+  }
+});
+async function S(e = {}) {
+  e.params = e.params || {}, e.params.skip = e.skip || 0, e.params.limit = e.limit || 9, e.params.tags = e.tags || [], e.period && (e.params.period = e.period), e.url && (e.params = { url: e.url }), e.category && (e.params.category = e.category), e.organization && (e.params.organization = e.organization), e.owner && (e.params.owner = e.owner), e.creator && (e.params.creator = e.creator), e.status && (e.params.status = e.status), e.user && (e.params.user = e.user), e.params.skip = e.skip || 0, e.params.limit = e.limit || 10;
+  try {
+    console.log("Request params:" + e.params);
+    const t = await k.get("/api/blog/read", { params: e.params });
+    return e.url ? _(t.data, "current") : _(t.data, "all"), Promise.resolve(t.data);
+  } catch (t) {
+    return p(t), Promise.reject(t);
+  }
+}
+async function G(e) {
+  return k.post("/api/blog/create", e).then(
+    (t) => (_(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (p(t), Promise.reject(t))
+  );
+}
+async function H(e) {
+  return k.post("/api/blog/update", e).then(
+    (t) => (_(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (p(t), Promise.reject(t))
+  );
+}
+async function J(e) {
+  return await k.delete(`/api/blog/delete/${e}`).then(
+    (t) => {
+      const a = f.all.findIndex((r) => r._id === e);
+      return a !== -1 && f.all.splice(a, 1), Promise.resolve(t.data);
+    },
+    (t) => (p(t), Promise.reject(t))
+  );
+}
+function _(e, t) {
+  f[t] = e;
+}
+function K() {
+  f.current = {
+    _id: "",
+    url: "",
+    status: "",
+    name: "",
+    tags: [],
+    author: "",
+    owner: "",
+    date: "",
+    views: 0,
+    content: []
+  };
+}
+function Q(e) {
+  const t = {
+    order: f.project.content.length + 1,
+    type: e.type,
+    data: e.data,
+    class: e.class,
+    content: e.content
+  };
+  f.project.content.push(t);
+}
+I(f, (e, t) => {
+});
+const je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  blockAdd: Q,
+  clean: K,
+  create: G,
+  read: S,
+  remove: J,
+  set: _,
+  state: f,
+  update: H
+}, Symbol.toStringTag, { value: "Module" })), W = {
+  props: {
+    progress: {
+      type: Number,
+      default: null
+    },
+    status: {
+      type: String,
+      default: null
+    }
+  }
+}, X = { class: "circular-loader" }, Y = /* @__PURE__ */ b("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ b("circle", {
+    cx: "50",
+    cy: "50",
+    r: "20",
+    fill: "none",
+    "stroke-width": "4",
+    "stroke-miterlimit": "10"
+  })
+], -1), Z = {
+  key: 0,
+  class: "progress-text"
+}, ee = {
+  key: 1,
+  class: "uppercase t-semi w-m-10r status-text"
+};
+function te(e, t, a, r, s, c) {
+  return o(), l("div", X, [
+    Y,
+    a.progress ? (o(), l("div", Z, u(a.progress), 1)) : i("", !0),
+    a.status ? (o(), l("div", ee, u(a.status), 1)) : i("", !0)
+  ]);
+}
+const re = /* @__PURE__ */ F(W, [["render", te]]), P = N.create({
+  baseURL: process.env.API_URL,
+  withCredentials: !0
+}), y = L({
+  reactions: [],
+  error: null
+}), C = {
+  async read({ user: e, type: t, target: a, role: r }) {
+    try {
+      const s = await P.get("/api/reactions", { params: { user: e, type: t, target: a, role: r } });
+      return y.error = null, y.reactions = s.data, Promise.resolve(s.data);
+    } catch (s) {
+      return p(s), Promise.reject(s);
+    }
+  },
+  async create(e) {
+    try {
+      const t = await P.post("/api/reactions/create", e);
+      return y.error = null, Promise.resolve(t.data);
+    } catch (t) {
+      return console.log(t), p(t), Promise.reject(t);
+    }
+  },
+  async update(e) {
+    try {
+      const t = await P.post("/api/reactions/update", e);
+      return y.error = null, Promise.resolve(t.data);
+    } catch (t) {
+      return p(t), Promise.reject(t);
+    }
+  },
+  async delete(e) {
+    try {
+      const t = await P.post("/api/reactions/delete", e);
+      return y.error = null, Promise.resolve(t.data);
+    } catch (t) {
+      return p(t), Promise.reject(t);
+    }
+  }
+}, ae = {
+  handleReactionUpdate(e, t, a) {
+    let r;
+    if (Array.isArray(e) ? r = e.find((s) => s._id === t.target) : typeof e == "object" && e._id === t.target && (r = e), r)
+      if (r.hasReaction = a, a)
+        r.reactions.push(t), r.numberOfReactions += 1;
+      else {
+        const s = r.reactions.findIndex((c) => c._id === t._id);
+        s !== -1 && (r.reactions.splice(s, 1), r.numberOfReactions -= 1);
+      }
+  }
+};
+I(y, (e) => {
+});
+const Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  actions: C,
+  mutations: ae,
+  state: y
+}, Symbol.toStringTag, { value: "Module" })), se = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" }, oe = /* @__PURE__ */ b("span", { class: "mn-r-small mn-l-small d-block" }, "·", -1), ne = { class: "cursor-pointer" }, le = /* @__PURE__ */ b("span", { class: "mn-r-small mn-l-small d-block" }, "·", -1), ce = {
+  __name: "FooterBlogpost",
+  props: ["blogpost", "owner", "user"],
+  setup(e) {
+    const t = e, a = g(t.blogpost.numberOfReactions), r = g(t.blogpost.isReacted), s = g(t.blogpost.reactionId);
+    async function c(h) {
+      if (!t.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const n = {
+          target: t.blogpost._id,
+          type: "blogpost",
+          user: t.user,
+          class: "like"
+        }, v = await C.create(n);
+        v.reaction.class === "like" && (a.value += 1, r.value = !0, s.value = v.reaction._id);
+      } catch (n) {
+        console.error(n), alert("Error adding reaction. Please try again later.");
+      }
+    }
+    async function m(h) {
+      if (!t.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const n = { _id: s.value };
+        await C.delete(n), a.value -= 1, r.value = !1, s.value = null;
+      } catch {
+        alert("Error adding reaction. Please try again later.");
+      }
+    }
+    return (h, n) => (o(), l("footer", se, [
+      z(" 👁️ " + u(e.blogpost.views) + " ", 1),
+      oe,
+      b("div", ne, [
+        r.value ? i("", !0) : (o(), l("div", {
+          key: 0,
+          class: "cursor-pointer",
+          onClick: n[0] || (n[0] = (v) => c())
+        }, " 👍 " + u(a.value), 1)),
+        r.value ? (o(), l("div", {
+          key: 1,
+          class: "cursor-pointer",
+          onClick: n[1] || (n[1] = (v) => m())
+        }, " 👍 " + u(a.value), 1)) : i("", !0)
+      ]),
+      le,
+      z(" 💬 " + u(e.blogpost.numberOfComments), 1)
+    ]));
+  }
+}, ie = { class: "bg-grey radius-big" }, ue = ["src"], de = { class: "pd-t-zero pd-medium" }, me = {
+  key: 0,
+  class: "cursor-pointer mn-thin flex-nowrap flex w-100"
+}, ge = {
+  key: 0,
+  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"
+}, pe = {
+  key: 1,
+  class: "mn-small t-transp p-big"
+}, fe = {
+  key: 2,
+  class: "mn-small h2"
+}, ye = {
+  __name: "CardBlogpost",
+  props: ["blogpost", "user", "type"],
+  setup(e) {
+    const t = e, a = D(), r = B(() => t.blogpost.content.find((c) => c.type === "ImageUpload")), s = B(() => t.blogpost.content.find((c) => c.type === "Textarea"));
+    return (c, m) => (o(), l("article", ie, [
+      w(V, {
+        class: O({
+          "mn-small pd-medium": e.type !== "short",
+          "flex-child-order-last flex-child mn-l-small": e.type === "short"
+        }),
+        owner: e.blogpost.owner,
+        creator: e.blogpost.creator,
+        date: e.blogpost.createdAt
+      }, null, 8, ["class", "owner", "creator", "date"]),
+      d(r) && d(r).content && e.type !== "blogpostPage" ? (o(), l("img", {
+        key: 0,
+        src: d(r).content,
+        alt: "Blog post image",
+        class: "mn-medium object-fit-cover w-100 h-20r"
+      }, null, 8, ue)) : i("", !0),
+      b("section", de, [
+        e.type !== "blogpostPage" ? (o(), l("div", me, [
+          b("h3", {
+            onClick: m[0] || (m[0] = (h) => d(a).push({
+              name: "BlogPost",
+              params: {
+                url: e.blogpost.url
+              }
+            })),
+            class: ""
+          }, u(e.blogpost.name), 1),
+          e.blogpost.status === "draft" ? (o(), l("div", ge, u(e.blogpost.status), 1)) : i("", !0)
+        ])) : i("", !0),
+        d(s) && d(s).content && e.type !== "blogpostPage" ? (o(), l("p", pe, u(d(s).content.slice(0, 120)) + "... ", 1)) : i("", !0),
+        e.type === "blogpostPage" ? (o(), l("h3", fe, u(e.blogpost.name), 1)) : i("", !0),
+        A(c.$slots, "default"),
+        e.type !== "short" && e.blogpost.tags.length > 0 ? (o(), x(q, {
+          key: 3,
+          chips: e.blogpost.tags
+        }, null, 8, ["chips"])) : i("", !0)
+      ]),
+      w(ce, {
+        class: "pd-t-zero pd-medium",
+        blogpost: e.blogpost,
+        user: e.user
+      }, null, 8, ["blogpost", "user"])
+    ]));
+  }
+}, be = { class: "feed" }, he = { key: 1 }, Ce = {
+  __name: "Feed",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    creator: {
+      type: String,
+      default: null
+    },
+    status: {
+      type: String,
+      default: "published"
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    period: {
+      type: String,
+      default: null
+    }
+  },
+  setup(e) {
+    const t = e, a = g([]), r = g(!0);
+    let s = g(!0), c = g(0), m = g(10);
+    const h = async () => {
+      if (r.value) {
+        c.value += m.value;
+        const n = await S({
+          skip: c.value,
+          limit: m.value,
+          category: t.category,
+          user: t.user,
+          owner: t.owner,
+          status: t.status,
+          creator: t.creator,
+          period: t.period
+        });
+        n.length === 0 && (r.value = !1), a.value = [...a.value, ...n];
+      }
+    };
+    return T(async () => {
+      const n = await S({
+        skip: c.value,
+        limit: m.value,
+        category: t.category,
+        user: t.user,
+        owner: t.owner,
+        status: t.status,
+        creator: t.creator,
+        period: t.period
+      });
+      n.length === 0 ? r.value = !1 : r.value = !0, a.value = n, s.value = !1;
+    }), (n, v) => (o(), l("section", be, [
+      w($, { name: "fade" }, {
+        default: j(() => [
+          d(s) ? (o(), x(re, {
+            key: 0,
+            class: "z-index-5 pos-t-50 left-t-50 pos-absolute"
+          })) : i("", !0)
+        ]),
+        _: 1
+      }),
+      w($, { name: "fade" }, {
+        default: j(() => [
+          !d(s) && a.value.length < 1 ? (o(), x(M, {
+            key: 0,
+            title: "No Blog Posts Found",
+            description: "Currently, there are no posts available in this blog. Please check back later.",
+            class: "pd-medium mn-thin bg-grey radius-big"
+          })) : (o(), l("div", he, [
+            (o(!0), l(U, null, E(a.value, (R) => (o(), x(ye, {
+              key: R._id,
+              blogpost: R,
+              user: e.user,
+              class: "mn-medium"
+            }, null, 8, ["blogpost", "user"]))), 128)),
+            w($, { name: "fade" }, {
+              default: j(() => [
+                r.value && a.value.length > 0 ? (o(), l("button", {
+                  key: 0,
+                  onClick: h,
+                  class: "w-100 bg-main button"
+                }, " Load more ")) : i("", !0)
+              ]),
+              _: 1
+            })
+          ]))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+};
+export {
+  re as L,
+  Ce as _,
+  G as a,
+  J as b,
+  K as c,
+  ye as d,
+  ce as e,
+  je as f,
+  Se as g,
+  S as r,
+  f as s,
+  H as u
+};