@ozdao/prometheus-framework 0.0.93 → 0.0.95

package/dist/ProductEdit-3aecb5bf.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("vue-router"),n=require("./organizations.client-c6fd9351.js");require("./inputs.validation-24ae76b9.js");const p=require("./auth-5a58f8cb.js"),k=require("./Breadcrumbs.vue_vue_type_style_index_0_lang-e32a3041.js");require("vue-i18n");const y=require("./Publics-103da60e.js"),x=require("./vuex.esm-bundler-e8cf3cd2.js"),E=require("./vue-draggable-next.esm-bundler-80731ae0.js");require("./globals-928eb13c.js");require("./Tab-6f0a4909.js");require("./ButtonFollow-959861db.js");require("./_plugin-vue_export-helper-f246444f.js");require("./Feed-a2870bbf.js");require("./EmptyState-7658d7d6.js");require("./Chips-2a0d9bfe.js");require("./PlaceholderUserpic-20d58460.js");require("./Feed-c25dc839.js");require("./IconEdit-823ddda9.js");require("./CardOrganization-82c5b4c6.js");require("./organizations-e97a0f85.js");require("./UploadImage-73d66f27.js");const V={class:"mn-big flex-column flex"},w={__name:"EditProductInfo",props:{product:Object},setup(c){const s=c,o=x.useStore();return e.toRefs(s),(t,l)=>(e.openBlock(),e.createElementBlock("div",V,[e.createTextVNode(e.toDisplayString(e.unref(o).products.current)+" ",1),e.createVNode(y.Select,{options:["unpublished","published","archivied"],select:e.unref(o).products.state.current.status,"onUpdate:select":l[0]||(l[0]=r=>e.unref(o).products.state.current.status=r),placeholder:"Display product",class:"w-100 mn-small bg-white radius-small pd-medium"},null,8,["select"]),e.createVNode(p.Field,{field:e.unref(o).products.state.current.name,"onUpdate:field":l[1]||(l[1]=r=>e.unref(o).products.state.current.name=r),placeholder:"Введите название",class:"w-100 mn-small bg-white radius-small pd-medium"},null,8,["field"]),e.createVNode(p.Field,{field:e.unref(o).products.state.current.price,"onUpdate:field":l[2]||(l[2]=r=>e.unref(o).products.state.current.price=r),placeholder:"Введите цену",class:"w-100 mn-small bg-white radius-small pd-medium",type:"number"},null,8,["field"]),e.createVNode(p.Field,{field:e.unref(o).products.state.current.description,"onUpdate:field":l[3]||(l[3]=r=>e.unref(o).products.state.current.description=r),placeholder:"Введите описание",class:"w-100 mn-small bg-white radius-small pd-medium",type:"textarea"},null,8,["field"])]))}},B={class:"mn-big"},C={class:"mn-small flex-nowrap flex"},$={class:"mn-r-thin"},q={class:"flex-column flex"},P={key:0,class:"w-100 mn-small"},z=["onClick"],D=e.createElementVNode("svg",{class:"i-small",fill:"none",height:"20",viewBox:"0 0 20 20",width:"20",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("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),I=[D],N={__name:"EditParameters",props:{items:{type:Array,default:()=>[]},title:String,addButtonLabel:String,emptyMessage:String,keyName:String,valueName:String},emits:["add-info","delete-info"],setup(c,{emit:s}){const o=c;function t(){s("add-info",{})}function l(a){s("delete-info",a)}const{items:r,title:m,emptyMessage:_,addButtonLabel:d,keyName:i,valueName:f}=e.toRefs(o);return(a,v)=>(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",C,[e.createElementVNode("h5",$,e.toDisplayString(e.unref(m)),1),e.createElementVNode("button",{onClick:t,class:"i-small pd-thin button-delete button"},"+")]),e.createElementVNode("div",q,[e.unref(r).length==0?(e.openBlock(),e.createElementBlock("p",P,e.toDisplayString(e.unref(_)),1)):e.createCommentVNode("",!0),e.unref(r).length==0?(e.openBlock(),e.createBlock(p._sfc_main,{key:1,onClick:t,class:"button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)),1)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),(u,g)=>(e.openBlock(),e.createElementBlock("div",{class:"mn-medium w-100 flex-nowrap flex",key:g},[e.createVNode(p.Field,{field:u[e.unref(i)],"onUpdate:field":h=>u[e.unref(i)]=h,placeholder:"Название параметра",class:"w-100 mn-r-small bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createVNode(p.Field,{field:u[e.unref(f)],"onUpdate:field":h=>u[e.unref(f)]=h,placeholder:"Значение параметра",class:"w-100 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createElementVNode("button",{onClick:h=>l(g),class:"mn-l-small button"},I,8,z)]))),128))])]))}},S=e.createElementVNode("div",{class:"flex-v-center flex-h-center flex w-100 h-100"}," upload ",-1),U={__name:"UploadImageMultiple",props:["uploadPath"],emits:["update:images"],setup(c,{emit:s}){const o=c,t=e.ref([]),l=e.ref(null);function r(){l.value.click()}async function m(d){let i=d.target.files,f=new FormData;for(let a=0;a<i.length;a++)f.append("file",i[a]);try{(await p.axios.create({baseURL:process.env.API_URL,withCredentials:!0}).post(`/api/upload/multiple?folderName=${encodeURIComponent(o.uploadPath)}`,f,{headers:{"Content-Type":"multipart/form-data"}})).data.forEach(u=>{t.value.push(u.filepath)}),s("update:images",t.value)}catch(a){console.error(a)}}function _(d){d.preventDefault(),m({target:{files:d.dataTransfer.files}})}return(d,i)=>(e.openBlock(),e.createElementBlock("div",{onClick:r,onDrop:_,onDragover:i[0]||(i[0]=e.withModifiers(()=>{},["prevent"])),class:"flex-v-center flex-h-center flex"},[S,e.createElementVNode("input",{type:"file",ref_key:"fileInput",ref:l,onChange:m,multiple:"",style:{display:"none"}},null,544)],32))}},L={key:0,class:"mn-big"},A={class:"flex-column block"},F=["src"],R=["onClick"],T={__name:"EditProductImages",props:{product:Object},setup(c){function s(t){console.log(t),console.log(n.state.current.images),n.state.current.images.push(...t)}function o(t){n.state.current.images.splice(t,1)}return(t,l)=>(e.openBlock(),e.createElementBlock("div",null,[c.product.images.length<1?(e.openBlock(),e.createElementBlock("p",L," The product doesn't have any images yet. ")):e.createCommentVNode("",!0),e.createVNode(e.unref(E.VueDraggableNext),{class:"cols-4 dragArea list-group w-full",list:c.product.images,sort:!0,onChange:t.log},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.product.images,(r,m)=>(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("img",{class:"w-100 mn-small",src:r},null,8,F),e.createElementVNode("a",{onClick:_=>o(m),class:"w-100 br-grey br-solid br-1px button"},"Удалить",8,R)]))),256))]),_:1},8,["list","onChange"]),e.createVNode(U,{"onUpdate:images":s,uploadPath:"organizations/"+t.$route.params._id+"/products",class:"mn-t-semi pd-small w-100 button bg-main"},null,8,["uploadPath"])]))}};const M={class:"for-transition w-100"},j={class:"pd-b-zero pd-t-zero pd-thin"},O={class:"pd-thin"},G={class:"flex-nowrap flex bg-grey pd-medium radius-big"},H={key:0,class:"mn-r-auto"},J={key:1,class:"mn-r-auto"},K={class:"flex-nowrap flex pd-thin"},Q={class:"pd-b-zero pd-t-zero pd-thin cols-2 gap-thin"},W={class:"mn-thin bg-grey pd-medium o-hidden radius-big"},X=e.createElementVNode("h3",{class:"mn-semi"},"Profile",-1),Y={class:"mn-semi"},Z=e.createElementVNode("h5",null,"Categories",-1),ee={class:""},te={class:"mn-thin bg-grey pd-medium o-hidden radius-big"},ne=e.createElementVNode("h3",{class:"mn-semi"},"Images",-1),oe={__name:"ProductEdit",async setup(c){let s,o;const t=b.useRoute(),l=b.useRouter();[s,o]=e.withAsyncContext(()=>n.actions.fetchCategories()),await s,o(),t.params.product&&([s,o]=e.withAsyncContext(()=>n.actions$1.read({_id:t.params.product})),await s,o());function r(){n.state.current.information.push({name:"",value:""})}function m(a){n.state.current.information.splice(a,1)}function _(){n.state.current.localization.push({locale:"",text:""})}function d(a){n.state.current.localization.splice(a,1)}function i(){t.params.product?n.actions$1.update(t.params.product,n.state.current):n.actions$1.create(t.params._id,n.state.current)}function f(){l.push({name:"ProductEdit",params:{_id:t.params._id,product:n.state.current._id}})}return(a,v)=>(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",j,[e.createVNode(n._sfc_main,{class:"pd-medium bg-grey radius-big"})]),e.createElementVNode("div",O,[e.createElementVNode("header",G,[e.unref(t).params.product?(e.openBlock(),e.createElementBlock("h1",H,"Edit Product")):(e.openBlock(),e.createElementBlock("h1",J,"Create Product")),e.createElementVNode("section",K,[e.createVNode(p._sfc_main,{submit:i,callback:f},{default:e.withCtx(()=>[e.createTextVNode("Save Product")]),_:1})])])]),e.createElementVNode("div",Q,[e.createElementVNode("div",W,[X,e.createVNode(w,{product:n.state.current},null,8,["product"]),e.createElementVNode("div",Y,[Z,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.state$1.all,(u,g)=>(e.openBlock(),e.createBlock(k.Checkbox,{label:u.name,name:"categories",value:u.url,class:"w-100 mn-t-small bg-white radius-small pd-small",radio:n.state.current.category},null,8,["label","value","radio"]))),256))]),e.createVNode(N,{items:n.state.current.information,title:"Parameters",emptyMessage:"No parameters",addButtonLabel:"Add parameter",keyName:"name",valueName:"value",onAddInfo:r,onDeleteInfo:m},null,8,["items"]),e.createVNode(N,{items:n.state.current.localization,title:"Localization",emptyMessage:"No localizations",addButtonLabel:"Add localization",keyName:"locale",valueName:"text",onAddInfo:_,onDeleteInfo:d},null,8,["items"])]),e.createElementVNode("div",ee,[e.createElementVNode("div",te,[ne,e.createVNode(T,{product:n.state.current},null,8,["product"])])])])]))}};exports.default=oe;

package/dist/ProductEdit-55b6cb06.mjs

@@ -0,0 +1,350 @@
+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-d0cae5f4.mjs";
+import "./inputs.validation-14e8e01f.mjs";
+import { F as b, _ as L, a as j } from "./auth-5217f6a5.mjs";
+import { C as O } from "./Breadcrumbs.vue_vue_type_style_index_0_lang-d9c6e4d1.mjs";
+import "vue-i18n";
+import { S as q } from "./Publics-f4c3ef5b.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-5e19fc49.mjs";
+import "./_plugin-vue_export-helper-dad06003.mjs";
+import "./Feed-986ddd21.mjs";
+import "./EmptyState-34d85f10.mjs";
+import "./Chips-f0b7ce36.mjs";
+import "./PlaceholderUserpic-14c6ea7e.mjs";
+import "./Feed-530e40ab.mjs";
+import "./IconEdit-f0ad8b9a.mjs";
+import "./CardOrganization-df0a4506.mjs";
+import "./organizations-2adff182.mjs";
+import "./UploadImage-a3ef4012.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(b, {
+        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(b, {
+        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(b, {
+        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: v, 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(v)), 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(b, {
+            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(b, {
+            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 v(f) {
+      f.preventDefault(), _({
+        target: {
+          files: f.dataTransfer.files
+        }
+      });
+    }
+    return (f, p) => (n(), c("div", {
+      onClick: a,
+      onDrop: v,
+      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: (v) => 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" }, ve = { class: "mn-thin bg-grey pd-medium o-hidden radius-big" }, be = /* @__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), Ke = {
+  __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 v() {
+      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", ve, [
+          be,
+          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: v,
+            onDeleteInfo: f
+          }, null, 8, ["items"])
+        ]),
+        e("div", xe, [
+          e("div", $e, [
+            ke,
+            d(de, {
+              product: r.current
+            }, null, 8, ["product"])
+          ])
+        ])
+      ])
+    ]));
+  }
+};
+export {
+  Ke as default
+};