@ozdao/prometheus-framework 0.1.42 → 0.1.43

package/dist/Image-39955d9d.mjs

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

package/dist/Image-c2d190d8.js

@@ -1,9 +0,0 @@
-"use strict";const e=require("vue"),B=require("./index-b41aac19.js"),$=require("./vue-draggable-next.esm-bundler-21a209c6.js"),C=require("./Chips-edf2b573.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"},R={__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))}},L=["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:R};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($.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,L),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"},"Remove",8,A),e.createElementVNode("button",{onClick:v=>i("ImageUpload","",m),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Add Image",8,H),e.createElementVNode("button",{onClick:v=>i("H2","",m),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Add Title",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}&user=${r.owner}`);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(C._sfc_main,{class:"mn-medium",entity:l,entityType:"comment",user:o.owner,owner:{target:l.user},creator:{target:l.user},date:l.createdAt},null,8,["entity","user","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;

package/dist/LeftoverAdd-5a8988d9.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("./Field.vue_vue_type_style_index_0_scoped_f4a29b0d_lang-0ea8fbf8.js");const _=require("./Select-3ca5ab39.js"),b=require("./SelectMulti-c25765cf.js"),m=require("vue-router"),p=require("./Field-e2a43424.js"),o=require("./leftovers-b60180cf.js"),v=require("./products-3c43eb18.js");require("./_plugin-vue_export-helper-f246444f.js");require("./index-b41aac19.js");require("./globals-928eb13c.js");require("vue-i18n");const g={class:"flex-column flex-wrap block"},V={key:0,class:"w-100"},k={class:"mn-r-regular w-100"},N=["onClick"],h={__name:"LeftoverPositions",props:{order:Object},setup(i){const s=i;m.useRouter(),m.useRoute();function a(n){o.actions.deleteItemFromLeftover(s.order.positions[n])}return(n,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("ul",g,[i.order.positions.length===0?(e.openBlock(),e.createElementBlock("span",V," No positions added yet ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.order.positions,(l,u)=>(e.openBlock(),e.createElementBlock("li",{key:l._id,class:"w-100 flex-center flex-nowrap flex"},[e.createElementVNode("span",k,e.toDisplayString(l.name),1),e.createVNode(p.Field,{field:l.price,"onUpdate:field":c=>l.price=c,type:"number",label:"Price",symbol:n.returnCurrency(),class:"bg-grey pd-medium radius-small"},null,8,["field","onUpdate:field","symbol"]),e.createVNode(p.Field,{field:l.quantity,"onUpdate:field":c=>l.quantity=c,type:"number",label:"Quantity",class:"bg-grey pd-medium radius-small",symbol:l.type},null,8,["field","onUpdate:field","symbol"]),e.createElementVNode("a",{class:"button",onClick:c=>a(u)}," Delete ",8,N)]))),128))])]))}},E=["disabled"],q={__name:"CardPosition",props:{product:Object,products:Array,quantity:Number,type:String,price:Number},emits:["add","remove"],setup(i,{emit:s}){const a=e.ref(null),n=e.ref(null),d=e.ref("pcs"),l=e.ref(null),u=e.computed(()=>a.value&&n.value>0&&l.value>0);function c(){s("add",{product:a.value,price:l.value,quantity:n.value,type:d.value})}return(f,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(b.SelectMulti,{modelValue:a.value,"onUpdate:modelValue":t[0]||(t[0]=r=>a.value=r),options:i.products,label:"name",multiple:!1,taggable:!1,placeholder:"Select a product",class:"bg-grey pd-medium radius-small"},null,8,["modelValue","options"]),e.createVNode(p.Field,{field:l.value,"onUpdate:field":t[1]||(t[1]=r=>l.value=r),type:"number",label:"Price",symbol:f.returnCurrency(),class:"bg-grey pd-medium radius-small"},null,8,["field","symbol"]),e.createVNode(p.Field,{field:n.value,"onUpdate:field":t[3]||(t[3]=r=>n.value=r),type:"number",label:"Quantity",class:"bg-grey pd-medium radius-small"},{default:e.withCtx(()=>[e.createVNode(_.Select,{select:d.value,"onUpdate:select":t[2]||(t[2]=r=>d.value=r),options:["pcs","g","ml"],class:"bg-white pd-thin radius-thin"},null,8,["select"])]),_:1},8,["field"]),e.createElementVNode("button",{disabled:!e.unref(u),onClick:c,class:"bg-main button"}," Add ",8,E)],64))}};const x=e.createElementVNode("header",{class:"mn-medium flex-v-center flex-nowrap flex"},[e.createElementVNode("h2",{class:"mn-r-medium"},"Inventory")],-1),B=e.createElementVNode("h5",{class:"mn-small"},"Select Type",-1),P=e.createElementVNode("h5",{class:"mn-small"},"Add Position",-1),S={class:"mn-semi gap-thin flex-nowrap flex"},w={class:"gap-thin flex-v-center flex-nojustify flex"},C={class:"mn-r-auto"},$={__name:"LeftoverAdd",setup(i){const s=m.useRoute(),a=m.useRouter(),n=e.ref(v.state.all),d=e.computed(()=>o.state.current.positions.reduce((t,r)=>t+r.price*(r.quantity||1),0));e.onMounted(async()=>{if(s.params._id)try{await o.actions.fetch(s.params._id)}catch{console.error("error")}else o.state.current={type:"",order:"",positions:[]};try{const t=await v.actions.read({organization:"65141c476cf9860013b49f6d"});n.value=t}catch{console.error("error")}});function l(){s.params._id?o.actions.fetch(s.params._id):o.state.current={type:"",order:"",positions:[]}}function u(t){o.actions.addProductToLeftover(t)}function c(){s.params._id?o.actions.update(o.state.current).then(()=>a.push({name:"Backoffice Leftovers"}),t=>console.error("error")):o.actions.create(o.state.current).then(()=>a.push({name:"Backoffice Leftovers"}),t=>console.error("error"))}function f(){o.actions.delete(s.params._id).then(()=>a.push({name:"Backoffice Leftovers"}),t=>console.error("error"))}return(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[x,B,e.createVNode(_.Select,{select:o.state.current.type,"onUpdate:select":r[0]||(r[0]=y=>o.state.current.type=y),options:["stock-in","stock-out","write-off"],placeholder:"Select type",class:"mn-semi bg-grey pd-medium radius-small"},null,8,["select"]),P,e.createElementVNode("div",S,[e.createVNode(q,{onAdd:u,products:n.value},null,8,["products"])]),e.createElementVNode("h5",{class:"mn-small"},[e.createTextVNode(" Invetory Sheet "),e.createElementVNode("a",{class:"mn-l-thin t-main",onClick:l}," Reset ")]),e.createVNode(h,{order:o.state.current,products:n.value,class:"mn-semi"},null,8,["order","products"]),e.createElementVNode("section",w,[e.createElementVNode("h3",C," In total: "+e.toDisplayString(t.formatPrice(e.unref(d))),1),e.createElementVNode("a",{onClick:r[1]||(r[1]=y=>c()),class:"bg-main button"}," Save "),e.unref(s).params._id?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:r[2]||(r[2]=y=>f()),class:"t-white bg-red button"}," Delete ")):e.createCommentVNode("",!0)])],64))}};exports.default=$;