@ozdao/prometheus-framework 0.0.85 → 0.0.87

package/dist/Comments-c5afa4d6.mjs

@@ -0,0 +1,459 @@
+import { ref as d, onUpdated as U, nextTick as b, onMounted as I, openBlock as i, createElementBlock as v, withDirectives as B, createElementVNode as m, vModelText as $, watch as D, createTextVNode as j, toDisplayString as F, withModifiers as E, watchEffect as K, unref as _, createBlock as V, withCtx as A, Fragment as H, renderList as z, resolveDynamicComponent as P, normalizeClass as W, createVNode as L, Transition as q, createCommentVNode as w } from "vue";
+import { a as M } from "./auth-35ef1791.mjs";
+import { V as G } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
+import { _ as J } from "./CardHeader-ce5a1a75.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 p(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();
+    }), I(() => {
+      t.setFocus && b(() => {
+        r();
+      }), a();
+    }), (o, l) => (i(), v("div", null, [
+      B(m("textarea", {
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => n.prop[n.content] = c),
+        placeholder: n.placeholder ? n.placeholder : "Enter text",
+        onInput: p,
+        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 p(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();
+    }), I(() => {
+      t.setFocus && b(() => {
+        r();
+      }), a();
+    }), D(() => t.prop[t.content], (o) => {
+    }), (o, l) => (i(), v("div", null, [
+      B(m("textarea", {
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => n.prop[n.content] = c),
+        placeholder: n.placeholder ? n.placeholder : "Enter text",
+        onInput: p,
+        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 p(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();
+    }), I(() => {
+      u();
+    }), D(() => t.prop[t.content], (r) => {
+      (!r || r.length === 0) && s("deleteBlock", t.prop);
+    }), (r, a) => (i(), v("div", null, [
+      B(m("textarea", {
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => n.prop[n.content] = o),
+        placeholder: n.placeholder ? n.placeholder : "Enter text",
+        onInput: p,
+        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 p(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();
+    }), I(() => {
+      u();
+    }), D(() => t.prop[t.content], (r) => {
+      (!r || r.length === 0) && s("deleteBlock", t.prop);
+    }), (r, a) => (i(), v("div", null, [
+      j(F(n.prop[n.content]) + " ", 1),
+      B(m("textarea", {
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => n.prop[n.content] = o),
+        placeholder: n.placeholder ? n.placeholder : "Enter text",
+        onInput: p,
+        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), p = d(null);
+    function u() {
+      p.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 M.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(), v("div", {
+      onClick: u,
+      onDrop: a,
+      onDragover: l[0] || (l[0] = E(() => {
+      }, ["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(), v("img", {
+        key: 0,
+        src: n.prop.content,
+        alt: "Uploaded image",
+        class: "w-100 h-30r object-fit-contain"
+      }, null, 8, le)) : (i(), v("span", oe, "Click or drag-and-drop your image")),
+      m("input", {
+        type: "file",
+        ref_key: "fileInput",
+        ref: p,
+        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"], Be = {
+  __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 p = {
+      Textarea: Q,
+      H2: Y,
+      Bullets: ne,
+      Caption: ee,
+      ImageUpload: ae
+    };
+    function u(y = "Textarea", x = "", f, g) {
+      console.log("We are adding new block (functuin HandleAddBlock):" + y + x + f + 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((S) => ({
+          ...k,
+          content: S.content
+        })), N = [(g.index || f) + 1, 0].concat(T);
+        e.value.content.splice.apply(e.value.content, N);
+        const R = T[T.length - 1];
+        console.log("New block is" + R);
+      } else
+        f !== void 0 ? (e.value.content.splice(f + 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 f = e.value.content.findIndex((g) => g === y);
+      f !== -1 && (e.value.content[f] = { ...e.value.content[f], ...x }), s("update", e.value.content);
+    }
+    function a(y) {
+      let x = e.value.content.findIndex((f) => f === 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(), v("section", null, [
+      _(e).content ? (i(), V(_(G), {
+        key: 0,
+        class: "w-full",
+        list: _(e).content,
+        onStart: h,
+        onEnd: C
+      }, {
+        default: A(() => [
+          (i(!0), v(H, null, z(_(e).content, (f, g) => (i(), v("div", {
+            key: g,
+            class: "relative"
+          }, [
+            m("div", {
+              onMouseover: (k) => (o.value = g, c.value = !1),
+              class: "w-full h-full"
+            }, [
+              (i(), V(P(p[f.type]), {
+                index: g,
+                component: f,
+                prop: f,
+                class: W(f.class),
+                setFocus: f.setFocus,
+                content: "content",
+                onDeleteBlock: a,
+                onAddBlock: u,
+                onUpdateBlock: r
+              }, null, 40, ["index", "component", "prop", "class", "setFocus"]))
+            ], 40, se),
+            L(q, { name: "fade" }, {
+              default: A(() => [
+                o.value === g ? (i(), v("div", {
+                  key: 0,
+                  class: "pos-absolute pos-r-100 pos-t-0 z-index-4 i-semi",
+                  onMousedown: x[1] || (x[1] = E((k) => l.value = !0, ["prevent"]))
+                }, [
+                  m("button", {
+                    onClick: x[0] || (x[0] = (k) => c.value = !c.value),
+                    class: "mn-small w-100 i-semi bg-white radius-thin"
+                  }, F(f.content ? "..." : "+"), 1),
+                  c.value ? (i(), v("div", re, [
+                    m("button", {
+                      onClick: (k) => a(f),
+                      class: "block w-max text-left px-4 py-2 hover:bg-gray-200"
+                    }, "Удалить", 8, ce),
+                    m("button", {
+                      onClick: (k) => u("ImageUpload", "", g),
+                      class: "block w-max text-left px-4 py-2 hover:bg-gray-200"
+                    }, "Добавить изображение", 8, ue),
+                    m("button", {
+                      onClick: (k) => u("H2", "", g),
+                      class: "block w-max text-left px-4 py-2 hover:bg-gray-200"
+                    }, "Добавить заголовок", 8, ie)
+                  ])) : w("", !0)
+                ], 32)) : w("", !0)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ]),
+        _: 1
+      }, 8, ["list"])) : w("", !0)
+    ]));
+  }
+}, de = { class: "mn-small" }, pe = /* @__PURE__ */ m("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__ */ m("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 = M.create({ baseURL: process.env.API_URL }), e = d([]), p = d(""), u = async () => {
+      const { data: a } = await t.get(`/comments/read?type=${s.type}&target=${s.target}`);
+      e.value = a;
+    }, r = async () => {
+      if (p.value)
+        try {
+          const a = await t.post("/comments/create", {
+            target: s.target,
+            user: s.owner,
+            type: s.type,
+            content: p.value
+          });
+          a.data.owner = s.owner, e.value.push(a.data), p.value = "";
+        } catch (a) {
+          console.error(a);
+        }
+    };
+    return u(), (a, o) => (i(), v("div", null, [
+      m("div", null, [
+        m("h3", de, F(e.value.length) + " comments", 1),
+        n.owner ? w("", !0) : (i(), v("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(), v("div", me, [
+          m("form", {
+            onSubmit: E(r, ["prevent"]),
+            class: "bg-grey radius-big pd-medium"
+          }, [
+            B(m("textarea", {
+              "onUpdate:modelValue": o[1] || (o[1] = (l) => p.value = l),
+              placeholder: "Enter your comment",
+              class: "pd-small p-big w-100 radius-small mn-r-small"
+            }, null, 512), [
+              [$, p.value]
+            ]),
+            ge
+          ], 40, ve)
+        ])) : w("", !0)
+      ]),
+      (i(!0), v(H, null, z(e.value, (l) => (i(), v("div", {
+        key: l._id,
+        class: "comment mn-small radius-big pd-medium bg-grey"
+      }, [
+        L(J, {
+          class: "mn-medium",
+          owner: { target: l.user },
+          creator: { target: l.user },
+          date: l.createdAt
+        }, null, 8, ["owner", "creator", "date"]),
+        m("div", he, [
+          m("p", xe, F(l.content), 1)
+        ])
+      ]))), 128))
+    ]));
+  }
+};
+export {
+  Be as _,
+  $e as a,
+  Q as b
+};

package/dist/EditProductImages-61ff4321.mjs

@@ -0,0 +1,236 @@
+import { toRefs as $, openBlock as n, createElementBlock as r, createTextVNode as U, toDisplayString as w, unref as e, createVNode as p, createElementVNode as o, createCommentVNode as y, createBlock as P, withCtx as N, Fragment as D, renderList as S, ref as C, withModifiers as B } from "vue";
+import { F as _, b as E, a as V } from "./auth-35ef1791.mjs";
+import { S as z } from "./Breadcrumbs.vue_vue_type_style_index_0_lang-628f013e.mjs";
+import { u as A } from "./vuex.esm-bundler-57d8b6ba.mjs";
+import { V as F } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
+import { s as x } from "./categories-d669f3af.mjs";
+const L = { class: "mn-big flex-column flex" }, ne = {
+  __name: "EditProductInfo",
+  props: {
+    product: Object
+  },
+  setup(i) {
+    const c = i, t = A();
+    return $(c), (s, a) => (n(), r("div", L, [
+      U(w(e(t).products.current) + " ", 1),
+      p(z, {
+        options: [
+          "unpublished",
+          "published",
+          "archivied"
+        ],
+        select: e(t).products.state.current.status,
+        "onUpdate:select": a[0] || (a[0] = (l) => e(t).products.state.current.status = l),
+        placeholder: "Display product",
+        class: "w-100 mn-small bg-white radius-small pd-medium"
+      }, null, 8, ["select"]),
+      p(_, {
+        field: e(t).products.state.current.name,
+        "onUpdate:field": a[1] || (a[1] = (l) => e(t).products.state.current.name = l),
+        placeholder: "Введите название",
+        class: "w-100 mn-small bg-white radius-small pd-medium"
+      }, null, 8, ["field"]),
+      p(_, {
+        field: e(t).products.state.current.price,
+        "onUpdate:field": a[2] || (a[2] = (l) => e(t).products.state.current.price = l),
+        placeholder: "Введите цену",
+        class: "w-100 mn-small bg-white radius-small pd-medium",
+        type: "number"
+      }, null, 8, ["field"]),
+      p(_, {
+        field: e(t).products.state.current.description,
+        "onUpdate:field": a[3] || (a[3] = (l) => e(t).products.state.current.description = l),
+        placeholder: "Введите описание",
+        class: "w-100 mn-small bg-white radius-small pd-medium",
+        type: "textarea"
+      }, null, 8, ["field"])
+    ]));
+  }
+}, j = { class: "mn-big" }, M = { class: "mn-small flex-nowrap flex" }, O = { class: "mn-r-thin" }, R = { class: "flex-column flex" }, T = {
+  key: 0,
+  class: "w-100 mn-small"
+}, q = ["onClick"], G = /* @__PURE__ */ o("svg", {
+  class: "i-small",
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ o("path", {
+    "clip-rule": "evenodd",
+    d: "m7.27124 0h5.45456c1.0041 0 1.8182.814027 1.8182 1.81818v.90899h2.7278c1.0042 0 1.8182.81402 1.8182 1.81818v1.81818c0 1.00415-.814 1.81818-1.8182 1.81818h-.0735l-.8363 10.00009c0 1.0042-.814 1.8182-1.8182 1.8182h-9.09087c-1.00416 0-1.81818-.814-1.81504-1.7427l-.83964-10.07559h-.07187c-1.00415 0-1.818177-.81403-1.818177-1.81818v-1.81818c0-1.00416.814027-1.81818 1.818177-1.81818h2.72668v-.90899c0-1.004153.81402-1.81818 1.81818-1.81818zm-1.81889 18.1819-.83047-10h10.75152l-.827 9.9245-.0031.0755zm-2.72612-11.81799v-1.81818h14.54547v1.81818zm10.00137-4.54571v.90909h-5.45456v-.90909z",
+    fill: "#8a8a8a",
+    "fill-rule": "evenodd"
+  })
+], -1), H = [
+  G
+], oe = {
+  __name: "EditParameters",
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    title: String,
+    addButtonLabel: String,
+    emptyMessage: String,
+    keyName: String,
+    valueName: String
+  },
+  emits: ["add-info", "delete-info"],
+  setup(i, { emit: c }) {
+    const t = i;
+    function s() {
+      c("add-info", {});
+    }
+    function a(d) {
+      c("delete-info", d);
+    }
+    const { items: l, title: f, emptyMessage: v, addButtonLabel: m, keyName: u, valueName: g } = $(t);
+    return (d, I) => (n(), r("div", j, [
+      o("div", M, [
+        o("h5", O, w(e(f)), 1),
+        o("button", {
+          onClick: s,
+          class: "i-small pd-thin button-delete button"
+        }, "+")
+      ]),
+      o("div", R, [
+        e(l).length == 0 ? (n(), r("p", T, w(e(v)), 1)) : y("", !0),
+        e(l).length == 0 ? (n(), P(E, {
+          key: 1,
+          onClick: s,
+          class: "button"
+        }, {
+          default: N(() => [
+            U(w(e(m)), 1)
+          ]),
+          _: 1
+        })) : y("", !0),
+        (n(!0), r(D, null, S(e(l), (h, k) => (n(), r("div", {
+          class: "mn-medium w-100 flex-nowrap flex",
+          key: k
+        }, [
+          p(_, {
+            field: h[e(u)],
+            "onUpdate:field": (b) => h[e(u)] = b,
+            placeholder: "Название параметра",
+            class: "w-100 mn-r-small bg-white radius-small pd-medium"
+          }, null, 8, ["field", "onUpdate:field"]),
+          p(_, {
+            field: h[e(g)],
+            "onUpdate:field": (b) => h[e(g)] = b,
+            placeholder: "Значение параметра",
+            class: "w-100 bg-white radius-small pd-medium"
+          }, null, 8, ["field", "onUpdate:field"]),
+          o("button", {
+            onClick: (b) => a(k),
+            class: "mn-l-small button"
+          }, H, 8, q)
+        ]))), 128))
+      ])
+    ]));
+  }
+}, J = /* @__PURE__ */ o("div", { class: "flex-v-center flex-h-center flex w-100 h-100" }, " upload ", -1), K = {
+  __name: "UploadImageMultiple",
+  props: [
+    "uploadPath"
+  ],
+  emits: ["update:images"],
+  setup(i, { emit: c }) {
+    const t = i, s = C([]), a = C(null);
+    function l() {
+      a.value.click();
+    }
+    async function f(m) {
+      let u = m.target.files, g = new FormData();
+      for (let d = 0; d < u.length; d++)
+        g.append("file", u[d]);
+      try {
+        (await V.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/multiple?folderName=${encodeURIComponent(t.uploadPath)}`, g, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        })).data.forEach((h) => {
+          s.value.push(h.filepath);
+        }), c("update:images", s.value);
+      } catch (d) {
+        console.error(d);
+      }
+    }
+    function v(m) {
+      m.preventDefault(), f({
+        target: {
+          files: m.dataTransfer.files
+        }
+      });
+    }
+    return (m, u) => (n(), r("div", {
+      onClick: l,
+      onDrop: v,
+      onDragover: u[0] || (u[0] = B(() => {
+      }, ["prevent"])),
+      class: "flex-v-center flex-h-center flex"
+    }, [
+      J,
+      o("input", {
+        type: "file",
+        ref_key: "fileInput",
+        ref: a,
+        onChange: f,
+        multiple: "",
+        style: { display: "none" }
+      }, null, 544)
+    ], 32));
+  }
+}, Q = {
+  key: 0,
+  class: "mn-big"
+}, W = { class: "flex-column block" }, X = ["src"], Y = ["onClick"], re = {
+  __name: "EditProductImages",
+  props: {
+    product: Object
+  },
+  setup(i) {
+    function c(s) {
+      console.log(s), console.log(x.current.images), x.current.images.push(...s);
+    }
+    function t(s) {
+      x.current.images.splice(s, 1);
+    }
+    return (s, a) => (n(), r("div", null, [
+      i.product.images.length < 1 ? (n(), r("p", Q, " The product doesn't have any images yet. ")) : y("", !0),
+      p(e(F), {
+        class: "cols-4 dragArea list-group w-full",
+        list: i.product.images,
+        sort: !0,
+        onChange: s.log
+      }, {
+        default: N(() => [
+          (n(!0), r(D, null, S(i.product.images, (l, f) => (n(), r("div", W, [
+            o("img", {
+              class: "w-100 mn-small",
+              src: l
+            }, null, 8, X),
+            o("a", {
+              onClick: (v) => t(f),
+              class: "w-100 br-grey br-solid br-1px button"
+            }, "Удалить", 8, Y)
+          ]))), 256))
+        ]),
+        _: 1
+      }, 8, ["list", "onChange"]),
+      p(K, {
+        "onUpdate:images": c,
+        uploadPath: "organizations/" + s.$route.params._id + "/products",
+        class: "mn-t-semi pd-small w-100 button bg-main"
+      }, null, 8, ["uploadPath"])
+    ]));
+  }
+};
+export {
+  ne as _,
+  oe as a,
+  re as b
+};