@ozdao/prometheus-framework 0.1.36 → 0.1.38

package/dist/Feed-793b3eef.mjs

@@ -0,0 +1,146 @@
+import { ref as o, onMounted as z, openBlock as r, createElementBlock as u, createVNode as m, TransitionGroup as b, withCtx as g, Fragment as y, renderList as v, createBlock as p, createCommentVNode as d, Transition as S, normalizeClass as w } from "vue";
+import "./Loader.vue_vue_type_style_index_0_lang-4ed993c7.mjs";
+import { _ as O } from "./EmptyState-e404b05d.mjs";
+import { _ as C } from "./CardOrganization-e920be73.mjs";
+import { S as N } from "./SkeletonOrganization-8690422d.mjs";
+import { a as k } from "./organizations-6ed907e3.mjs";
+const D = { class: "feed" }, E = {
+  __name: "Feed",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    selectedDate: {
+      type: String,
+      default: null
+    },
+    organization: {
+      type: String,
+      default: null
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    member: {
+      type: [String, Number],
+      default: null
+    },
+    subscriber: {
+      type: [String, Number],
+      default: null
+    },
+    sortOrder: {
+      type: String,
+      default: "desc"
+    },
+    participant: {
+      type: String,
+      default: null
+    },
+    period: {
+      type: String,
+      default: null
+    },
+    status: {
+      type: String,
+      default: null
+    }
+  },
+  setup(f) {
+    const e = f, t = o([]), n = o(!1), l = o(!0), c = o(0), i = o(20), _ = async () => {
+      if (n.value) {
+        c.value += i.value;
+        const a = await k.read({
+          skip: c.value,
+          limit: i.value,
+          category: e.category,
+          sortOrder: e.sortOrder,
+          member: e.member,
+          subscriber: e.subscriber,
+          onlyuser: e.onlyuser,
+          user: e.user,
+          date: e.selectedDate,
+          owner: e.owner,
+          organization: e.organization,
+          period: e.period,
+          status: e.status
+        });
+        a.length === 0 ? n.value = !1 : n.value = !0, t.value = [...t.value, ...a];
+      }
+    };
+    return z(async () => {
+      l.value = !0, console.log(e.selectedDate);
+      const a = await k.read({
+        skip: c.value,
+        limit: i.value,
+        category: e.category,
+        member: e.member,
+        subscriber: e.subscriber,
+        onlyuser: e.onlyuser,
+        sortOrder: e.sortOrder,
+        user: e.user,
+        owner: e.owner,
+        date: e.selectedDate,
+        organization: e.organization,
+        period: e.period,
+        status: e.status
+      });
+      a.length === 0 ? n.value = !1 : n.value = !0, t.value = a, l.value = !1;
+    }), (a, L) => (r(), u("section", D, [
+      m(b, {
+        tag: "ul",
+        name: "fade",
+        class: "o-hidden bg-grey radius-big"
+      }, {
+        default: g(() => [
+          l.value ? (r(!0), u(y, { key: 0 }, v(i.value, (s) => (r(), p(N, { key: s }))), 128)) : d("", !0)
+        ]),
+        _: 1
+      }),
+      m(S, { name: "fade" }, {
+        default: g(() => [
+          !l.value && t.value.length < 1 ? (r(), p(O, {
+            key: 0,
+            title: "No Organizations Found",
+            description: "Currently, there are no organizations available. Please check back later.",
+            class: "pd-medium mn-thin bg-grey radius-big"
+          })) : d("", !0)
+        ]),
+        _: 1
+      }),
+      m(b, {
+        tag: "ul",
+        name: "fade",
+        class: "container"
+      }, {
+        default: g(() => [
+          !l.value && t.value.length > 0 ? (r(!0), u(y, { key: 0 }, v(t.value, (s, h) => (r(), p(C, {
+            onClick: ($) => a.$router.push({ name: "Organization", params: { _id: s._id } }),
+            key: s._id,
+            organization: s,
+            user: f.user,
+            type: "normal",
+            class: w(["w-100 radius-big mn-medium", {
+              "br-b br-solid br-black-transp-10": h !== t.value.length - 1
+            }])
+          }, null, 8, ["onClick", "organization", "user", "class"]))), 128)) : d("", !0),
+          n.value && t.value.length > 0 ? (r(), u("button", {
+            key: 1,
+            onClick: _,
+            class: "w-100 bg-main button"
+          }, "Load more")) : d("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+};
+export {
+  E as _
+};

package/dist/Feed-7b80704d.mjs

@@ -0,0 +1,361 @@
+import { ref as g, computed as m, openBlock as n, createElementBlock as i, normalizeClass as p, createVNode as S, unref as C, createElementVNode as f, createCommentVNode as l, createBlock as w, withModifiers as L, toDisplayString as v, renderSlot as O, reactive as R, watch as N, onMounted as j, TransitionGroup as I, withCtx as P, Fragment as M, renderList as F, Transition as V } from "vue";
+import "./Loader.vue_vue_type_style_index_0_lang-4ed993c7.mjs";
+import { _ as B } from "./EmptyState-e404b05d.mjs";
+import { _ as H, b as Y } from "./Chips-9d81b215.mjs";
+import { I as q } from "./IconEdit-9edfd74d.mjs";
+import { useRouter as A } from "vue-router";
+import { S as G } from "./SkeletonEvent-8690422d.mjs";
+import { a as J } from "./index-a661083c.mjs";
+import { s as U } from "./globals-96ba60e4.mjs";
+const K = {
+  key: 0,
+  class: "o-hidden pos-relative bg-grey mn-small w-100"
+}, Q = ["src"], W = ["src"], X = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" }, Z = {
+  key: 0,
+  class: "t-semi"
+}, _ = { class: "t-semi" }, ee = {
+  key: 0,
+  class: "t-semi uppercase"
+}, te = {
+  key: 1,
+  class: "cursor-pointer mn-thin flex-nowrap flex w-100"
+}, ae = {
+  key: 0,
+  class: ""
+}, re = {
+  key: 1,
+  class: "pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
+}, ne = {
+  key: 2,
+  class: "mn-small p-big"
+}, se = {
+  __name: "CardEvent",
+  props: ["event", "user", "short", "type"],
+  setup(e) {
+    const t = e;
+    g(/* @__PURE__ */ new Date()), A(), m(() => t.event.content.find((a) => a.type.name === "ImageUpload")), m(() => t.event.content.find((a) => a.type.name === "Textarea"));
+    const s = m(() => {
+      const a = /* @__PURE__ */ new Date(), c = Date.UTC(a.getUTCFullYear(), a.getUTCMonth(), a.getUTCDate(), a.getUTCHours(), a.getUTCMinutes(), a.getUTCSeconds()), r = new Date(t.event.date.start), o = Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate(), r.getUTCHours(), r.getUTCMinutes(), r.getUTCSeconds()) - c;
+      if (o < 0)
+        return "Finished";
+      if (o === 0)
+        return "Starting Now";
+      {
+        const k = Math.floor(o / 1e3), T = Math.floor(k / 60), D = Math.floor(T / 60), z = Math.floor(D / 24);
+        return z > 0 ? `${z} days until event` : D > 0 ? `${D} hours until event` : T > 0 ? `${T} minutes until event` : `${k} seconds until event`;
+      }
+    }), u = m(() => {
+      const a = new Date(t.event.date.start), c = { day: "2-digit", month: "2-digit" };
+      return a.toLocaleDateString(void 0, c);
+    }), d = m(() => {
+      console.log(t.event.date.start), console.log(t.event.date.end);
+      const a = new Date(t.event.date.start), c = new Date(t.event.date.end), r = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(a), x = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(c);
+      return `${r}-${x}`;
+    }), y = m(() => {
+      const a = t.event.name;
+      return a.length > 26 ? `${a.substring(0, 22)}…` : a;
+    });
+    return (a, c) => (n(), i("article", {
+      class: p([{
+        "flex-nowrap flex-v-center flex": e.type === "short"
+      }, "pos-relative"])
+    }, [
+      S(H, {
+        class: p({
+          "mn-small pd-medium": e.type !== "short",
+          "flex-child-order-last flex-child mn-l-small": e.type === "short"
+        }),
+        entity: e.event,
+        entityType: "event",
+        user: e.user,
+        owner: e.event.owner,
+        creator: e.event.creator,
+        members: e.event.numberOfTickets,
+        membersPhotos: e.event.participantsPhotos,
+        type: e.type,
+        dateFormatted: C(s)
+      }, null, 8, ["class", "entity", "user", "owner", "creator", "members", "membersPhotos", "type", "dateFormatted"]),
+      e.event.cover && e.type !== "short" ? (n(), i("div", K, [
+        f("img", {
+          src: (a.FILE_SERVER_URL || "") + e.event.cover,
+          alt: "Event image",
+          class: "pos-relative z-index-1 d-block mn-auto h-20r"
+        }, null, 8, Q),
+        f("img", {
+          src: (a.FILE_SERVER_URL || "") + e.event.cover,
+          alt: "Event Background",
+          class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
+          style: { transform: "scale(1.5)", filter: "blur(2rem)", "-webkit-filter": "blur(2rem)" }
+        }, null, 8, W)
+      ])) : l("", !0),
+      f("section", {
+        class: p(["pos-relative w-100", { "pd-t-zero pd-medium": e.type !== "short" }])
+      }, [
+        e.user === e.event.creator.target._id ? (n(), w(q, {
+          key: 0,
+          onClick: c[0] || (c[0] = L((r) => a.$router.push({
+            name: "Edit Event",
+            params: {
+              url: e.event.url
+            }
+          }), ["stop"])),
+          class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
+        })) : l("", !0),
+        f("div", {
+          class: p([{ "mn-small": e.type !== "short" }, "flex-v-center flex-nowrap flex"])
+        }, [
+          f("div", X, [
+            e.type !== "short" ? (n(), i("span", Z, v(C(u)) + " | ", 1)) : l("", !0),
+            f("span", _, v(C(d)), 1)
+          ]),
+          e.type === "short" ? (n(), i("span", ee, v(C(y)), 1)) : l("", !0)
+        ], 2),
+        e.type !== "short" ? (n(), i("div", te, [
+          e.type !== "short" ? (n(), i("h3", ae, v(e.event.name), 1)) : l("", !0),
+          e.event.status === "draft" ? (n(), i("div", re, v(e.event.status), 1)) : l("", !0)
+        ])) : l("", !0),
+        e.type !== "short" ? (n(), i("p", ne, v(e.event.description), 1)) : l("", !0),
+        O(a.$slots, "default"),
+        e.type !== "short" && e.event.tags.length > 0 ? (n(), w(Y, {
+          key: 3,
+          chips: e.event.tags
+        }, null, 8, ["chips"])) : l("", !0)
+      ], 2)
+    ], 2));
+  }
+}, E = J.create({ baseURL: process.env.API_URL, withCredentials: !0 }), h = R({
+  all: [],
+  filter: {
+    // query
+    tags: [],
+    period: "",
+    date: null
+    // pagination
+  },
+  pagination: {
+    page: 1,
+    perPage: 18
+  },
+  // Sort
+  sort: {
+    current: "popularity",
+    ascending: !1
+  },
+  current: {
+    _id: "",
+    cover: "",
+    url: "",
+    status: "",
+    name: "",
+    tags: [],
+    date: {
+      start: null,
+      false: null
+    },
+    views: 0,
+    content: []
+  }
+});
+async function $(e = {}) {
+  e.params = e.params || {}, e.params.skip = e.skip || 0, e.params.limit = e.limit || 9, e.params.tags = e.tags || [], e.phase && (e.params = { phase: e.phase }), e.url && (e.params = { url: e.url }), e.period && (e.params.period = e.period), e.category && (e.params.category = e.category), e.organization && (e.params.organization = e.organization), e.date && (e.params.date = e.date), e.participant && (e.params.participant = e.participant), e.owner && (e.params.owner = e.owner), e.creator && (e.params.creator = e.creator), e.user && (e.params.user = e.user), e.sortOrder && (e.params.sortOrder = e.sortOrder), e.sortParam && (e.params.sortParam = e.sortParam), e.params.skip = e.skip || 0, e.params.limit = e.limit || 10;
+  try {
+    console.log("Request params:" + e.params);
+    const t = await E.get("/api/events/read", { params: e.params });
+    return console.log(e.params), e.url ? b(t.data, "current") : b(t.data, "all"), Promise.resolve(t.data);
+  } catch (t) {
+    return U(t), Promise.reject(t);
+  }
+}
+async function le(e) {
+  return E.post("/api/events/create", e).then(
+    (t) => (b(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (U(t), Promise.reject(t))
+  );
+}
+async function ie(e) {
+  return E.post("/api/events/update", e).then(
+    (t) => (b(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (U(t), Promise.reject(t))
+  );
+}
+async function ue(e) {
+  return await E.post("/api/events/delete", { _id: e }).then(
+    (t) => {
+      const s = h.all.findIndex((u) => u._id === e);
+      return s !== -1 && h.all.splice(s, 1), Promise.resolve(t.data);
+    },
+    (t) => (U(t), Promise.reject(t))
+  );
+}
+function b(e, t) {
+  h[t] = e;
+}
+function ce() {
+  h.current = {
+    _id: "",
+    cover: "",
+    url: "",
+    phase: "",
+    name: "",
+    tags: [],
+    date: {
+      start: null,
+      false: null
+    },
+    views: 0,
+    content: []
+  };
+}
+N(h, (e, t) => {
+});
+const be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  clean: ce,
+  create: le,
+  read: $,
+  remove: ue,
+  set: b,
+  state: h,
+  update: ie
+}, Symbol.toStringTag, { value: "Module" })), oe = { class: "feed" }, ke = {
+  __name: "Feed",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    selectedDate: {
+      type: String,
+      default: null
+    },
+    organization: {
+      type: String,
+      default: null
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    creator: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    sortOrder: {
+      type: String,
+      default: "desc"
+    },
+    participant: {
+      type: String,
+      default: null
+    },
+    period: {
+      type: String,
+      default: null
+    },
+    phase: {
+      type: String,
+      default: null
+    }
+  },
+  setup(e) {
+    const t = e, s = g([]), u = g(!1), d = g(!0), y = g(0), a = g(20), c = async () => {
+      if (u.value) {
+        y.value += a.value;
+        const r = await $({
+          skip: y.value,
+          limit: a.value,
+          category: t.category,
+          sortOrder: t.sortOrder,
+          participant: t.participant,
+          creator: t.creator,
+          user: t.user,
+          date: t.selectedDate,
+          owner: t.owner,
+          organization: t.organization,
+          period: t.period,
+          phase: t.phase
+        });
+        r.length === 0 ? u.value = !1 : u.value = !0, s.value = [...s.value, ...r];
+      }
+    };
+    return j(async () => {
+      d.value = !0, console.log(t.selectedDate);
+      const r = await $({
+        skip: y.value,
+        limit: a.value,
+        category: t.category,
+        participant: t.participant,
+        sortOrder: t.sortOrder,
+        user: t.user,
+        owner: t.owner,
+        creator: t.creator,
+        date: t.selectedDate,
+        organization: t.organization,
+        period: t.period,
+        phase: t.phase
+      });
+      r.length === 0 ? u.value = !1 : u.value = !0, s.value = r, d.value = !1;
+    }), (r, x) => (n(), i("section", oe, [
+      S(I, {
+        tag: "ul",
+        name: "scaleTransition",
+        class: "o-hidden bg-grey radius-big"
+      }, {
+        default: P(() => [
+          d.value ? (n(!0), i(M, { key: 0 }, F(a.value, (o) => (n(), w(G, { key: o }))), 128)) : l("", !0)
+        ]),
+        _: 1
+      }),
+      S(V, { name: "scaleTransition" }, {
+        default: P(() => [
+          !d.value && s.value.length < 1 ? (n(), w(B, {
+            key: 0,
+            title: "No Events Found",
+            description: "Currently, there are no events available. Please check back later.",
+            class: "pd-medium mn-thin bg-grey radius-big"
+          })) : l("", !0)
+        ]),
+        _: 1
+      }),
+      S(I, {
+        tag: "ul",
+        name: "scaleTransition",
+        class: "container"
+      }, {
+        default: P(() => [
+          !d.value && s.value.length > 0 ? (n(!0), i(M, { key: 0 }, F(s.value, (o, k) => (n(), w(se, {
+            onClick: (T) => r.$router.push({ name: "Event", params: { url: o.url } }),
+            key: o._id,
+            event: o,
+            user: e.user,
+            type: "normal",
+            class: p(["bg-grey radius-big mn-medium", {
+              "br-b br-solid br-black-transp-10": k !== s.value.length - 1
+            }])
+          }, null, 8, ["onClick", "event", "user", "class"]))), 128)) : l("", !0),
+          u.value && s.value.length > 0 ? (n(), i("button", {
+            key: 1,
+            onClick: c,
+            class: "w-100 bg-main button"
+          }, "Load more")) : l("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+};
+export {
+  ke as _,
+  se as a,
+  le as b,
+  ce as c,
+  ue as d,
+  be as e,
+  $ as r,
+  h as s,
+  ie as u
+};

package/dist/Feed-98b47c6f.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("./SkeletonEvent-eb284de8.js");require("./Loader.vue_vue_type_style_index_0_lang-0ea8fbf8.js");const m=require("./EmptyState-d65bab5b.js");require("vue-i18n");const p={class:"feed"},f={__name:"Feed",props:{states:{type:Object,default:()=>({empty:{title:String,description:String}})},store:{type:Object,default:()=>({read:Function,state:Object})},options:{type:Object,default:()=>({category:null,limit:20,skip:0,owner:null,creator:null,user:null,status:null,period:null})}},setup(s){const t=s,o=e.ref([]),a=e.ref(!0);let i=e.ref(!0),r=e.ref(t.options.skip?t.options.skip:0),l=e.ref(t.options.limit?t.options.limit:10);e.computed(()=>({skip:r.value,limit:l.value,...t.options}));const u=async()=>{if(a.value){r.value+=l.value;const n=await t.store.read({skip:r.value,limit:l.value,...t.options});n.length===0&&(a.value=!1),o.value=[...o.value,...n]}};return e.onMounted(async()=>{console.log(t.options);const n=await t.store.read({skip:r.value,limit:l.value,...t.options});n.length===0?a.value=!1:a.value=!0,o.value=n,i.value=!1}),(n,k)=>(e.openBlock(),e.createElementBlock("section",p,[e.createVNode(e.TransitionGroup,{tag:"ul",name:"scaleTransition",class:"o-hidden bg-grey radius-big"},{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(l),c=>(e.openBlock(),e.createBlock(d.SkeletonEvent,{key:c}))),128)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"scaleTransition"},{default:e.withCtx(()=>[!e.unref(i)&&o.value.length<1?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,title:s.states.empty.title,description:s.states.empty.description,class:"pd-medium mn-thin bg-grey radius-big"},null,8,["title","description"])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{tag:"ul",name:"scaleTransition",class:"cols-1 gap-thin"},{default:e.withCtx(()=>[!e.unref(i)&&o.value.length>0?e.renderSlot(n.$slots,"default",{key:0,items:o.value,user:n.user}):e.createCommentVNode("",!0),a.value&&o.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:u,class:"w-100 bg-main button"}," Load more ")):e.createCommentVNode("",!0)]),_:3})]))}};exports._sfc_main=f;

package/dist/Feed-b30ef609.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("./Loader.vue_vue_type_style_index_0_lang-0ea8fbf8.js");const m=require("./EmptyState-d65bab5b.js"),p=require("./CardOrganization-d93c9bdb.js"),f=require("./SkeletonOrganization-5c09cfc5.js"),c=require("./organizations-4d18a2e2.js"),b={class:"feed"},y={__name:"Feed",props:{category:{type:String,default:null},selectedDate:{type:String,default:null},organization:{type:String,default:null},owner:{type:String,default:null},user:{type:[String,Number],default:null},member:{type:[String,Number],default:null},subscriber:{type:[String,Number],default:null},sortOrder:{type:String,default:"desc"},participant:{type:String,default:null},period:{type:String,default:null},status:{type:String,default:null}},setup(u){const t=u,r=e.ref([]),n=e.ref(!1),o=e.ref(!0),s=e.ref(0),i=e.ref(20),d=async()=>{if(n.value){s.value+=i.value;const a=await c.actions.read({skip:s.value,limit:i.value,category:t.category,sortOrder:t.sortOrder,member:t.member,subscriber:t.subscriber,onlyuser:t.onlyuser,user:t.user,date:t.selectedDate,owner:t.owner,organization:t.organization,period:t.period,status:t.status});a.length===0?n.value=!1:n.value=!0,r.value=[...r.value,...a]}};return e.onMounted(async()=>{o.value=!0,console.log(t.selectedDate);const a=await c.actions.read({skip:s.value,limit:i.value,category:t.category,member:t.member,subscriber:t.subscriber,onlyuser:t.onlyuser,sortOrder:t.sortOrder,user:t.user,owner:t.owner,date:t.selectedDate,organization:t.organization,period:t.period,status:t.status});a.length===0?n.value=!1:n.value=!0,r.value=a,o.value=!1}),(a,k)=>(e.openBlock(),e.createElementBlock("section",b,[e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"o-hidden bg-grey radius-big"},{default:e.withCtx(()=>[o.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(i.value,l=>(e.openBlock(),e.createBlock(f.SkeletonOrganization,{key:l}))),128)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[!o.value&&r.value.length<1?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,title:"No Organizations Found",description:"Currently, there are no organizations available. Please check back later.",class:"pd-medium mn-thin bg-grey radius-big"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"container"},{default:e.withCtx(()=>[!o.value&&r.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.value,(l,g)=>(e.openBlock(),e.createBlock(p._sfc_main,{onClick:v=>a.$router.push({name:"Organization",params:{_id:l._id}}),key:l._id,organization:l,user:u.user,type:"normal",class:e.normalizeClass(["w-100 radius-big mn-medium",{"br-b br-solid br-black-transp-10":g!==r.value.length-1}])},null,8,["onClick","organization","user","class"]))),128)):e.createCommentVNode("",!0),n.value&&r.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:d,class:"w-100 bg-main button"},"Load more")):e.createCommentVNode("",!0)]),_:1})]))}};exports._sfc_main=y;

package/dist/Feed-c5d4390a.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("./Loader-21f016da.js"),m=require("./EmptyState-d65bab5b.js"),i=require("./CardBlogpost-cc208f93.js"),f={__name:"Feed",props:{category:{type:String,default:null},limit:{type:Number,default:7},skip:{type:Number,default:0},owner:{type:String,default:null},creator:{type:String,default:null},following:{type:String,default:null},status:{type:String,default:"published"},user:{type:[String,Number],default:null},period:{type:String,default:null}},setup(u){const t=u,l=e.ref([]),r=e.ref(!0);let o=e.ref(!0),n=e.ref(t.skip),s=e.ref(t.limit);const d=async()=>{if(r.value){n.value+=s.value;const a=await i.read({skip:n.value,limit:s.value,category:t.category,user:t.user,owner:t.owner,following:t.following,creator:t.creator,status:t.status,period:t.period});a.length===0&&(r.value=!1),l.value=[...l.value,...a]}};return e.onMounted(async()=>{const a=await i.read({skip:n.value,limit:s.value,category:t.category,user:t.user,owner:t.owner,following:t.following,status:t.status,creator:t.creator,period:t.period});a.length===0?r.value=!1:r.value=!0,l.value=a,o.value=!1}),(a,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,{name:"scaleTransition"},{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createBlock(p.Loader,{key:0,class:"z-index-5 pos-t-50 left-t-50 pos-absolute"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"scaleTransition"},{default:e.withCtx(()=>[!e.unref(o)&&l.value.length<1?(e.openBlock(),e.createBlock(m._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",{key:1,class:e.normalizeClass(a.$attrs.class)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,c=>(e.openBlock(),e.createBlock(i._sfc_main,{key:c._id,blogpost:c,user:u.user,class:"mn-medium"},null,8,["blogpost","user"]))),128)),e.createVNode(e.Transition,{name:"scaleTransition"},{default:e.withCtx(()=>[r.value&&l.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:d,class:"w-100 bg-main button"}," Load more ")):e.createCommentVNode("",!0)]),_:1})],2))]),_:1})],64))}};exports._sfc_main=f;

package/dist/Feed-d114330c.mjs

@@ -0,0 +1,112 @@
+import { ref as l, computed as h, onMounted as b, openBlock as n, createElementBlock as m, createVNode as d, TransitionGroup as f, withCtx as v, unref as u, Fragment as _, renderList as S, createBlock as g, createCommentVNode as c, Transition as w, renderSlot as L } from "vue";
+import { S as T } from "./SkeletonEvent-8690422d.mjs";
+import "./Loader.vue_vue_type_style_index_0_lang-4ed993c7.mjs";
+import { _ as j } from "./EmptyState-e404b05d.mjs";
+import "vue-i18n";
+const O = { class: "feed" }, N = {
+  __name: "Feed",
+  props: {
+    states: {
+      type: Object,
+      default: () => ({
+        empty: {
+          title: String,
+          description: String
+        }
+      })
+    },
+    store: {
+      type: Object,
+      default: () => ({
+        read: Function,
+        state: Object
+      })
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        category: null,
+        limit: 20,
+        skip: 0,
+        owner: null,
+        creator: null,
+        user: null,
+        status: null,
+        period: null
+      })
+    }
+  },
+  setup(p) {
+    const e = p, a = l([]), s = l(!0);
+    let o = l(!0), r = l(e.options.skip ? e.options.skip : 0), i = l(e.options.limit ? e.options.limit : 10);
+    h(() => ({
+      skip: r.value,
+      limit: i.value,
+      ...e.options
+    }));
+    const k = async () => {
+      if (s.value) {
+        r.value += i.value;
+        const t = await e.store.read({
+          skip: r.value,
+          limit: i.value,
+          ...e.options
+        });
+        t.length === 0 && (s.value = !1), a.value = [...a.value, ...t];
+      }
+    };
+    return b(async () => {
+      console.log(e.options);
+      const t = await e.store.read({
+        skip: r.value,
+        limit: i.value,
+        ...e.options
+      });
+      t.length === 0 ? s.value = !1 : s.value = !0, a.value = t, o.value = !1;
+    }), (t, B) => (n(), m("section", O, [
+      d(f, {
+        tag: "ul",
+        name: "scaleTransition",
+        class: "o-hidden bg-grey radius-big"
+      }, {
+        default: v(() => [
+          u(o) ? (n(!0), m(_, { key: 0 }, S(u(i), (y) => (n(), g(T, { key: y }))), 128)) : c("", !0)
+        ]),
+        _: 1
+      }),
+      d(w, { name: "scaleTransition" }, {
+        default: v(() => [
+          !u(o) && a.value.length < 1 ? (n(), g(j, {
+            key: 0,
+            title: p.states.empty.title,
+            description: p.states.empty.description,
+            class: "pd-medium mn-thin bg-grey radius-big"
+          }, null, 8, ["title", "description"])) : c("", !0)
+        ]),
+        _: 1
+      }),
+      d(f, {
+        tag: "ul",
+        name: "scaleTransition",
+        class: "cols-1 gap-thin"
+      }, {
+        default: v(() => [
+          !u(o) && a.value.length > 0 ? L(t.$slots, "default", {
+            key: 0,
+            items: a.value,
+            user: t.user
+          }) : c("", !0),
+          s.value && a.value.length > 0 ? (n(), m("button", {
+            key: 1,
+            onClick: k,
+            class: "w-100 bg-main button"
+          }, " Load more ")) : c("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+};
+export {
+  N as _
+};

package/dist/Field-e2a43424.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("./Field.vue_vue_type_style_index_0_scoped_f4a29b0d_lang-0ea8fbf8.js");const d=require("./_plugin-vue_export-helper-f246444f.js"),i={key:0,class:"t-transp mn-r-small"},u={class:"w-100"},c=["type","value","placeholder"],m=["value","placeholder"],f={key:1,class:"t-transp mn-l-small"},v={key:0,class:"mn-t-thin mn-thin mn-b-thin invalid-feedback"},k={__name:"Field",props:{label:null,symbol:null,type:"text",placeholder:"Enter something here",field:null,validation:!1,disabled:!1},emits:["update:field","focus","blur"],setup(l,{emit:a}){const r=l,o=e.ref(r.field);return(s,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[s.$attrs.class,{"bg-fourth-nano":l.validation}],"flex-center flex-nowrap flex"])},[l.label?(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("span",null,e.toDisplayString(l.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",u,[l.type!=="textarea"?(e.openBlock(),e.createElementBlock("input",{key:0,onInput:t[0]||(t[0]=n=>o.value=a("update:field",n.target.value)),onFocus:t[1]||(t[1]=n=>a("focus",n)),onBlur:t[2]||(t[2]=n=>a("blur",n)),type:l.type,class:"w-100",value:l.field,placeholder:l.placeholder},null,40,c)):(e.openBlock(),e.createElementBlock("textarea",{key:1,onInput:t[3]||(t[3]=n=>o.value=a("update:field",n.target.value)),onFocus:t[4]||(t[4]=n=>a("focus",n)),onBlur:t[5]||(t[5]=n=>a("blur",n)),class:"w-100",value:l.field,placeholder:l.placeholder},null,40,m))]),e.renderSlot(s.$slots,"default",{},void 0,!0),l.symbol?(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("span",null,e.toDisplayString(l.symbol),1)])):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[l.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(l.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}},p=d._export_sfc(k,[["__scopeId","data-v-f4a29b0d"]]);exports.Field=p;