@ozdao/prometheus-framework 0.1.7 → 0.1.8

package/dist/Feed-b616f102.mjs

@@ -0,0 +1,439 @@
+import { reactive as z, watch as B, openBlock as o, createElementBlock as c, toDisplayString as d, createCommentVNode as i, createElementVNode as b, ref as g, createTextVNode as I, computed as L, createBlock as w, withModifiers as N, createVNode as k, normalizeClass as O, unref as m, renderSlot as U, onMounted as A, Transition as $, withCtx as j, Fragment as M, renderList as T } from "vue";
+import { _ as F } from "./EmptyState-34d85f10.mjs";
+import { _ as V } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { _ as q, a as D } from "./Chips-03ff0c34.mjs";
+import { useRouter as G } from "vue-router";
+import { a as E } from "./auth-60c81f40.mjs";
+import { s as p } from "./globals-96ba60e4.mjs";
+import { I as H } from "./IconEdit-eacf3856.mjs";
+const _ = E.create({ baseURL: process.env.API_URL, withCredentials: !0 });
+_.defaults.withCredentials = !0;
+const f = z({
+  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 R(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 _.get("/api/blog/read", { params: e.params });
+    return e.url ? P(t.data, "current") : P(t.data, "all"), Promise.resolve(t.data);
+  } catch (t) {
+    return p(t), Promise.reject(t);
+  }
+}
+async function J(e) {
+  return _.post("/api/blog/create", e).then(
+    (t) => (P(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (p(t), Promise.reject(t))
+  );
+}
+async function K(e) {
+  return _.post("/api/blog/update", e).then(
+    (t) => (P(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (p(t), Promise.reject(t))
+  );
+}
+async function Q(e) {
+  return await _.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 P(e, t) {
+  f[t] = e;
+}
+function W() {
+  f.current = {
+    _id: "",
+    url: "",
+    status: "",
+    name: "",
+    tags: [],
+    author: "",
+    owner: "",
+    date: "",
+    views: 0,
+    content: []
+  };
+}
+function X(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);
+}
+B(f, (e, t) => {
+});
+const Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  blockAdd: X,
+  clean: W,
+  create: J,
+  read: R,
+  remove: Q,
+  set: P,
+  state: f,
+  update: K
+}, Symbol.toStringTag, { value: "Module" })), Y = {
+  props: {
+    progress: {
+      type: Number,
+      default: null
+    },
+    status: {
+      type: String,
+      default: null
+    }
+  }
+}, Z = { class: "circular-loader" }, ee = /* @__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), te = {
+  key: 0,
+  class: "progress-text"
+}, re = {
+  key: 1,
+  class: "uppercase t-semi w-m-10r status-text"
+};
+function ae(e, t, a, r, s, n) {
+  return o(), c("div", Z, [
+    ee,
+    a.progress ? (o(), c("div", te, d(a.progress), 1)) : i("", !0),
+    a.status ? (o(), c("div", re, d(a.status), 1)) : i("", !0)
+  ]);
+}
+const se = /* @__PURE__ */ V(Y, [["render", ae]]), x = E.create({
+  baseURL: process.env.API_URL,
+  withCredentials: !0
+}), y = z({
+  reactions: [],
+  error: null
+}), S = {
+  async read({ user: e, type: t, target: a, role: r }) {
+    try {
+      const s = await x.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 x.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 x.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 x.post("/api/reactions/delete", e);
+      return y.error = null, Promise.resolve(t.data);
+    } catch (t) {
+      return p(t), Promise.reject(t);
+    }
+  }
+}, oe = {
+  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((n) => n._id === t._id);
+        s !== -1 && (r.reactions.splice(s, 1), r.numberOfReactions -= 1);
+      }
+  }
+};
+B(y, (e) => {
+});
+const Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  actions: S,
+  mutations: oe,
+  state: y
+}, Symbol.toStringTag, { value: "Module" })), le = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" }, ne = /* @__PURE__ */ b("span", { class: "mn-r-small mn-l-small d-block" }, "·", -1), ce = { class: "cursor-pointer" }, ie = /* @__PURE__ */ b("span", { class: "mn-r-small mn-l-small d-block" }, "·", -1), ue = {
+  __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 n(v) {
+      if (!t.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const l = {
+          target: t.blogpost._id,
+          type: "blogpost",
+          user: t.user,
+          class: "like"
+        }, h = await S.create(l);
+        h.reaction.class === "like" && (a.value += 1, r.value = !0, s.value = h.reaction._id);
+      } catch (l) {
+        console.error(l), alert("Error adding reaction. Please try again later.");
+      }
+    }
+    async function u(v) {
+      if (!t.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const l = { _id: s.value };
+        await S.delete(l), a.value -= 1, r.value = !1, s.value = null;
+      } catch {
+        alert("Error adding reaction. Please try again later.");
+      }
+    }
+    return (v, l) => (o(), c("footer", le, [
+      I(" 👁️ " + d(e.blogpost.views) + " ", 1),
+      ne,
+      b("div", ce, [
+        r.value ? i("", !0) : (o(), c("div", {
+          key: 0,
+          class: "cursor-pointer",
+          onClick: l[0] || (l[0] = (h) => n())
+        }, " 👍 " + d(a.value), 1)),
+        r.value ? (o(), c("div", {
+          key: 1,
+          class: "cursor-pointer",
+          onClick: l[1] || (l[1] = (h) => u())
+        }, " 👍 " + d(a.value), 1)) : i("", !0)
+      ]),
+      ie,
+      I(" 💬 " + d(e.blogpost.numberOfComments), 1)
+    ]));
+  }
+}, de = { class: "pos-relative bg-grey radius-big" }, me = ["src"], ge = { class: "pd-t-zero pd-medium" }, pe = {
+  key: 0,
+  class: "cursor-pointer mn-thin flex-nowrap flex w-100"
+}, fe = {
+  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"
+}, ye = {
+  key: 1,
+  class: "mn-small t-transp p-big"
+}, be = {
+  key: 2,
+  class: "mn-small h2"
+}, ve = {
+  __name: "CardBlogpost",
+  props: ["blogpost", "user", "type"],
+  setup(e) {
+    const t = e, a = G(), r = L(() => t.blogpost.content.find((n) => n.type === "ImageUpload")), s = L(() => t.blogpost.content.find((n) => n.type === "Textarea"));
+    return (n, u) => (o(), c("article", de, [
+      e.user === e.blogpost.creator.target._id ? (o(), w(H, {
+        key: 0,
+        onClick: u[0] || (u[0] = N((v) => n.$router.push({
+          name: "Edit BlogPost",
+          params: {
+            url: e.blogpost.url
+          }
+        }), ["stop"])),
+        class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
+      })) : i("", !0),
+      k(q, {
+        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"]),
+      m(r) && m(r).content && e.type !== "blogpostPage" ? (o(), c("img", {
+        key: 1,
+        src: (n.FILE_SERVER_URL || "") + m(r).content,
+        alt: "Blog post image",
+        class: "mn-medium object-fit-cover w-100 h-20r"
+      }, null, 8, me)) : i("", !0),
+      b("section", ge, [
+        e.type !== "blogpostPage" ? (o(), c("div", pe, [
+          b("h3", {
+            onClick: u[1] || (u[1] = (v) => m(a).push({
+              name: "BlogPost",
+              params: {
+                url: e.blogpost.url
+              }
+            })),
+            class: ""
+          }, d(e.blogpost.name), 1),
+          e.blogpost.status === "draft" ? (o(), c("div", fe, d(e.blogpost.status), 1)) : i("", !0)
+        ])) : i("", !0),
+        m(s) && m(s).content && e.type !== "blogpostPage" ? (o(), c("p", ye, d(m(s).content.slice(0, 120)) + "... ", 1)) : i("", !0),
+        e.type === "blogpostPage" ? (o(), c("h3", be, d(e.blogpost.name), 1)) : i("", !0),
+        U(n.$slots, "default"),
+        e.type !== "short" && e.blogpost.tags.length > 0 ? (o(), w(D, {
+          key: 3,
+          chips: e.blogpost.tags
+        }, null, 8, ["chips"])) : i("", !0)
+      ]),
+      k(ue, {
+        class: "pd-t-zero pd-medium",
+        blogpost: e.blogpost,
+        user: e.user
+      }, null, 8, ["blogpost", "user"])
+    ]));
+  }
+}, he = { class: "feed" }, we = { key: 1 }, Le = {
+  __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), n = g(0), u = g(7);
+    const v = async () => {
+      if (r.value) {
+        n.value += u.value;
+        const l = await R({
+          skip: n.value,
+          limit: u.value,
+          category: t.category,
+          user: t.user,
+          owner: t.owner,
+          status: t.status,
+          creator: t.creator,
+          period: t.period
+        });
+        l.length === 0 && (r.value = !1), a.value = [...a.value, ...l];
+      }
+    };
+    return A(async () => {
+      const l = await R({
+        skip: n.value,
+        limit: u.value,
+        category: t.category,
+        user: t.user,
+        owner: t.owner,
+        status: t.status,
+        creator: t.creator,
+        period: t.period
+      });
+      l.length === 0 ? r.value = !1 : r.value = !0, a.value = l, s.value = !1;
+    }), (l, h) => (o(), c("section", he, [
+      k($, { name: "fade" }, {
+        default: j(() => [
+          m(s) ? (o(), w(se, {
+            key: 0,
+            class: "z-index-5 pos-t-50 left-t-50 pos-absolute"
+          })) : i("", !0)
+        ]),
+        _: 1
+      }),
+      k($, { name: "fade" }, {
+        default: j(() => [
+          !m(s) && a.value.length < 1 ? (o(), w(F, {
+            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(), c("div", we, [
+            (o(!0), c(M, null, T(a.value, (C) => (o(), w(ve, {
+              key: C._id,
+              blogpost: C,
+              user: e.user,
+              class: "mn-medium"
+            }, null, 8, ["blogpost", "user"]))), 128)),
+            k($, { name: "fade" }, {
+              default: j(() => [
+                r.value && a.value.length > 0 ? (o(), c("button", {
+                  key: 0,
+                  onClick: v,
+                  class: "w-100 bg-main button"
+                }, " Load more ")) : i("", !0)
+              ]),
+              _: 1
+            })
+          ]))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+};
+export {
+  se as L,
+  Le as _,
+  J as a,
+  Q as b,
+  W as c,
+  ve as d,
+  ue as e,
+  Ce as f,
+  Ie as g,
+  R as r,
+  f as s,
+  K as u
+};

package/dist/Image-75f5becb.js

@@ -0,0 +1,9 @@
+"use strict";const e=require("vue"),B=require("./auth-e8f6d979.js"),C=require("./vue-draggable-next.esm-bundler-80731ae0.js"),$=require("./Chips-4d8ac62e.js");const _=["placeholder"],y={__name:"Textarea",props:["prop","value","content","placeholder","index","setFocus"],emits:["deleteBlock","updateBlock","addBlock","focus"],setup(o,{emit:r}){const n=o;e.ref(n);const t=e.ref(null);e.ref(0);function d(a){let l=a.target.value.split(/\n+/);if(l.length>1){n.prop[n.content]=l[0],e.nextTick(()=>{c()});let u=l.slice(1).map(f=>({__name:"Textarea",content:f}));r("addBlock","Textarea","",n.index,{blocks:u,ref:t})}else a.target.value.trim()===""&&a.target.value.includes(`
+
+`)&&(console.log("We are adding new block:"+n.index+newBlocks+t),r("addBlock","Textarea","",n.index,{blocks:newBlocks,ref:t})),c()}function i(a){(a.keyCode===8||a.keyCode===46)&&n.prop[n.content].trim()===""&&r("deleteBlock",n.prop)}function s(){e.nextTick(()=>{t.value.focus(),r("updateBlock",n.prop,{setFocus:!1})})}function c(){t.value.style.height="1rem",t.value.style.height=t.value.scrollHeight+"px"}return e.onUpdated(()=>{n.setFocus&&e.nextTick(()=>{s()}),c()}),e.onMounted(()=>{n.setFocus&&e.nextTick(()=>{s()}),c()}),(a,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":l[0]||(l[0]=u=>o.prop[o.content]=u),placeholder:o.placeholder?o.placeholder:"Enter text",onInput:d,onFocus:l[1]||(l[1]=u=>r("focus",t.value)),onKeyup:i,ref_key:"textarea",ref:t,class:"text-area mn-thin"},`    
+    `,40,_),[[e.vModelText,o.prop[o.content]]])]))}};const V=["placeholder"],N={__name:"H2",props:["obj","label","prop","value","content","textarea","placeholder","index","ref","setFocus"],emits:["deleteBlock","updateBlock","addBlock","focus"],setup(o,{emit:r}){const n=o;e.ref(n);const t=e.ref(null);e.ref(0);function d(a){let l=a.target.value.split(/\n+/);if(l.length>1){n.prop[n.content]=l[0],e.nextTick(()=>{c()});let u=l.slice(1).map(f=>({type:"Textarea",content:f}));r("addBlock","Textarea","",n.index,{blocks:u,ref:t})}else a.target.value.trim()===""&&a.target.value.includes(`
+
+`)&&(console.log("We are adding new block:"+n.index+newBlocks+t),r("addBlock","Textarea","",n.index,{blocks:newBlocks,ref:t})),c()}function i(a){(a.keyCode===8||a.keyCode===46)&&n.prop[n.content].trim()===""&&r("deleteBlock",n.prop)}function s(){e.nextTick(()=>{t.value.focus(),r("updateBlock",n.prop,{setFocus:!1})})}function c(){t.value.style.height="1rem",t.value.style.height=t.value.scrollHeight+"px"}return e.onUpdated(()=>{n.setFocus&&e.nextTick(()=>{s()}),c()}),e.onMounted(()=>{n.setFocus&&e.nextTick(()=>{s()}),c()}),e.watch(()=>n.prop[n.content],a=>{}),(a,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":l[0]||(l[0]=u=>o.prop[o.content]=u),placeholder:o.placeholder?o.placeholder:"Enter text",onInput:d,onFocus:l[1]||(l[1]=u=>r("focus",t.value)),onKeyup:i,ref_key:"textarea",ref:t,class:"h3 text-area mn-thin"},`    
+    `,40,V),[[e.vModelText,o.prop[o.content]]])]))}},T=["placeholder"],U={__name:"Caption",props:["obj","label","prop","value","content","textarea","placeholder","index","ref"],emits:["deleteBlock","addBlock","focus"],setup(o,{emit:r}){const n=o;e.ref(n);const t=e.ref(null);function d(s){const c=/^\s*[-*]\s+(.*)/;let l=s.target.value.split(/\n+/).map(u=>{const f=c.exec(u);return f?f[1]:null}).filter(u=>u!==null);l.length>0?(n.prop[n.content]=l,i()):s.target.value.trim()===""&&(n.prop[n.content]=[],i())}function i(){t.value.style.height="1rem",t.value.style.height=t.value.scrollHeight+"px"}return e.onUpdated(()=>{i()}),e.onMounted(()=>{i()}),e.watch(()=>n.prop[n.content],s=>{(!s||s.length===0)&&r("deleteBlock",n.prop)}),(s,c)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":c[0]||(c[0]=a=>o.prop[o.content]=a),placeholder:o.placeholder?o.placeholder:"Enter text",onInput:d,onFocus:c[1]||(c[1]=a=>r("focus",t.value)),ref_key:"textarea",ref:t,class:"br-l br-solid br-main pd-l-small text-area mn-small"},`    
+  `,40,T),[[e.vModelText,o.prop[o.content]]])]))}},D=["placeholder"],F={__name:"Bullets",props:["obj","label","prop","value","content","textarea","placeholder","index","ref"],emits:["deleteBlock","addBlock","focus"],setup(o,{emit:r}){const n=o;e.ref(n);const t=e.ref(null);function d(s){const c=/^\s*[-*]\s+(.*)/;let l=s.target.value.split(/\n+/).map(u=>{const f=c.exec(u);return f?f[1]:null}).filter(u=>u!==null);l.length>0?(n.prop[n.content]=l,i()):s.target.value.trim()===""&&(n.prop[n.content]=[],i())}function i(){t.value.style.height="1rem",t.value.style.height=t.value.scrollHeight+"px"}return e.onUpdated(()=>{i()}),e.onMounted(()=>{i()}),e.watch(()=>n.prop[n.content],s=>{(!s||s.length===0)&&r("deleteBlock",n.prop)}),(s,c)=>(e.openBlock(),e.createElementBlock("div",null,[e.createTextVNode(e.toDisplayString(o.prop[o.content])+" ",1),e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":c[0]||(c[0]=a=>o.prop[o.content]=a),placeholder:o.placeholder?o.placeholder:"Enter text",onInput:d,onFocus:c[1]||(c[1]=a=>r("focus",t.value)),ref_key:"textarea",ref:t,class:"text-area mn-small"},`    
+  `,40,D),[[e.vModelText,o.prop[o.content]]])]))}},I=["src"],M={key:1,class:"t-transp pd-extra"},L={__name:"ImageUpload",props:["label","value","prop"],emits:["input","updateBlock"],setup(o,{emit:r}){const n=o,t=e.ref(null),d=e.ref(null);function i(){d.value.click()}async function s(a){let l=a.target.files[0];console.log(l);let u=new FormData,f="unsorted";u.append("file",l),console.log(u.has("file"));try{let h=await B.axios.create({baseURL:process.env.API_URL,withCredentials:!0}).post(`/api/upload/file?folderName=${encodeURIComponent(f)}`,u,{headers:{"Content-Type":"multipart/form-data"}});t.value=h.data.filepath,console.log(t.value),r("input",t.value),r("updateBlock",n.prop,{content:t.value})}catch(g){console.error(g)}}function c(a){a.preventDefault(),s({target:{files:a.dataTransfer.files}})}return(a,l)=>(e.openBlock(),e.createElementBlock("div",{onClick:i,onDrop:c,onDragover:l[0]||(l[0]=e.withModifiers(()=>{},["prevent"])),class:"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-small"},[o.prop.content?(e.openBlock(),e.createElementBlock("img",{key:0,src:(a.FILE_SERVER_URL||"")+o.prop.content,alt:"Uploaded image",class:"w-100 h-30r object-fit-contain"},null,8,I)):(e.openBlock(),e.createElementBlock("span",M,"Click or drag-and-drop your image")),e.createElementVNode("input",{type:"file",ref_key:"fileInput",ref:d,onChange:s,style:{display:"none"}},null,544)],32))}},R=["onMouseover"],S={key:0,class:"z-index-5 radius-thin mn-small relative left-0 mt-2 w-max bg-white shadow-lg rounded"},A=["onClick"],H=["onClick"],z=["onClick"],j={__name:"Constructor",props:["content"],emits:["update"],setup(o,{emit:r}){const n=o;let t=e.ref(null);e.ref(null),t.value={content:n.content};const d={Textarea:y,H2:N,Bullets:F,Caption:U,ImageUpload:L};function i(h="Textarea",k="",p,m){console.log("We are adding new block (functuin HandleAddBlock):"+h+k+p+m);let v={order:t.value.content.length+1,type:h,style:"",class:"",content:k,blocks:[],setFocus:!0};if(m&&m.blocks&&Array.isArray(m.blocks)){let x=m.blocks.map(E=>({...v,content:E.content})),b=[(m.index||p)+1,0].concat(x);t.value.content.splice.apply(t.value.content,b);const w=x[x.length-1];console.log("New block is"+w)}else p!==void 0?(t.value.content.splice(p+1,0,v),console.log("Latest block is"+v)):(console.log("Another block is"+v),t.value.content.push(v));a.value=null,r("update",t.value.content)}function s(h,k){const p=t.value.content.findIndex(m=>m===h);p!==-1&&(t.value.content[p]={...t.value.content[p],...k}),r("update",t.value.content)}function c(h){let k=t.value.content.findIndex(p=>p===h);k!==-1&&t.value.content.splice(k,1),t.value.content[k-1].setFocus=!0,r("update",t.value.content)}const a=e.ref(null),l=e.ref(!1),u=e.ref(!1);function f(){l.value=!0}function g(){l.value=!1}return e.watchEffect(()=>{t.value&&t.value.content.length===0&&i("Textarea",""),r("update",t.value.content)}),(h,k)=>(e.openBlock(),e.createElementBlock("section",null,[e.unref(t).content?(e.openBlock(),e.createBlock(e.unref(C.VueDraggableNext),{key:0,class:"w-full",list:e.unref(t).content,onStart:f,onEnd:g},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).content,(p,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,class:"pos-relative"},[e.createElementVNode("div",{onMouseover:v=>(a.value=m,u.value=!1),class:"pos-relative w-full h-full"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[p.type]),{index:m,component:p,prop:p,class:e.normalizeClass(p.class),setFocus:p.setFocus,content:"content",onDeleteBlock:c,onAddBlock:i,onUpdateBlock:s},null,40,["index","component","prop","class","setFocus"]))],40,R),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[a.value===m?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pos-absolute pos-r-100 pos-t-0 z-index-4 i-semi",onMousedown:k[1]||(k[1]=e.withModifiers(v=>l.value=!0,["prevent"]))},[e.createElementVNode("button",{onClick:k[0]||(k[0]=v=>u.value=!u.value),class:"mn-small w-100 i-semi bg-white radius-thin"},e.toDisplayString(p.content?"...":"+"),1),u.value?(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("button",{onClick:v=>c(p),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Удалить",8,A),e.createElementVNode("button",{onClick:v=>i("ImageUpload","",m),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Добавить изображение",8,H),e.createElementVNode("button",{onClick:v=>i("H2","",m),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Добавить заголовок",8,z)])):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)]),_:2},1024)]))),128))]),_:1},8,["list"])):e.createCommentVNode("",!0)]))}},q={class:"mn-small"},K=e.createElementVNode("p",{class:"t-semi uppercase"},"Please log in to leave a comment.",-1),P=[K],W={key:1,class:"mn-small"},G=["onSubmit"],J=e.createElementVNode("button",{type:"submit",class:"mn-l-auto bg-main button"},"Send",-1),O={class:"pd-t-zero"},Q={class:"p-big"},X={__name:"Comments",props:["target","owner","type"],setup(o){const r=o,n=B.axios.create({baseURL:process.env.API_URL}),t=e.ref([]),d=e.ref(""),i=async()=>{const{data:c}=await n.get(`/comments/read?type=${r.type}&target=${r.target}`);t.value=c},s=async()=>{if(d.value)try{const c=await n.post("/comments/create",{target:r.target,user:r.owner,type:r.type,content:d.value});c.data.owner=r.owner,t.value.push(c.data),d.value=""}catch(c){console.error(c)}};return i(),(c,a)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,[e.createElementVNode("h3",q,e.toDisplayString(t.value.length)+" comments",1),o.owner?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:a[0]||(a[0]=l=>c.$router.push({name:"Sign In"})),class:"cursor-pointer mn-small section bg-black t-white flex-center flex radius-big"},P)),o.owner?(e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("form",{onSubmit:e.withModifiers(s,["prevent"]),class:"bg-grey radius-big pd-medium"},[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":a[1]||(a[1]=l=>d.value=l),placeholder:"Enter your comment",class:"pd-small p-big w-100 radius-small mn-r-small"},null,512),[[e.vModelText,d.value]]),J],40,G)])):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l._id,class:"comment mn-small radius-big pd-medium bg-grey"},[e.createVNode($._sfc_main,{class:"mn-medium",owner:{target:l.user},creator:{target:l.user},date:l.createdAt},null,8,["owner","creator","date"]),e.createElementVNode("div",O,[e.createElementVNode("p",Q,e.toDisplayString(l.content),1)])]))),128))]))}},Y={class:"w-100 bg-white radius-big image-upload-area flex-v-center flex-h-center flex t-black mn-small"},Z=["src"],ee={__name:"Image",props:["label","value","prop"],setup(o){return e.ref(null),(r,n)=>(e.openBlock(),e.createElementBlock("div",Y,[o.prop.content?(e.openBlock(),e.createElementBlock("img",{key:0,src:(r.FILE_SERVER_URL||"")+o.prop.content,alt:"Uploaded image",class:"w-100 h-30r object-fit-contain"},null,8,Z)):e.createCommentVNode("",!0)]))}};exports._sfc_main=y;exports._sfc_main$1=j;exports._sfc_main$2=X;exports._sfc_main$3=ee;