@ozdao/prometheus-framework 0.0.87 → 0.0.89

package/dist/ProductEdit-57484f1e.mjs

@@ -0,0 +1,349 @@
+import { toRefs as A, openBlock as n, createElementBlock as c, createTextVNode as C, toDisplayString as w, unref as s, createVNode as d, createElementVNode as e, createCommentVNode as k, createBlock as E, withCtx as N, Fragment as P, renderList as z, ref as U, withModifiers as B, withAsyncContext as D } from "vue";
+import { useRoute as M, useRouter as R } from "vue-router";
+import { s as r, a as V, b as $, _ as F, c as T } from "./organizations.client-686845be.mjs";
+import "./inputs.validation-6960f71b.mjs";
+import { F as v, b as L, a as j } from "./auth-35ef1791.mjs";
+import { C as O } from "./Breadcrumbs.vue_vue_type_style_index_0_lang-cdbafd07.mjs";
+import "vue-i18n";
+import { S as q } from "./Publics-9ebffff1.mjs";
+import { u as G } from "./vuex.esm-bundler-57d8b6ba.mjs";
+import { V as H } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
+import "./globals-96ba60e4.mjs";
+import "./Tab-58cd105f.mjs";
+import "./ButtonFollow-728aab73.mjs";
+import "./Feed-dc8b66bf.mjs";
+import "./EmptyState-34d85f10.mjs";
+import "./CardHeader-ce5a1a75.mjs";
+import "./PlaceholderUserpic-995da0fc.mjs";
+import "./Feed-a31c43c2.mjs";
+import "./IconEdit-e9fd4c6c.mjs";
+import "./organizations-1b4c84ee.mjs";
+import "./UploadImage-ff8f9a0c.mjs";
+import "./CardOrganization-f70bd169.mjs";
+const J = { class: "mn-big flex-column flex" }, K = {
+  __name: "EditProductInfo",
+  props: {
+    product: Object
+  },
+  setup(m) {
+    const u = m, o = G();
+    return A(u), (t, l) => (n(), c("div", J, [
+      C(w(s(o).products.current) + " ", 1),
+      d(q, {
+        options: [
+          "unpublished",
+          "published",
+          "archivied"
+        ],
+        select: s(o).products.state.current.status,
+        "onUpdate:select": l[0] || (l[0] = (a) => s(o).products.state.current.status = a),
+        placeholder: "Display product",
+        class: "w-100 mn-small bg-white radius-small pd-medium"
+      }, null, 8, ["select"]),
+      d(v, {
+        field: s(o).products.state.current.name,
+        "onUpdate:field": l[1] || (l[1] = (a) => s(o).products.state.current.name = a),
+        placeholder: "Введите название",
+        class: "w-100 mn-small bg-white radius-small pd-medium"
+      }, null, 8, ["field"]),
+      d(v, {
+        field: s(o).products.state.current.price,
+        "onUpdate:field": l[2] || (l[2] = (a) => s(o).products.state.current.price = a),
+        placeholder: "Введите цену",
+        class: "w-100 mn-small bg-white radius-small pd-medium",
+        type: "number"
+      }, null, 8, ["field"]),
+      d(v, {
+        field: s(o).products.state.current.description,
+        "onUpdate:field": l[3] || (l[3] = (a) => s(o).products.state.current.description = a),
+        placeholder: "Введите описание",
+        class: "w-100 mn-small bg-white radius-small pd-medium",
+        type: "textarea"
+      }, null, 8, ["field"])
+    ]));
+  }
+}, Q = { class: "mn-big" }, W = { class: "mn-small flex-nowrap flex" }, X = { class: "mn-r-thin" }, Y = { class: "flex-column flex" }, Z = {
+  key: 0,
+  class: "w-100 mn-small"
+}, ee = ["onClick"], te = /* @__PURE__ */ e("svg", {
+  class: "i-small",
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ e("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), se = [
+  te
+], S = {
+  __name: "EditParameters",
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    title: String,
+    addButtonLabel: String,
+    emptyMessage: String,
+    keyName: String,
+    valueName: String
+  },
+  emits: ["add-info", "delete-info"],
+  setup(m, { emit: u }) {
+    const o = m;
+    function t() {
+      u("add-info", {});
+    }
+    function l(i) {
+      u("delete-info", i);
+    }
+    const { items: a, title: _, emptyMessage: b, addButtonLabel: f, keyName: p, valueName: g } = A(o);
+    return (i, I) => (n(), c("div", Q, [
+      e("div", W, [
+        e("h5", X, w(s(_)), 1),
+        e("button", {
+          onClick: t,
+          class: "i-small pd-thin button-delete button"
+        }, "+")
+      ]),
+      e("div", Y, [
+        s(a).length == 0 ? (n(), c("p", Z, w(s(b)), 1)) : k("", !0),
+        s(a).length == 0 ? (n(), E(L, {
+          key: 1,
+          onClick: t,
+          class: "button"
+        }, {
+          default: N(() => [
+            C(w(s(f)), 1)
+          ]),
+          _: 1
+        })) : k("", !0),
+        (n(!0), c(P, null, z(s(a), (h, x) => (n(), c("div", {
+          class: "mn-medium w-100 flex-nowrap flex",
+          key: x
+        }, [
+          d(v, {
+            field: h[s(p)],
+            "onUpdate:field": (y) => h[s(p)] = y,
+            placeholder: "Название параметра",
+            class: "w-100 mn-r-small bg-white radius-small pd-medium"
+          }, null, 8, ["field", "onUpdate:field"]),
+          d(v, {
+            field: h[s(g)],
+            "onUpdate:field": (y) => h[s(g)] = y,
+            placeholder: "Значение параметра",
+            class: "w-100 bg-white radius-small pd-medium"
+          }, null, 8, ["field", "onUpdate:field"]),
+          e("button", {
+            onClick: (y) => l(x),
+            class: "mn-l-small button"
+          }, se, 8, ee)
+        ]))), 128))
+      ])
+    ]));
+  }
+}, oe = /* @__PURE__ */ e("div", { class: "flex-v-center flex-h-center flex w-100 h-100" }, " upload ", -1), ae = {
+  __name: "UploadImageMultiple",
+  props: [
+    "uploadPath"
+  ],
+  emits: ["update:images"],
+  setup(m, { emit: u }) {
+    const o = m, t = U([]), l = U(null);
+    function a() {
+      l.value.click();
+    }
+    async function _(f) {
+      let p = f.target.files, g = new FormData();
+      for (let i = 0; i < p.length; i++)
+        g.append("file", p[i]);
+      try {
+        (await j.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/multiple?folderName=${encodeURIComponent(o.uploadPath)}`, g, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        })).data.forEach((h) => {
+          t.value.push(h.filepath);
+        }), u("update:images", t.value);
+      } catch (i) {
+        console.error(i);
+      }
+    }
+    function b(f) {
+      f.preventDefault(), _({
+        target: {
+          files: f.dataTransfer.files
+        }
+      });
+    }
+    return (f, p) => (n(), c("div", {
+      onClick: a,
+      onDrop: b,
+      onDragover: p[0] || (p[0] = B(() => {
+      }, ["prevent"])),
+      class: "flex-v-center flex-h-center flex"
+    }, [
+      oe,
+      e("input", {
+        type: "file",
+        ref_key: "fileInput",
+        ref: l,
+        onChange: _,
+        multiple: "",
+        style: { display: "none" }
+      }, null, 544)
+    ], 32));
+  }
+}, le = {
+  key: 0,
+  class: "mn-big"
+}, ne = { class: "flex-column block" }, re = ["src"], ie = ["onClick"], de = {
+  __name: "EditProductImages",
+  props: {
+    product: Object
+  },
+  setup(m) {
+    function u(t) {
+      console.log(t), console.log(r.current.images), r.current.images.push(...t);
+    }
+    function o(t) {
+      r.current.images.splice(t, 1);
+    }
+    return (t, l) => (n(), c("div", null, [
+      m.product.images.length < 1 ? (n(), c("p", le, " The product doesn't have any images yet. ")) : k("", !0),
+      d(s(H), {
+        class: "cols-4 dragArea list-group w-full",
+        list: m.product.images,
+        sort: !0,
+        onChange: t.log
+      }, {
+        default: N(() => [
+          (n(!0), c(P, null, z(m.product.images, (a, _) => (n(), c("div", ne, [
+            e("img", {
+              class: "w-100 mn-small",
+              src: a
+            }, null, 8, re),
+            e("a", {
+              onClick: (b) => o(_),
+              class: "w-100 br-grey br-solid br-1px button"
+            }, "Удалить", 8, ie)
+          ]))), 256))
+        ]),
+        _: 1
+      }, 8, ["list", "onChange"]),
+      d(ae, {
+        "onUpdate:images": u,
+        uploadPath: "organizations/" + t.$route.params._id + "/products",
+        class: "mn-t-semi pd-small w-100 button bg-main"
+      }, null, 8, ["uploadPath"])
+    ]));
+  }
+};
+const ce = { class: "for-transition w-100" }, ue = { class: "pd-b-zero pd-t-zero pd-thin" }, me = { class: "pd-thin" }, pe = { class: "flex-nowrap flex bg-grey pd-medium radius-big" }, fe = {
+  key: 0,
+  class: "mn-r-auto"
+}, he = {
+  key: 1,
+  class: "mn-r-auto"
+}, _e = { class: "flex-nowrap flex pd-thin" }, ge = { class: "pd-b-zero pd-t-zero pd-thin cols-2 gap-thin" }, be = { class: "mn-thin bg-grey pd-medium o-hidden radius-big" }, ve = /* @__PURE__ */ e("h3", { class: "mn-semi" }, "Profile", -1), ye = { class: "mn-semi" }, we = /* @__PURE__ */ e("h5", null, "Categories", -1), xe = { class: "" }, $e = { class: "mn-thin bg-grey pd-medium o-hidden radius-big" }, ke = /* @__PURE__ */ e("h3", { class: "mn-semi" }, "Images", -1), Je = {
+  __name: "ProductEdit",
+  async setup(m) {
+    let u, o;
+    const t = M(), l = R();
+    [u, o] = D(() => V.fetchCategories()), await u, o(), t.params.product && ([u, o] = D(() => $.read({ _id: t.params.product })), await u, o());
+    function a() {
+      r.current.information.push({ name: "", value: "" });
+    }
+    function _(i) {
+      r.current.information.splice(i, 1);
+    }
+    function b() {
+      r.current.localization.push({ locale: "", text: "" });
+    }
+    function f(i) {
+      r.current.localization.splice(i, 1);
+    }
+    function p() {
+      t.params.product ? $.update(t.params.product, r.current) : $.create(t.params._id, r.current);
+    }
+    function g() {
+      l.push({ name: "ProductEdit", params: { _id: t.params._id, product: r.current._id } });
+    }
+    return (i, I) => (n(), c("div", ce, [
+      e("div", ue, [
+        d(F, { class: "pd-medium bg-grey radius-big" })
+      ]),
+      e("div", me, [
+        e("header", pe, [
+          s(t).params.product ? (n(), c("h1", fe, "Edit Product")) : (n(), c("h1", he, "Create Product")),
+          e("section", _e, [
+            d(L, {
+              submit: p,
+              callback: g
+            }, {
+              default: N(() => [
+                C("Save Product")
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      e("div", ge, [
+        e("div", be, [
+          ve,
+          d(K, {
+            product: r.current
+          }, null, 8, ["product"]),
+          e("div", ye, [
+            we,
+            (n(!0), c(P, null, z(T.all, (h, x) => (n(), E(O, {
+              label: h.name,
+              name: "categories",
+              value: h.url,
+              class: "w-100 mn-t-small bg-white radius-small pd-small",
+              radio: r.current.category
+            }, null, 8, ["label", "value", "radio"]))), 256))
+          ]),
+          d(S, {
+            items: r.current.information,
+            title: "Parameters",
+            emptyMessage: "No parameters",
+            addButtonLabel: "Add parameter",
+            keyName: "name",
+            valueName: "value",
+            onAddInfo: a,
+            onDeleteInfo: _
+          }, null, 8, ["items"]),
+          d(S, {
+            items: r.current.localization,
+            title: "Localization",
+            emptyMessage: "No localizations",
+            addButtonLabel: "Add localization",
+            keyName: "locale",
+            valueName: "text",
+            onAddInfo: b,
+            onDeleteInfo: f
+          }, null, 8, ["items"])
+        ]),
+        e("div", xe, [
+          e("div", $e, [
+            ke,
+            d(de, {
+              product: r.current
+            }, null, 8, ["product"])
+          ])
+        ])
+      ])
+    ]));
+  }
+};
+export {
+  Je as default
+};

package/dist/ProductEdit-61413d02.mjs

@@ -0,0 +1,349 @@
+import { toRefs as A, openBlock as n, createElementBlock as c, createTextVNode as C, toDisplayString as w, unref as s, createVNode as d, createElementVNode as e, createCommentVNode as k, createBlock as E, withCtx as N, Fragment as P, renderList as z, ref as U, withModifiers as B, withAsyncContext as D } from "vue";
+import { useRoute as M, useRouter as R } from "vue-router";
+import { s as r, a as V, b as $, _ as F, c as T } from "./organizations.client-7937e180.mjs";
+import "./inputs.validation-14e8e01f.mjs";
+import { F as v, b as L, a as j } from "./auth-fefd15a3.mjs";
+import { C as O } from "./Breadcrumbs.vue_vue_type_style_index_0_lang-afba007a.mjs";
+import "vue-i18n";
+import { S as q } from "./Publics-0e44c61e.mjs";
+import { u as G } from "./vuex.esm-bundler-57d8b6ba.mjs";
+import { V as H } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
+import "./globals-96ba60e4.mjs";
+import "./Tab-a243605d.mjs";
+import "./ButtonFollow-001c4a65.mjs";
+import "./Feed-76b2997e.mjs";
+import "./EmptyState-34d85f10.mjs";
+import "./CardHeader-e361dada.mjs";
+import "./PlaceholderUserpic-eb9820ce.mjs";
+import "./Feed-4b28adc5.mjs";
+import "./IconEdit-8df23653.mjs";
+import "./organizations-1581c013.mjs";
+import "./UploadImage-6e312c46.mjs";
+import "./CardOrganization-bacc2ef6.mjs";
+const J = { class: "mn-big flex-column flex" }, K = {
+  __name: "EditProductInfo",
+  props: {
+    product: Object
+  },
+  setup(m) {
+    const u = m, o = G();
+    return A(u), (t, l) => (n(), c("div", J, [
+      C(w(s(o).products.current) + " ", 1),
+      d(q, {
+        options: [
+          "unpublished",
+          "published",
+          "archivied"
+        ],
+        select: s(o).products.state.current.status,
+        "onUpdate:select": l[0] || (l[0] = (a) => s(o).products.state.current.status = a),
+        placeholder: "Display product",
+        class: "w-100 mn-small bg-white radius-small pd-medium"
+      }, null, 8, ["select"]),
+      d(v, {
+        field: s(o).products.state.current.name,
+        "onUpdate:field": l[1] || (l[1] = (a) => s(o).products.state.current.name = a),
+        placeholder: "Введите название",
+        class: "w-100 mn-small bg-white radius-small pd-medium"
+      }, null, 8, ["field"]),
+      d(v, {
+        field: s(o).products.state.current.price,
+        "onUpdate:field": l[2] || (l[2] = (a) => s(o).products.state.current.price = a),
+        placeholder: "Введите цену",
+        class: "w-100 mn-small bg-white radius-small pd-medium",
+        type: "number"
+      }, null, 8, ["field"]),
+      d(v, {
+        field: s(o).products.state.current.description,
+        "onUpdate:field": l[3] || (l[3] = (a) => s(o).products.state.current.description = a),
+        placeholder: "Введите описание",
+        class: "w-100 mn-small bg-white radius-small pd-medium",
+        type: "textarea"
+      }, null, 8, ["field"])
+    ]));
+  }
+}, Q = { class: "mn-big" }, W = { class: "mn-small flex-nowrap flex" }, X = { class: "mn-r-thin" }, Y = { class: "flex-column flex" }, Z = {
+  key: 0,
+  class: "w-100 mn-small"
+}, ee = ["onClick"], te = /* @__PURE__ */ e("svg", {
+  class: "i-small",
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ e("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), se = [
+  te
+], S = {
+  __name: "EditParameters",
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    title: String,
+    addButtonLabel: String,
+    emptyMessage: String,
+    keyName: String,
+    valueName: String
+  },
+  emits: ["add-info", "delete-info"],
+  setup(m, { emit: u }) {
+    const o = m;
+    function t() {
+      u("add-info", {});
+    }
+    function l(i) {
+      u("delete-info", i);
+    }
+    const { items: a, title: _, emptyMessage: b, addButtonLabel: f, keyName: p, valueName: g } = A(o);
+    return (i, I) => (n(), c("div", Q, [
+      e("div", W, [
+        e("h5", X, w(s(_)), 1),
+        e("button", {
+          onClick: t,
+          class: "i-small pd-thin button-delete button"
+        }, "+")
+      ]),
+      e("div", Y, [
+        s(a).length == 0 ? (n(), c("p", Z, w(s(b)), 1)) : k("", !0),
+        s(a).length == 0 ? (n(), E(L, {
+          key: 1,
+          onClick: t,
+          class: "button"
+        }, {
+          default: N(() => [
+            C(w(s(f)), 1)
+          ]),
+          _: 1
+        })) : k("", !0),
+        (n(!0), c(P, null, z(s(a), (h, x) => (n(), c("div", {
+          class: "mn-medium w-100 flex-nowrap flex",
+          key: x
+        }, [
+          d(v, {
+            field: h[s(p)],
+            "onUpdate:field": (y) => h[s(p)] = y,
+            placeholder: "Название параметра",
+            class: "w-100 mn-r-small bg-white radius-small pd-medium"
+          }, null, 8, ["field", "onUpdate:field"]),
+          d(v, {
+            field: h[s(g)],
+            "onUpdate:field": (y) => h[s(g)] = y,
+            placeholder: "Значение параметра",
+            class: "w-100 bg-white radius-small pd-medium"
+          }, null, 8, ["field", "onUpdate:field"]),
+          e("button", {
+            onClick: (y) => l(x),
+            class: "mn-l-small button"
+          }, se, 8, ee)
+        ]))), 128))
+      ])
+    ]));
+  }
+}, oe = /* @__PURE__ */ e("div", { class: "flex-v-center flex-h-center flex w-100 h-100" }, " upload ", -1), ae = {
+  __name: "UploadImageMultiple",
+  props: [
+    "uploadPath"
+  ],
+  emits: ["update:images"],
+  setup(m, { emit: u }) {
+    const o = m, t = U([]), l = U(null);
+    function a() {
+      l.value.click();
+    }
+    async function _(f) {
+      let p = f.target.files, g = new FormData();
+      for (let i = 0; i < p.length; i++)
+        g.append("file", p[i]);
+      try {
+        (await j.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/multiple?folderName=${encodeURIComponent(o.uploadPath)}`, g, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        })).data.forEach((h) => {
+          t.value.push(h.filepath);
+        }), u("update:images", t.value);
+      } catch (i) {
+        console.error(i);
+      }
+    }
+    function b(f) {
+      f.preventDefault(), _({
+        target: {
+          files: f.dataTransfer.files
+        }
+      });
+    }
+    return (f, p) => (n(), c("div", {
+      onClick: a,
+      onDrop: b,
+      onDragover: p[0] || (p[0] = B(() => {
+      }, ["prevent"])),
+      class: "flex-v-center flex-h-center flex"
+    }, [
+      oe,
+      e("input", {
+        type: "file",
+        ref_key: "fileInput",
+        ref: l,
+        onChange: _,
+        multiple: "",
+        style: { display: "none" }
+      }, null, 544)
+    ], 32));
+  }
+}, le = {
+  key: 0,
+  class: "mn-big"
+}, ne = { class: "flex-column block" }, re = ["src"], ie = ["onClick"], de = {
+  __name: "EditProductImages",
+  props: {
+    product: Object
+  },
+  setup(m) {
+    function u(t) {
+      console.log(t), console.log(r.current.images), r.current.images.push(...t);
+    }
+    function o(t) {
+      r.current.images.splice(t, 1);
+    }
+    return (t, l) => (n(), c("div", null, [
+      m.product.images.length < 1 ? (n(), c("p", le, " The product doesn't have any images yet. ")) : k("", !0),
+      d(s(H), {
+        class: "cols-4 dragArea list-group w-full",
+        list: m.product.images,
+        sort: !0,
+        onChange: t.log
+      }, {
+        default: N(() => [
+          (n(!0), c(P, null, z(m.product.images, (a, _) => (n(), c("div", ne, [
+            e("img", {
+              class: "w-100 mn-small",
+              src: a
+            }, null, 8, re),
+            e("a", {
+              onClick: (b) => o(_),
+              class: "w-100 br-grey br-solid br-1px button"
+            }, "Удалить", 8, ie)
+          ]))), 256))
+        ]),
+        _: 1
+      }, 8, ["list", "onChange"]),
+      d(ae, {
+        "onUpdate:images": u,
+        uploadPath: "organizations/" + t.$route.params._id + "/products",
+        class: "mn-t-semi pd-small w-100 button bg-main"
+      }, null, 8, ["uploadPath"])
+    ]));
+  }
+};
+const ce = { class: "for-transition w-100" }, ue = { class: "pd-b-zero pd-t-zero pd-thin" }, me = { class: "pd-thin" }, pe = { class: "flex-nowrap flex bg-grey pd-medium radius-big" }, fe = {
+  key: 0,
+  class: "mn-r-auto"
+}, he = {
+  key: 1,
+  class: "mn-r-auto"
+}, _e = { class: "flex-nowrap flex pd-thin" }, ge = { class: "pd-b-zero pd-t-zero pd-thin cols-2 gap-thin" }, be = { class: "mn-thin bg-grey pd-medium o-hidden radius-big" }, ve = /* @__PURE__ */ e("h3", { class: "mn-semi" }, "Profile", -1), ye = { class: "mn-semi" }, we = /* @__PURE__ */ e("h5", null, "Categories", -1), xe = { class: "" }, $e = { class: "mn-thin bg-grey pd-medium o-hidden radius-big" }, ke = /* @__PURE__ */ e("h3", { class: "mn-semi" }, "Images", -1), Je = {
+  __name: "ProductEdit",
+  async setup(m) {
+    let u, o;
+    const t = M(), l = R();
+    [u, o] = D(() => V.fetchCategories()), await u, o(), t.params.product && ([u, o] = D(() => $.read({ _id: t.params.product })), await u, o());
+    function a() {
+      r.current.information.push({ name: "", value: "" });
+    }
+    function _(i) {
+      r.current.information.splice(i, 1);
+    }
+    function b() {
+      r.current.localization.push({ locale: "", text: "" });
+    }
+    function f(i) {
+      r.current.localization.splice(i, 1);
+    }
+    function p() {
+      t.params.product ? $.update(t.params.product, r.current) : $.create(t.params._id, r.current);
+    }
+    function g() {
+      l.push({ name: "ProductEdit", params: { _id: t.params._id, product: r.current._id } });
+    }
+    return (i, I) => (n(), c("div", ce, [
+      e("div", ue, [
+        d(F, { class: "pd-medium bg-grey radius-big" })
+      ]),
+      e("div", me, [
+        e("header", pe, [
+          s(t).params.product ? (n(), c("h1", fe, "Edit Product")) : (n(), c("h1", he, "Create Product")),
+          e("section", _e, [
+            d(L, {
+              submit: p,
+              callback: g
+            }, {
+              default: N(() => [
+                C("Save Product")
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      e("div", ge, [
+        e("div", be, [
+          ve,
+          d(K, {
+            product: r.current
+          }, null, 8, ["product"]),
+          e("div", ye, [
+            we,
+            (n(!0), c(P, null, z(T.all, (h, x) => (n(), E(O, {
+              label: h.name,
+              name: "categories",
+              value: h.url,
+              class: "w-100 mn-t-small bg-white radius-small pd-small",
+              radio: r.current.category
+            }, null, 8, ["label", "value", "radio"]))), 256))
+          ]),
+          d(S, {
+            items: r.current.information,
+            title: "Parameters",
+            emptyMessage: "No parameters",
+            addButtonLabel: "Add parameter",
+            keyName: "name",
+            valueName: "value",
+            onAddInfo: a,
+            onDeleteInfo: _
+          }, null, 8, ["items"]),
+          d(S, {
+            items: r.current.localization,
+            title: "Localization",
+            emptyMessage: "No localizations",
+            addButtonLabel: "Add localization",
+            keyName: "locale",
+            valueName: "text",
+            onAddInfo: b,
+            onDeleteInfo: f
+          }, null, 8, ["items"])
+        ]),
+        e("div", xe, [
+          e("div", $e, [
+            ke,
+            d(de, {
+              product: r.current
+            }, null, 8, ["product"])
+          ])
+        ])
+      ])
+    ]));
+  }
+};
+export {
+  Je as default
+};