@ozdao/prometheus-framework 0.0.85 → 0.0.87

package/dist/CardOrganization-f70bd169.mjs

@@ -0,0 +1,202 @@
+import { openBlock as i, createElementBlock as n, createCommentVNode as o, createElementVNode as e, createTextVNode as d, toDisplayString as s, Fragment as u, renderList as m, createBlock as h, withModifiers as f } from "vue";
+import { useRouter as g } from "vue-router";
+import { B as v } from "./ButtonFollow-728aab73.mjs";
+const b = { class: "flex-stretch flex-nojustify flex-nowrap flex shop-cart-item" }, w = ["src"], C = {
+  key: 1,
+  width: "524",
+  height: "345",
+  viewBox: "0 0 524 345",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "aspect-1x1",
+  style: { "object-fit": "cover" }
+}, x = /* @__PURE__ */ e("rect", {
+  width: "524",
+  height: "345",
+  fill: "white"
+}, null, -1), p = /* @__PURE__ */ e("rect", {
+  width: "524",
+  height: "345",
+  fill: "white"
+}, null, -1), y = /* @__PURE__ */ e("circle", {
+  cx: "262",
+  cy: "172",
+  r: "56",
+  fill: "#00ff88",
+  "fill-opacity": "0.1"
+}, null, -1), z = /* @__PURE__ */ e("path", {
+  fill: "#00ff88",
+  d: "M229.348 186.819C230.243 191.884 233.393 194.231 238.458 193.273V193.644C238.458 198.832 241.206 201.581 246.364 201.581H291.545C296.733 201.581 299.481 198.74 299.481 193.644V162.576C299.481 157.481 296.733 154.64 291.545 154.64H285.677L284.071 145.653C283.175 140.619 279.995 138.303 274.899 139.198L230.398 147.043C225.302 147.969 223.048 151.15 223.943 156.246L229.348 186.819ZM230.83 186.479L225.456 156.06C224.715 151.86 226.537 149.266 230.737 148.525L275.084 140.712C279.13 140.001 281.848 141.762 282.62 145.993L284.102 154.64H246.364C241.206 154.64 238.458 157.419 238.458 162.576V191.729L238.365 191.76C234.165 192.532 231.571 190.679 230.83 186.479ZM239.971 162.669C239.971 158.376 242.164 156.153 246.456 156.153H291.483C295.59 156.153 297.968 158.376 297.968 162.669V190.093L284.565 177.894C283.145 176.597 281.662 175.856 279.809 175.856C277.987 175.856 276.628 176.566 275.146 177.863L262.052 189.073L257.142 184.565C255.875 183.36 254.764 182.743 253.158 182.743C251.675 182.743 250.656 183.36 249.39 184.503L239.971 193.212V162.669ZM257.636 178.419C261.373 178.419 264.43 175.3 264.43 171.471C264.43 167.734 261.373 164.584 257.636 164.584C253.806 164.584 250.718 167.734 250.718 171.471C250.718 175.3 253.806 178.419 257.636 178.419Z"
+}, null, -1), $ = [
+  x,
+  p,
+  y,
+  z
+], k = { class: "text-left" }, _ = { class: "name" }, M = {
+  key: 0,
+  class: "t-transp"
+}, L = {
+  key: 1,
+  class: "t-transp"
+}, V = {
+  key: 2,
+  class: "t-transp"
+}, B = { class: "t-main t-demi price mn-small" }, O = { key: 0 }, I = {
+  key: 0,
+  class: "flex-nojustify flex"
+}, Z = { class: "flex-nowrap flex" }, j = /* @__PURE__ */ e("svg", {
+  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), F = [
+  j
+], H = {
+  __name: "CardOrderItem",
+  props: {
+    product: Object,
+    editable: String,
+    increase: Function,
+    decrease: Function,
+    remove: Function
+  },
+  setup(t) {
+    return g(), (c, r) => (i(), n("div", b, [
+      t.product.images[0] ? (i(), n("img", {
+        key: 0,
+        class: "bg-grey aspect-1x1",
+        src: t.product.images[0]
+      }, null, 8, w)) : o("", !0),
+      t.product.images[0] ? o("", !0) : (i(), n("svg", C, $)),
+      e("div", k, [
+        e("p", _, [
+          d(s(t.product.name) + " ", 1),
+          t.product.size ? (i(), n("span", M, ", " + s(t.product.size), 1)) : o("", !0),
+          typeof t.product.color == "string" && t.product.size ? (i(), n("span", L, ", ")) : o("", !0),
+          typeof t.product.color == "string" ? (i(), n("span", V, s(t.product.color), 1)) : o("", !0)
+        ]),
+        e("p", B, [
+          t.editable ? (i(), n("span", O, s(t.product.quantity) + " x ", 1)) : o("", !0),
+          d(s(t.product.price) + " " + s(c.returnCurrency()), 1)
+        ]),
+        t.editable ? (i(), n("div", I, [
+          e("div", Z, [
+            e("button", {
+              onClick: r[0] || (r[0] = (l) => t.decrease(t.product)),
+              class: "mn-r-thin bg-grey button-square button"
+            }, "-"),
+            e("button", {
+              onClick: r[1] || (r[1] = (l) => t.increase(t.product)),
+              class: "mn-r-thin bg-grey button-square button"
+            }, "+")
+          ]),
+          e("button", {
+            onClick: r[2] || (r[2] = (l) => t.remove(t.product)),
+            class: "hover_br-transp hover_br-l-dark bg-transp button-square button"
+          }, F)
+        ])) : o("", !0)
+      ])
+    ]));
+  }
+}, q = { class: "pd-medium flex-v-center flex-nowrap flex" }, S = ["src"], N = {
+  key: 1,
+  class: "h-4r w-4r radius-extra",
+  width: "42",
+  height: "42",
+  viewBox: "0 0 42 42",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, E = /* @__PURE__ */ e("circle", {
+  fill: "rgb(var(--main))",
+  cx: "21",
+  cy: "21",
+  r: "21"
+}, null, -1), D = /* @__PURE__ */ e("path", {
+  fill: "#242424",
+  "fill-opacity": "0.1",
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M8.00233 37.4954C8.00078 37.4458 8 37.3961 8 37.3462C8 32.9066 11.5673 29.3077 15.9677 29.3077H26.0323C30.4328 29.3077 34 32.9066 34 37.3462C34 37.3961 33.9992 37.4458 33.9977 37.4954C30.4223 40.3165 25.9078 42 21 42C16.0922 42 11.5777 40.3164 8.00233 37.4954ZM21 9C16.5995 9 13.0323 12.5989 13.0323 17.0385C13.0323 21.478 16.5995 25.0769 21 25.0769C25.4005 25.0769 28.9677 21.478 28.9677 17.0385C28.9677 12.5989 25.4005 9 21 9Z"
+}, null, -1), P = [
+  E,
+  D
+], R = { class: "mn-l-small" }, T = { class: "h3 mn-r-semi mn-thin" }, U = {
+  key: 0,
+  class: "w-max star-container flex-v-center flex"
+}, A = { class: "mn-r-thin pd-r-thin pd-l-thin pd-micro radius-small t-semi uppercase bg-main p-small" }, G = ["src"], J = { class: "p-small t-semi mn-r-thin" }, K = { class: "p-small" }, Q = { class: "mn-thin" }, W = {
+  key: 0,
+  class: "pd-medium"
+}, X = { class: "mn-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium" }, Y = { class: "t-black p-medium t-semi" }, t1 = /* @__PURE__ */ e("span", { class: "mn-r-small" }, "30-60min", -1), e1 = /* @__PURE__ */ e("span", { class: "mn-r-auto" }, "$50 min", -1), i1 = { class: "d-block o-scroll flex-nowrap flex" }, n1 = /* @__PURE__ */ e("button", { class: "flex-center flex-nowrap flex shop-cart-item pd-thin radius-medium w-15r bg-main button" }, "View menu", -1), l1 = {
+  __name: "CardOrganization",
+  props: {
+    user: String,
+    organization: Object
+  },
+  emits: ["updateMembership"],
+  setup(t, { emit: c }) {
+    return g(), (r, l) => (i(), n("div", {
+      class: "bg-grey radius-big o-hidden",
+      onClick: l[1] || (l[1] = (a) => r.$router.push({ name: "Organization", params: { _id: t.organization._id } }))
+    }, [
+      e("div", q, [
+        t.organization.profile.photo && t.organization.profile.photo.length > 0 ? (i(), n("img", {
+          key: 0,
+          src: t.organization.profile.photo,
+          class: "h-4r w-4r radius-extra bg-main"
+        }, null, 8, S)) : (i(), n("svg", N, P)),
+        e("div", R, [
+          e("p", T, s(t.organization.profile.name), 1),
+          t.organization.ratingS ? (i(), n("div", U, [
+            e("span", A, s(t.organization.types[0]), 1),
+            (i(), n(u, null, m(5, (a) => e("img", {
+              class: "i-small mn-r-thin",
+              src: a <= t.organization.rating.median ? "/icons/star.svg" : "/icons/star-stroke.svg"
+            }, null, 8, G)), 64)),
+            e("span", J, s(t.organization.rating.median), 1),
+            e("span", K, "(" + s(t.organization.rating.amount) + ")", 1)
+          ])) : o("", !0),
+          e("div", null, [
+            e("p", Q, s(t.organization.numberOfMemberships) + " followers", 1),
+            t.user._id ? (i(), h(v, {
+              key: 0,
+              type: "organization",
+              isMember: t.organization.isMember,
+              targetId: t.organization._id,
+              userId: t.user,
+              class: "radius-big w-100",
+              onUpdateMembership: l[0] || (l[0] = (a) => c("updateMembership", a))
+            }, null, 8, ["isMember", "targetId", "userId"])) : o("", !0)
+          ])
+        ])
+      ]),
+      t.organization.products.length > 0 ? (i(), n("div", W, [
+        e("div", X, [
+          e("p", Y, s(t.organization.products.length) + " items: ", 1),
+          t1,
+          e1
+        ]),
+        e("div", i1, [
+          (i(!0), n(u, null, m(t.organization.products, (a) => (i(), h(H, {
+            onClick: f((s1) => r.$router.push({ name: "Product Organization", params: { _id: t.organization._id, product: a._id } }), ["stop"]),
+            key: a._id,
+            editable: !1,
+            product: a,
+            class: "pd-thin radius-medium w-15r br-solid br-grey br-1px bg-white mn-r-thin"
+          }, null, 8, ["onClick", "product"]))), 128)),
+          n1
+        ])
+      ])) : o("", !0)
+    ]));
+  }
+};
+export {
+  l1 as _
+};

package/dist/Comments-63f154a6.js

@@ -0,0 +1,9 @@
+"use strict";const e=require("vue"),B=require("./auth-5aa8e90c.js"),C=require("./vue-draggable-next.esm-bundler-80731ae0.js"),$=require("./CardHeader-925a972b.js");const N=["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,N),[[e.vModelText,o.prop[o.content]]])]))}};const V=["placeholder"],T={__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]]])]))}},_=["placeholder"],D={__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,_),[[e.vModelText,o.prop[o.content]]])]))}},U=["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,U),[[e.vModelText,o.prop[o.content]]])]))}},I=["src"],M={key:1,class:"t-transp pd-extra"},H={__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: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))}},S=["onMouseover"],A={key:0,class:"z-index-5 radius-thin mn-small relative left-0 mt-2 w-max bg-white shadow-lg rounded"},L=["onClick"],z=["onClick"],R=["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:T,Bullets:F,Caption:D,ImageUpload:H};function i(h="Textarea",k="",p,m){console.log("We are adding new block (functuin HandleAddBlock):"+h+k+p+m);let v={order:t.value.content.length+1,type:h,style:"",class:"",content:k,blocks:[],setFocus:!0};if(m&&m.blocks&&Array.isArray(m.blocks)){let x=m.blocks.map(E=>({...v,content:E.content})),b=[(m.index||p)+1,0].concat(x);t.value.content.splice.apply(t.value.content,b);const w=x[x.length-1];console.log("New block is"+w)}else p!==void 0?(t.value.content.splice(p+1,0,v),console.log("Latest block is"+v)):(console.log("Another block is"+v),t.value.content.push(v));a.value=null,r("update",t.value.content)}function s(h,k){const p=t.value.content.findIndex(m=>m===h);p!==-1&&(t.value.content[p]={...t.value.content[p],...k}),r("update",t.value.content)}function c(h){let k=t.value.content.findIndex(p=>p===h);k!==-1&&t.value.content.splice(k,1),t.value.content[k-1].setFocus=!0,r("update",t.value.content)}const a=e.ref(null),l=e.ref(!1),u=e.ref(!1);function f(){l.value=!0}function g(){l.value=!1}return e.watchEffect(()=>{t.value&&t.value.content.length===0&&i("Textarea",""),r("update",t.value.content)}),(h,k)=>(e.openBlock(),e.createElementBlock("section",null,[e.unref(t).content?(e.openBlock(),e.createBlock(e.unref(C.VueDraggableNext),{key:0,class:"w-full",list:e.unref(t).content,onStart:f,onEnd:g},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).content,(p,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,class:"relative"},[e.createElementVNode("div",{onMouseover:v=>(a.value=m,u.value=!1),class:"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,S),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",A,[e.createElementVNode("button",{onClick:v=>c(p),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Удалить",8,L),e.createElementVNode("button",{onClick:v=>i("ImageUpload","",m),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Добавить изображение",8,z),e.createElementVNode("button",{onClick:v=>i("H2","",m),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Добавить заголовок",8,R)])):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)]),_:2},1024)]))),128))]),_:1},8,["list"])):e.createCommentVNode("",!0)]))}},q={class:"mn-small"},K=e.createElementVNode("p",{class:"t-semi uppercase"},"Please log in to leave a comment.",-1),P=[K],W={key:1,class:"mn-small"},G=["onSubmit"],J=e.createElementVNode("button",{type:"submit",class:"mn-l-auto bg-main button"},"Send",-1),O={class:"pd-t-zero"},Q={class:"p-big"},X={__name:"Comments",props:["target","owner","type"],setup(o){const r=o,n=B.axios.create({baseURL:process.env.API_URL}),t=e.ref([]),d=e.ref(""),i=async()=>{const{data:c}=await n.get(`/comments/read?type=${r.type}&target=${r.target}`);t.value=c},s=async()=>{if(d.value)try{const c=await n.post("/comments/create",{target:r.target,user:r.owner,type:r.type,content:d.value});c.data.owner=r.owner,t.value.push(c.data),d.value=""}catch(c){console.error(c)}};return i(),(c,a)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,[e.createElementVNode("h3",q,e.toDisplayString(t.value.length)+" comments",1),o.owner?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:a[0]||(a[0]=l=>c.$router.push({name:"Sign In"})),class:"cursor-pointer mn-small section bg-black t-white flex-center flex radius-big"},P)),o.owner?(e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("form",{onSubmit:e.withModifiers(s,["prevent"]),class:"bg-grey radius-big pd-medium"},[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":a[1]||(a[1]=l=>d.value=l),placeholder:"Enter your comment",class:"pd-small p-big w-100 radius-small mn-r-small"},null,512),[[e.vModelText,d.value]]),J],40,G)])):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l._id,class:"comment mn-small radius-big pd-medium bg-grey"},[e.createVNode($._sfc_main,{class:"mn-medium",owner:{target:l.user},creator:{target:l.user},date:l.createdAt},null,8,["owner","creator","date"]),e.createElementVNode("div",O,[e.createElementVNode("p",Q,e.toDisplayString(l.content),1)])]))),128))]))}};exports._sfc_main=j;exports._sfc_main$1=X;exports._sfc_main$2=y;

package/dist/Comments-c092550f.mjs

@@ -0,0 +1,76 @@
+import { ref as u, openBlock as a, createElementBlock as r, createElementVNode as s, toDisplayString as d, createCommentVNode as p, withModifiers as _, withDirectives as b, vModelText as y, Fragment as h, renderList as w, createVNode as f } from "vue";
+import { a as k } from "./auth-35ef1791.mjs";
+import { _ as x } from "./CardHeader-ce5a1a75.mjs";
+const C = { class: "mn-small" }, $ = /* @__PURE__ */ s("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1), S = [
+  $
+], V = {
+  key: 1,
+  class: "mn-small"
+}, E = ["onSubmit"], L = /* @__PURE__ */ s("button", {
+  type: "submit",
+  class: "mn-l-auto bg-main button"
+}, "Send", -1), N = { class: "pd-t-zero" }, U = { class: "p-big" }, I = {
+  __name: "Comments",
+  props: ["target", "owner", "type"],
+  setup(m) {
+    const o = m, c = k.create({ baseURL: process.env.API_URL }), l = u([]), n = u(""), g = async () => {
+      const { data: e } = await c.get(`/comments/read?type=${o.type}&target=${o.target}`);
+      l.value = e;
+    }, v = async () => {
+      if (n.value)
+        try {
+          const e = await c.post("/comments/create", {
+            target: o.target,
+            user: o.owner,
+            type: o.type,
+            content: n.value
+          });
+          e.data.owner = o.owner, l.value.push(e.data), n.value = "";
+        } catch (e) {
+          console.error(e);
+        }
+    };
+    return g(), (e, i) => (a(), r("div", null, [
+      s("div", null, [
+        s("h3", C, d(l.value.length) + " comments", 1),
+        m.owner ? p("", !0) : (a(), r("div", {
+          key: 0,
+          onClick: i[0] || (i[0] = (t) => e.$router.push({ name: "Sign In" })),
+          class: "cursor-pointer mn-small section bg-black t-white flex-center flex radius-big"
+        }, S)),
+        m.owner ? (a(), r("div", V, [
+          s("form", {
+            onSubmit: _(v, ["prevent"]),
+            class: "bg-grey radius-big pd-medium"
+          }, [
+            b(s("textarea", {
+              "onUpdate:modelValue": i[1] || (i[1] = (t) => n.value = t),
+              placeholder: "Enter your comment",
+              class: "pd-small p-big w-100 radius-small mn-r-small"
+            }, null, 512), [
+              [y, n.value]
+            ]),
+            L
+          ], 40, E)
+        ])) : p("", !0)
+      ]),
+      (a(!0), r(h, null, w(l.value, (t) => (a(), r("div", {
+        key: t._id,
+        class: "comment mn-small radius-big pd-medium bg-grey"
+      }, [
+        f(x, {
+          class: "mn-medium",
+          owner: { target: t.user },
+          creator: { target: t.user },
+          date: t.createdAt
+        }, null, 8, ["owner", "creator", "date"]),
+        s("div", N, [
+          s("p", U, d(t.content), 1)
+        ])
+      ]))), 128))
+    ]));
+  }
+};
+export {
+  I as _
+};