@ozdao/prometheus-framework 0.1.30 → 0.1.31

package/dist/IconEdit-e4d0cc6e.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./_plugin-vue_export-helper-f246444f.js"),f=require("vue-router"),w=require("vue-i18n"),y=require("./Button-2ca405bd.js"),b=require("./Select-3ca5ab39.js"),C=require("./reports-270f69df.js"),k=require("./click-outside-0b0727d1.js"),x=require("./index-b41aac19.js"),u=require("./globals-928eb13c.js"),L={},P={width:"26",height:"26",viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$=e.createElementVNode("rect",{width:"24",height:"24",transform:"translate(1 1)"},null,-1),E=e.createElementVNode("path",{fill:"rgb(var(--black))","fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z"},null,-1),V=[$,E];function N(r,t){return e.openBlock(),e.createElementBlock("svg",P,V)}const S=m._export_sfc(L,[["render",N]]);const B={key:"popup-content",class:"pd-small popup-wrapper"},h={__name:"Popup",props:{isPopupOpen:{type:Boolean,default:!1},style:String},emits:["close-popup"],setup(r,{emit:t}){const n=r;function l(){t("close-popup")}e.watch(()=>n.isPopupOpen,i=>{i?document.body.classList.add("no-scroll"):document.body.classList.remove("no-scroll")}),f.useRoute(),f.useRouter();const s={messages:{en:{},ru:{}}};return w.useI18n(s),(i,o)=>r.isPopupOpen?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(e.Transition,{name:"TransitionTranslateY",appear:""},{default:e.withCtx(()=>[r.isPopupOpen?(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.Transition,{name:"TransitionTranslateY",mode:"out-in"},{default:e.withCtx(()=>[r.isPopupOpen?(e.openBlock(),e.createElementBlock("section",e.mergeProps({key:0,class:"pos-relative z-index-4"},i.$attrs),[e.createElementVNode("button",{onClick:o[0]||(o[0]=a=>l()),class:"pd-regular hover-scale-1 z-index-5 button-close-popup button"},[e.createVNode(S)]),e.renderSlot(i.$slots,"default")],16)):e.createCommentVNode("",!0)]),_:3}),e.createElementVNode("div",{onClick:o[1]||(o[1]=a=>l()),class:e.normalizeClass([{active:r.isPopupOpen===!0},"color-overlay z-index-3"])},null,2)])):e.createCommentVNode("",!0)]),_:3})])):e.createCommentVNode("",!0)}},O={},q={viewBox:"0 0 42 42",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T=e.createElementVNode("circle",{fill:"rgb(var(--main))",cx:"21",cy:"21",r:"21"},null,-1),R=e.createElementVNode("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),M=[T,R];function I(r,t){return e.openBlock(),e.createElementBlock("svg",q,M)}const j=m._export_sfc(O,[["render",I]]),D=e.createElementVNode("h3",{class:"mn-small"}," Report Content ",-1),Z=e.createElementVNode("p",{class:"p-medium mn-small"}," We strive to maintain a safe and comfortable environment for all users. If you encounter content that you believe violates our guidelines, please report it: ",-1),z=e.createElementVNode("p",{class:"p-medium mn-small"},"Our moderators will review your report within 24 hours and take action if it violates our policies.",-1),U={__name:"FormReport",props:{user:{type:String,required:!1},type:{type:String,required:!1},reason:{type:String,required:!1},target:{type:String,required:!0},text:{type:String,default:"!"},status:{type:String,default:"new"}},setup(r){const t=r,n=e.reactive({user:t.user,type:t.type,reason:t.reason,target:t.target,status:t.status});function l(){C.actions.create(n)}const s=e.ref(!1);function i(){s.value=!0}function o(){s.value=!1}return(a,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{onClick:p[0]||(p[0]=_=>i())},[e.renderSlot(a.$slots,"default")]),e.createVNode(h,{onClosePopup:o,isPopupOpen:s.value,class:"w-m-33r t-left pd-big bg-white radius-big"},{default:e.withCtx(()=>[D,Z,e.createVNode(b.Select,{select:n.reason,"onUpdate:select":p[1]||(p[1]=_=>n.reason=_),options:["harassment","spam","inappropriate","misinformation","copyright","other"],placeholder:"Select reason",class:"mn-small bg-white br-solid br-black-transp br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"},null,8,["select"]),z,e.createVNode(y._sfc_main,{submit:l,callback:o,class:"w-100 bg-black t-white"},{default:e.withCtx(()=>[e.createTextVNode(" Report ")]),_:1})]),_:1},8,["isPopupOpen"])],64))}};const A={__name:"Dropdown",props:{label:{type:String,default:"Open"},align:{type:String,default:"left"}},setup(r){let t=k.clickOutside;const n=e.ref(!1);function l(){n.value=!1}return(s,i)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"dropdown pos-relative",onClick:i[0]||(i[0]=e.withModifiers(o=>n.value=!n.value,["stop"]))},[e.createTextVNode(e.toDisplayString(r.label)+" ",1),e.createVNode(e.Transition,{name:"TransitionTranslateY",mode:"out-in"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{style:e.normalizeStyle({left:r.align==="left"?"0":"auto",right:r.align==="right"?"0":"auto"}),class:"dropdown-content w-15r radius-big"},[e.renderSlot(s.$slots,"default",{},void 0,!0)],4),[[e.vShow,n.value]])]),_:3})])),[[e.unref(t),l]])}},H=m._export_sfc(A,[["__scopeId","data-v-5646d77f"]]),d=x.axios.create({baseURL:process.env.API_URL,withCredentials:!0}),c=e.reactive({memberships:[],error:null}),v={async read({user:r,type:t,target:n,role:l}){try{const s=await d.get("/api/memberships",{params:{user:r,type:t,target:n,role:l}});return c.error=null,c.memberships=s.data,Promise.resolve(s.data)}catch(s){return u.setError(s),Promise.reject(s)}},async create(r){try{const t=await d.post("/api/memberships/create",r);return c.error=null,Promise.resolve(t.data)}catch(t){return u.setError(t),Promise.reject(t)}},async update(r){try{const t=await d.post("/api/memberships/update",r);return c.error=null,Promise.resolve(t.data)}catch(t){return u.setError(t),Promise.reject(t)}},async delete(r){try{const t=await d.post("/api/memberships/delete",r);return c.error=null,Promise.resolve(t.data)}catch(t){return u.setError(t),Promise.reject(t)}}},g={handleMembershipUpdate(r,t,n,l,s,i){let o;if(Array.isArray(r)?o=r.find(a=>a._id===t.target):typeof r=="object"&&r._id===t.target&&(o=r),o)if(o[s]=n,n)o.memberships.push(t),o[i]+=1;else{const a=o.memberships.findIndex(p=>p._id===t._id);a!==-1&&(o.memberships.splice(a,1),o[i]-=1)}}};e.watch(c,r=>{});const Y=Object.freeze(Object.defineProperty({__proto__:null,actions:v,mutations:g,state:c},Symbol.toStringTag,{value:"Module"})),F={},W={width:"652",height:"652",viewBox:"0 0 652 652",fill:"none",xmlns:"http://www.w3.org/2000/svg"},G=e.createElementVNode("path",{fill:"rgb(var(--black))",d:"M515.693 9.52082C510.095 3.91669 502.49 0.765625 494.563 0.765625C486.635 0.765625 479.036 3.91669 473.432 9.52082L48.7255 434.307C44.8244 438.214 42.0848 443.125 40.8088 448.496L0.939444 615.069C-1.47202 625.168 1.528 635.788 8.86652 643.132C16.2103 650.47 26.8305 653.47 36.9292 651.059L203.516 611.261H203.511C208.88 609.985 213.792 607.246 217.699 603.35L642.485 178.496C648.089 172.892 651.241 165.293 651.241 157.366C651.241 149.439 648.089 141.835 642.485 136.235L515.693 9.52082ZM113.76 453.708L388.307 179.161L472.828 263.682L198.281 538.229L113.76 453.708ZM87.1041 511.5L140.416 564.812L70.3014 581.614L87.1041 511.5ZM515.091 221.793L430.195 136.897L494.184 72.9075L579.08 157.429L515.091 221.793Z"},null,-1),J=[G];function K(r,t){return e.openBlock(),e.createElementBlock("svg",W,J)}const Q=m._export_sfc(F,[["render",K]]);exports.Dropdown=H;exports.IconEdit=Q;exports.PlaceholderUserpic=j;exports._sfc_main=U;exports._sfc_main$1=h;exports.actions=v;exports.memberships=Y;exports.mutations=g;exports.state=c;

package/dist/Image-052a3cc2.mjs

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

package/dist/Image-c90ee624.js

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

package/dist/MenuItem-0b249b94.mjs

@@ -0,0 +1,93 @@
+import { openBlock as o, createElementBlock as c, renderSlot as a, createElementVNode as m, defineComponent as p, h as n } from "vue";
+import { _ as h } from "./_plugin-vue_export-helper-dad06003.mjs";
+const u = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" }, v = {
+  __name: "Menu",
+  setup(l) {
+    return (t, s) => (o(), c("section", u, [
+      a(t.$slots, "default")
+    ]));
+  }
+}, _ = {
+  props: {
+    theme: {
+      type: String,
+      default: "black"
+    }
+  }
+}, d = {
+  width: "80",
+  height: "80",
+  viewBox: "0 0 80 80",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, f = ["fill"];
+function x(l, t, s, i, r, e) {
+  return o(), c("svg", d, [
+    m("path", {
+      fill: s.theme,
+      d: "M16.25 9.375L20 5.9375C21.5625 4.53125 23.9062 4.6875 25.3125 6.25L54.2188 37.8125C55.3125 39.0625 55.3125 40.9375 54.2188 42.1875L25.3125 73.75C23.9062 75.3125 21.5625 75.4688 20 74.0625L16.25 70.625C14.6875 69.375 14.5312 66.875 15.9375 65.4688L39.375 40L15.9375 14.5312C14.5312 13.125 14.6875 10.625 16.25 9.375Z"
+    }, null, 8, f)
+  ]);
+}
+const g = /* @__PURE__ */ h(_, [["render", x]]), C = p({
+  props: {
+    theme: {
+      type: String,
+      default: "black"
+      // Значение по умолчанию
+    }
+  },
+  setup(l, { slots: t }) {
+    return () => {
+      const s = t.default ? t.default() : [], i = [], r = [];
+      return s.forEach((e) => {
+        e.toString(), e.props && e.props.icon ? i.push(e) : r.push(e);
+      }), n(
+        "div",
+        {
+          class: [
+            "w-100",
+            "t-left",
+            "flex-nowrap",
+            "flex-v-center",
+            "flex",
+            // here we need add logic
+            { "br-b br-black-transp-10 br-solid": !0 }
+          ]
+        },
+        [
+          // Conditionally include the div for iconSlot
+          ...i.length ? [
+            n(
+              "div",
+              {
+                class: ["mn-thin", "mn-t-thin", "flex-center", "flex", "mn-r-small", "flex-child", "flex-child-shrink-0", "i-big", "bg-main", "radius-thin"]
+              },
+              i
+            )
+          ] : [],
+          n(
+            "div",
+            {
+              class: ["w-100", "mn-thin", "mn-t-thin", "mn-r-small", "i-big", "flex-v-center", "flex"]
+            },
+            [
+              n(
+                "span",
+                {
+                  class: ["p-big", "t-medium", "mn-r-auto"]
+                },
+                r
+              )
+            ]
+          ),
+          n(g, { class: "i-medium mn-r-medium", type: "chevron", theme: l.theme })
+        ]
+      );
+    };
+  }
+});
+export {
+  v as _,
+  C as a
+};

package/dist/MenuItem-8b70d2cf.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("./_plugin-vue_export-helper-f246444f.js");const o={class:"mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium"},a={__name:"Menu",setup(l){return(n,s)=>(e.openBlock(),e.createElementBlock("section",o,[e.renderSlot(n.$slots,"default")]))}},m={props:{theme:{type:String,default:"black"}}},u={width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h=["fill"];function p(l,n,s,i,r,t){return e.openBlock(),e.createElementBlock("svg",u,[e.createElementVNode("path",{fill:s.theme,d:"M16.25 9.375L20 5.9375C21.5625 4.53125 23.9062 4.6875 25.3125 6.25L54.2188 37.8125C55.3125 39.0625 55.3125 40.9375 54.2188 42.1875L25.3125 73.75C23.9062 75.3125 21.5625 75.4688 20 74.0625L16.25 70.625C14.6875 69.375 14.5312 66.875 15.9375 65.4688L39.375 40L15.9375 14.5312C14.5312 13.125 14.6875 10.625 16.25 9.375Z"},null,8,h)])}const _=c._export_sfc(m,[["render",p]]),d=e.defineComponent({props:{theme:{type:String,default:"black"}},setup(l,{slots:n}){return()=>{const s=n.default?n.default():[],i=[],r=[];return s.forEach(t=>{t.toString(),t.props&&t.props.icon?i.push(t):r.push(t)}),e.h("div",{class:["w-100","t-left","flex-nowrap","flex-v-center","flex",{"br-b br-black-transp-10 br-solid":!0}]},[...i.length?[e.h("div",{class:["mn-thin","mn-t-thin","flex-center","flex","mn-r-small","flex-child","flex-child-shrink-0","i-big","bg-main","radius-thin"]},i)]:[],e.h("div",{class:["w-100","mn-thin","mn-t-thin","mn-r-small","i-big","flex-v-center","flex"]},[e.h("span",{class:["p-big","t-medium","mn-r-auto"]},r)]),e.h(_,{class:"i-medium mn-r-medium",type:"chevron",theme:l.theme})])}}});exports._sfc_main=a;exports._sfc_main$1=d;