@ozdao/prometheus-framework 0.2.130 → 0.2.133

package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js

@@ -1,45 +1,44 @@
-import { resolveComponent as l, openBlock as r, createElementBlock as a, createElementVNode as o, createTextVNode as c, createVNode as e, withCtx as i, createBlock as m } from "vue";
+import { resolveComponent as n, openBlock as o, createElementBlock as a, createElementVNode as t, createTextVNode as c, createVNode as r, withCtx as s, createBlock as p } from "vue";
 /* empty css                                       */
 /* empty css                                            */
 /* empty css                                             */
 /* empty css                                     */
 /* empty css                                         */
 /* empty css                                    */
-import p from "../../../../components/Slider/Slider.vue.js";
-import _ from "../../../icons/navigation/IconArrow.vue.js";
+import m from "../../../../components/Slider/Slider.vue.js";
 import d from "../blocks/CardBlogpost.vue.js";
-import { read as u } from "../../store/blogposts.js";
-import { state as s } from "../../../auth/store/auth.js";
+import { read as _ } from "../../store/blogposts.js";
+import { state as i } from "../../../auth/store/auth.js";
 /* empty css              */
-const h = { class: "pd-thin" }, f = { class: "bg-light radius-big pd-t-big pd-b-big" }, b = { class: "w-100 pd-b-small t-center flex-center flex" }, g = /* @__PURE__ */ o("b", null, "Community", -1), T = {
+const u = { class: "pd-thin" }, h = { class: "bg-light radius-big pd-t-big pd-b-big" }, f = { class: "w-100 pd-b-small t-center flex-center flex" }, g = /* @__PURE__ */ t("b", null, "Community", -1), O = {
   __name: "HotPosts",
-  setup(x) {
-    return (k, v) => {
-      const n = l("router-link");
-      return r(), a("section", h, [
-        o("div", f, [
-          o("h2", b, [
+  setup(b) {
+    return (x, k) => {
+      const l = n("router-link");
+      return o(), a("section", u, [
+        t("div", h, [
+          t("h2", f, [
             c(" Discover Our "),
-            e(n, {
+            r(l, {
               to: { name: "Blog" },
-              class: "transition-ease-in hover-bg-black hover-t-white transition-timing-1 hover-scale-0 bg-main cursor-pointer pd-thin mn-l-thin radius-extra flex flex-v-center"
+              class: "transition-ease-in hover-bg-black hover-t-white transition-timing-1 hover-scale-0 bg-main cursor-pointer pd-thin pd-r-small pd-l-small mn-l-thin radius-extra flex flex-v-center"
             }, {
-              default: i(() => [
-                g,
-                e(_, { class: "mn-l-thin radius-extra bg-white i-big" })
+              default: s(() => [
+                g
               ]),
               _: 1
             })
           ]),
-          e(p, {
+          r(m, {
             store: {
-              read: (t) => u(t)
+              read: (e) => _(e)
             },
             options: {
               skip: 0,
               limit: 8,
-              user: s.user._id,
-              period: "year"
+              user: i.user._id,
+              period: "year",
+              category: "featured"
             },
             text: {
               messages: {
@@ -51,13 +50,13 @@ const h = { class: "pd-thin" }, f = { class: "bg-light radius-big pd-t-big pd-b-
             },
             class: "slider-hotpost"
           }, {
-            default: i(({
-              item: t
+            default: s(({
+              item: e
             }) => [
-              (r(), m(d, {
-                key: t._id,
-                blogpost: t,
-                user: s.user._id,
+              (o(), p(d, {
+                key: e._id,
+                blogpost: e,
+                user: i.user._id,
                 hideDescription: !0,
                 class: "bg-white flex flex-column h-35r"
               }, null, 8, ["blogpost", "user"]))
@@ -70,5 +69,5 @@ const h = { class: "pd-thin" }, f = { class: "bg-light radius-big pd-t-big pd-b-
   }
 };
 export {
-  T as default
+  O as default
 };

package/dist/prometheus-framework/src/modules/community/store/blogposts.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("axios"),l=require("vue"),c=require("../../globals/store/globals.cjs"),s=d.create({baseURL:process.env.API_URL,withCredentials:!0}),a=l.reactive({all:[],filter:{tags:[],period:""},pagination:{page:1,perPage:18},sort:{current:"popularity",ascending:!1},current:{_id:"",url:"",status:"",name:"",tags:[],owner:{},source:null,date:"",views:0,content:[]}});async function i(e={}){e.params=e.params||{},e.params.skip=e.skip||0,e.params.limit=e.limit||9,e.params.tags=e.tags||[],e.period&&(e.params.period=e.period),e.url&&(e.params={url:e.url}),e.category&&(e.params.category=e.category),e.owner&&(e.params.owner=e.owner),e.following&&(e.params.following=e.following),e.creator&&(e.params.creator=e.creator),e.status&&(e.params.status=e.status),e.user&&(e.params.user=e.user),e.params.skip=e.skip||0,e.params.limit=e.limit||10;try{const r=await s.get("/api/blog/read",{params:e.params});return e.url?t(r.data,"current"):t(r.data,"all"),Promise.resolve(r.data)}catch(r){return c.setError(r),Promise.reject(r)}}async function m(e){return s.post("/api/blog/create",e).then(r=>(t(r.data,"current"),Promise.resolve(r.data)),r=>(c.setError(r),Promise.reject(r)))}async function f(e){return s.post("/api/blog/update",e).then(r=>(t(r.data,"current"),Promise.resolve(r.data)),r=>(c.setError(r),Promise.reject(r)))}async function g(e){return await s.delete(`/api/blog/delete/${e}`).then(r=>{const u=a.all.findIndex(n=>n._id===e);return u!==-1&&a.all.splice(u,1),Promise.resolve(r.data)},r=>(c.setError(r),Promise.reject(r)))}function t(e,r){a[r]=e}function w(){a.current={_id:"",url:"",status:"",name:"",tags:[],author:"",owner:"",date:"",views:0,content:[]}}function y(e){const r={order:a.project.content.length+1,type:e.type,data:e.data,class:e.class,content:e.content};a.project.content.push(r)}l.watch(a,(e,r)=>{});exports.blockAdd=y;exports.clean=w;exports.create=m;exports.read=i;exports.remove=g;exports.set=t;exports.state=a;exports.update=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("axios"),u=require("vue"),c=require("../../globals/store/globals.cjs"),l=m.create({baseURL:process.env.API_URL,withCredentials:!0}),a=u.reactive({all:[],filter:{tags:[],period:""},pagination:{page:1,perPage:18},sort:{param:"createdAt",order:"desc",hideButton:!0,options:[{label:"Date",value:"createdAt"},{label:"Popularity",value:"views"},{label:"Creator",value:"creator"}]},current:{_id:"",url:"",status:"",name:"",tags:[],owner:{},source:null,date:"",views:0,content:[]}});async function n(e={}){e.params=e.params||{},e.params.skip=e.skip||0,e.params.limit=e.limit||9,e.params.tags=e.tags||[],e.period&&(e.params.period=e.period),e.url&&(e.params={url:e.url}),e.category&&(e.params.category=e.category),e.owner&&(e.params.owner=e.owner),e.following&&(e.params.following=e.following),e.creator&&(e.params.creator=e.creator),e.status&&(e.params.status=e.status),e.user&&(e.params.user=e.user),e.sortParam&&(e.params.sortParam=e.sortParam),e.sortOrder&&(e.params.sortOrder=e.sortOrder),e.params.skip=e.skip||0,e.params.limit=e.limit||10;try{const r=await l.get("/api/blog/read",{params:e.params});return e.url?t(r.data,"current"):t(r.data,"all"),Promise.resolve(r.data)}catch(r){return c.setError(r),Promise.reject(r)}}async function i(e){return l.post("/api/blog/create",e).then(r=>(t(r.data,"current"),Promise.resolve(r.data)),r=>(c.setError(r),Promise.reject(r)))}async function f(e){return l.post("/api/blog/update",e).then(r=>(t(r.data,"current"),Promise.resolve(r.data)),r=>(c.setError(r),Promise.reject(r)))}async function g(e){return await l.delete(`/api/blog/delete/${e}`).then(r=>{const s=a.all.findIndex(d=>d._id===e);return s!==-1&&a.all.splice(s,1),Promise.resolve(r.data)},r=>(c.setError(r),Promise.reject(r)))}function t(e,r){a[r]=e}function w(){a.current={_id:"",url:"",status:"",name:"",tags:[],author:"",owner:"",date:"",views:0,content:[]}}function v(e){const r={order:a.project.content.length+1,type:e.type,data:e.data,class:e.class,content:e.content};a.project.content.push(r)}u.watch(a,(e,r)=>{});exports.blockAdd=v;exports.clean=w;exports.create=i;exports.read=n;exports.remove=g;exports.set=t;exports.state=a;exports.update=f;

package/dist/prometheus-framework/src/modules/community/store/blogposts.js

@@ -1,7 +1,7 @@
-import n from "axios";
-import { reactive as m, watch as d } from "vue";
+import m from "axios";
+import { reactive as d, watch as n } from "vue";
 import { setError as c } from "../../globals/store/globals.js";
-const l = n.create({ baseURL: process.env.API_URL, withCredentials: !0 }), r = m({
+const l = m.create({ baseURL: process.env.API_URL, withCredentials: !0 }), a = d({
   all: [],
   filter: {
     // query
@@ -15,8 +15,19 @@ const l = n.create({ baseURL: process.env.API_URL, withCredentials: !0 }), r = m
   },
   // Sort
   sort: {
-    current: "popularity",
-    ascending: !1
+    param: "createdAt",
+    order: "desc",
+    hideButton: !0,
+    options: [{
+      label: "Date",
+      value: "createdAt"
+    }, {
+      label: "Popularity",
+      value: "views"
+    }, {
+      label: "Creator",
+      value: "creator"
+    }]
   },
   current: {
     _id: "",
@@ -32,40 +43,40 @@ const l = n.create({ baseURL: process.env.API_URL, withCredentials: !0 }), r = m
   }
 });
 async function w(e = {}) {
-  e.params = e.params || {}, e.params.skip = e.skip || 0, e.params.limit = e.limit || 9, e.params.tags = e.tags || [], e.period && (e.params.period = e.period), e.url && (e.params = { url: e.url }), e.category && (e.params.category = e.category), e.owner && (e.params.owner = e.owner), e.following && (e.params.following = e.following), e.creator && (e.params.creator = e.creator), e.status && (e.params.status = e.status), e.user && (e.params.user = e.user), e.params.skip = e.skip || 0, e.params.limit = e.limit || 10;
+  e.params = e.params || {}, e.params.skip = e.skip || 0, e.params.limit = e.limit || 9, e.params.tags = e.tags || [], e.period && (e.params.period = e.period), e.url && (e.params = { url: e.url }), e.category && (e.params.category = e.category), e.owner && (e.params.owner = e.owner), e.following && (e.params.following = e.following), e.creator && (e.params.creator = e.creator), e.status && (e.params.status = e.status), e.user && (e.params.user = e.user), e.sortParam && (e.params.sortParam = e.sortParam), e.sortOrder && (e.params.sortOrder = e.sortOrder), e.params.skip = e.skip || 0, e.params.limit = e.limit || 10;
   try {
-    const a = await l.get("/api/blog/read", { params: e.params });
-    return e.url ? t(a.data, "current") : t(a.data, "all"), Promise.resolve(a.data);
-  } catch (a) {
-    return c(a), Promise.reject(a);
+    const r = await l.get("/api/blog/read", { params: e.params });
+    return e.url ? t(r.data, "current") : t(r.data, "all"), Promise.resolve(r.data);
+  } catch (r) {
+    return c(r), Promise.reject(r);
   }
 }
-async function p(e) {
+async function P(e) {
   return l.post("/api/blog/create", e).then(
-    (a) => (t(a.data, "current"), Promise.resolve(a.data)),
-    (a) => (c(a), Promise.reject(a))
+    (r) => (t(r.data, "current"), Promise.resolve(r.data)),
+    (r) => (c(r), Promise.reject(r))
   );
 }
-async function y(e) {
+async function v(e) {
   return l.post("/api/blog/update", e).then(
-    (a) => (t(a.data, "current"), Promise.resolve(a.data)),
-    (a) => (c(a), Promise.reject(a))
+    (r) => (t(r.data, "current"), Promise.resolve(r.data)),
+    (r) => (c(r), Promise.reject(r))
   );
 }
-async function P(e) {
+async function y(e) {
   return await l.delete(`/api/blog/delete/${e}`).then(
-    (a) => {
-      const u = r.all.findIndex((s) => s._id === e);
-      return u !== -1 && r.all.splice(u, 1), Promise.resolve(a.data);
+    (r) => {
+      const u = a.all.findIndex((s) => s._id === e);
+      return u !== -1 && a.all.splice(u, 1), Promise.resolve(r.data);
     },
-    (a) => (c(a), Promise.reject(a))
+    (r) => (c(r), Promise.reject(r))
   );
 }
-function t(e, a) {
-  r[a] = e;
+function t(e, r) {
+  a[r] = e;
 }
 function h() {
-  r.current = {
+  a.current = {
     _id: "",
     url: "",
     status: "",
@@ -78,25 +89,25 @@ function h() {
     content: []
   };
 }
-function v(e) {
-  const a = {
-    order: r.project.content.length + 1,
+function p(e) {
+  const r = {
+    order: a.project.content.length + 1,
     type: e.type,
     data: e.data,
     class: e.class,
     content: e.content
   };
-  r.project.content.push(a);
+  a.project.content.push(r);
 }
-d(r, (e, a) => {
+n(a, (e, r) => {
 });
 export {
-  v as blockAdd,
+  p as blockAdd,
   h as clean,
-  p as create,
+  P as create,
   w as read,
-  P as remove,
+  y as remove,
   t as set,
-  r as state,
-  y as update
+  a as state,
+  v as update
 };

package/dist/prometheus-framework/src/modules/constructor/components/elements/Audio.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../../../components/Upload/Upload.vue.cjs"),m={class:"mn-b-thin w-100 pd-medium bg-white radius-medium"},p=["innerHTML"],b={key:1,class:""},v={__name:"Audio",props:["label","value","prop"],emits:["input","updateBlock"],setup(l,{emit:a}){const o=e.ref(null),i=l,u=a;function s(t){return[/youtube\.com/,/soundcloud\.com/,/vimeo\.com/].some(c=>c.test(t))}function d(t){o.value=t,o.value&&s(o.value)?(u("input",o.value),u("updateBlock",i.prop,{content:o.value})):alert("Invalid embed code or source not allowed.")}return(t,n)=>(e.openBlock(),e.createElementBlock("div",m,[l.prop.content?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:l.prop.content,class:"flex-center flex"},null,8,p)):(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(r.default,{field:o.value,"onUpdate:field":n[0]||(n[0]=c=>o.value=c),onFileChange:d,type:"file",placeholder:"Enter embed code",class:"w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"},null,8,["field"]),e.createElementVNode("button",{onClick:d,class:"button-small button"}," Save ")]))]))}};exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../../../components/Upload/Upload.vue.cjs"),i={class:"mn-b-thin w-100 radius-medium"},p={key:0,class:"flex-center flex"},m={controls:"",class:"w-100 h-max-30r"},v=["src"],f={key:1},_={__name:"Audio",props:["label","value","prop"],emits:["input","updateBlock"],setup(t,{emit:a}){const o=e.ref(null);e.ref(null);const c=t,l=a;function s(n){o.value=n,o.value?(l("input",o.value),l("updateBlock",c.prop,{content:o.value})):alert("Invalid embed code or source not allowed.")}return(n,r)=>(e.openBlock(),e.createElementBlock("div",i,[t.prop.content?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("audio",m,[e.createElementVNode("source",{src:t.prop.content,type:"video/mp4"},null,8,v),e.createTextVNode(" Your browser does not support the video tag. ")])])):(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(u.default,{field:o.value,"onUpdate:field":r[0]||(r[0]=d=>o.value=d),onFileChange:s,type:"audio",placeholder:"Upload video",class:"w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"},null,8,["field"])]))]))}};exports.default=_;

package/dist/prometheus-framework/src/modules/constructor/components/elements/Audio.vue.js

@@ -1,9 +1,12 @@
-import { ref as m, openBlock as d, createElementBlock as i, createVNode as p, createElementVNode as b } from "vue";
+import { ref as d, openBlock as t, createElementBlock as l, createElementVNode as r, createTextVNode as m, createVNode as v } from "vue";
 import f from "../../../../components/Upload/Upload.vue.js";
-const v = { class: "mn-b-thin w-100 pd-medium bg-white radius-medium" }, k = ["innerHTML"], h = {
-  key: 1,
-  class: ""
-}, _ = {
+const h = { class: "mn-b-thin w-100 radius-medium" }, _ = {
+  key: 0,
+  class: "flex-center flex"
+}, b = {
+  controls: "",
+  class: "w-100 h-max-30r"
+}, k = ["src"], x = { key: 1 }, B = {
   __name: "Audio",
   props: [
     "label",
@@ -11,36 +14,35 @@ const v = { class: "mn-b-thin w-100 pd-medium bg-white radius-medium" }, k = ["i
     "prop"
   ],
   emits: ["input", "updateBlock"],
-  setup(t, { emit: s }) {
-    const e = m(null), u = t, a = s;
-    function r(o) {
-      return [/youtube\.com/, /soundcloud\.com/, /vimeo\.com/].some((n) => n.test(o));
+  setup(o, { emit: i }) {
+    const e = d(null);
+    d(null);
+    const c = o, n = i;
+    function u(a) {
+      e.value = a, e.value ? (n("input", e.value), n("updateBlock", c.prop, { content: e.value })) : alert("Invalid embed code or source not allowed.");
     }
-    function c(o) {
-      e.value = o, e.value && r(e.value) ? (a("input", e.value), a("updateBlock", u.prop, { content: e.value })) : alert("Invalid embed code or source not allowed.");
-    }
-    return (o, l) => (d(), i("div", v, [
-      t.prop.content ? (d(), i("div", {
-        key: 0,
-        innerHTML: t.prop.content,
-        class: "flex-center flex"
-      }, null, 8, k)) : (d(), i("div", h, [
-        p(f, {
+    return (a, s) => (t(), l("div", h, [
+      o.prop.content ? (t(), l("div", _, [
+        r("audio", b, [
+          r("source", {
+            src: o.prop.content,
+            type: "video/mp4"
+          }, null, 8, k),
+          m(" Your browser does not support the video tag. ")
+        ])
+      ])) : (t(), l("div", x, [
+        v(f, {
           field: e.value,
-          "onUpdate:field": l[0] || (l[0] = (n) => e.value = n),
-          onFileChange: c,
-          type: "file",
-          placeholder: "Enter embed code",
+          "onUpdate:field": s[0] || (s[0] = (p) => e.value = p),
+          onFileChange: u,
+          type: "audio",
+          placeholder: "Upload video",
           class: "w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"
-        }, null, 8, ["field"]),
-        b("button", {
-          onClick: c,
-          class: "button-small button"
-        }, " Save ")
+        }, null, 8, ["field"])
       ]))
     ]));
   }
 };
 export {
-  _ as default
+  B as default
 };

package/dist/prometheus-framework/src/modules/constructor/components/elements/ImageUpload.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("axios"),k=["src"],v={key:1,class:"t-transp pd-extra"},h={__name:"ImageUpload",props:["label","value","prop"],emits:["input","updateBlock"],setup(l,{emit:u}){const n=e.ref(null),r=e.ref(null),i=l,s=u;function d(){r.value.click()}async function c(t){let o=t.target.files[0];console.log(o);let a=new FormData;a.append("file",o),console.log(a.has("file"));try{let m=await g.create({baseURL:process.env.API_URL,withCredentials:!0}).post(`/api/upload/multiple?folderName=${encodeURIComponent(i.uploadPath)}`,a,{headers:{"Content-Type":"multipart/form-data"}});n.value=m.data[0].filepath,console.log(n.value),s("input",n.value),s("updateBlock",i.prop,{content:n.value})}catch(p){console.error(p)}}function f(t){t.preventDefault(),c({target:{files:t.dataTransfer.files}})}return(t,o)=>(e.openBlock(),e.createElementBlock("div",{onClick:d,onDrop:f,onDragover:o[0]||(o[0]=e.withModifiers(()=>{},["prevent"])),class:"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small"},[l.prop.content?(e.openBlock(),e.createElementBlock("img",{key:0,src:(t.FILE_SERVER_URL||"")+l.prop.content,alt:"Uploaded image",class:"w-100 h-30r object-fit-contain"},null,8,k)):(e.openBlock(),e.createElementBlock("span",v,"Click or drag-and-drop your image")),e.createElementVNode("input",{type:"file",ref_key:"fileInput",ref:r,tabindex:"-1",onChange:c,style:{display:"none"}},null,544)],32))}};exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("axios"),k=["src"],v={key:1,class:"t-transp pd-extra"},h={__name:"ImageUpload",props:["label","value","prop"],emits:["input","updateBlock"],setup(n,{emit:u}){const a=e.ref(null),r=e.ref(null),i=n,s=u;function f(){r.value.click()}async function c(t){let o=t.target.files[0];console.log(o);let l=new FormData;l.append("file",o),console.log(l.has("file"));try{let m=await g.create({baseURL:process.env.API_URL,withCredentials:!0}).post(`/api/upload/multiple?folderName=${encodeURIComponent(i.uploadPath||"images")}`,l,{headers:{"Content-Type":"multipart/form-data"}});a.value=m.data[0].filepath,console.log(a.value),s("input",a.value),s("updateBlock",i.prop,{content:a.value})}catch(p){console.error(p)}}function d(t){t.preventDefault(),t.dataTransfer&&t.dataTransfer.files&&t.dataTransfer.files.length&&c({target:{files:t.dataTransfer.files}})}return(t,o)=>(e.openBlock(),e.createElementBlock("div",{onClick:f,onDrop:d,onDragover:o[0]||(o[0]=e.withModifiers(()=>{},["prevent"])),onDragenter:o[1]||(o[1]=e.withModifiers(()=>{},["prevent"])),onDragleave:o[2]||(o[2]=e.withModifiers(()=>{},["prevent"])),class:"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small"},[n.prop.content?(e.openBlock(),e.createElementBlock("img",{key:0,src:(t.FILE_SERVER_URL||"")+n.prop.content,alt:"Uploaded image",class:"w-100 h-30r object-fit-contain"},null,8,k)):(e.openBlock(),e.createElementBlock("span",v,"Click or drag-and-drop your image")),n.prop.content?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("input",{key:2,type:"file",ref_key:"fileInput",ref:r,tabindex:"-1",onChange:c,style:{display:"none"}},null,544))],32))}};exports.default=h;

package/dist/prometheus-framework/src/modules/constructor/components/elements/ImageUpload.vue.js

@@ -1,9 +1,9 @@
-import { ref as f, openBlock as l, createElementBlock as r, withModifiers as k, createElementVNode as v } from "vue";
-import y from "axios";
-const x = ["src"], C = {
+import { ref as d, openBlock as a, createElementBlock as l, withModifiers as i, createCommentVNode as y } from "vue";
+import h from "axios";
+const C = ["src"], x = {
   key: 1,
   class: "t-transp pd-extra"
-}, U = {
+}, w = {
   __name: "ImageUpload",
   props: [
     "label",
@@ -11,58 +11,63 @@ const x = ["src"], C = {
     "prop"
   ],
   emits: ["input", "updateBlock"],
-  setup(a, { emit: d }) {
-    const o = f(null), i = f(null), s = a, p = d;
-    function m() {
-      i.value.click();
+  setup(n, { emit: m }) {
+    const o = d(null), s = d(null), p = n, c = m;
+    function g() {
+      s.value.click();
     }
-    async function c(e) {
+    async function f(e) {
       let t = e.target.files[0];
       console.log(t);
-      let n = new FormData();
-      n.append("file", t), console.log(n.has("file"));
+      let r = new FormData();
+      r.append("file", t), console.log(r.has("file"));
       try {
-        let h = await y.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/multiple?folderName=${encodeURIComponent(s.uploadPath)}`, n, {
+        let k = await h.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/multiple?folderName=${encodeURIComponent(p.uploadPath || "images")}`, r, {
           headers: {
             "Content-Type": "multipart/form-data"
           }
         });
-        o.value = h.data[0].filepath, console.log(o.value), p("input", o.value), p("updateBlock", s.prop, { content: o.value });
+        o.value = k.data[0].filepath, console.log(o.value), c("input", o.value), c("updateBlock", p.prop, { content: o.value });
       } catch (u) {
         console.error(u);
       }
     }
-    function g(e) {
-      e.preventDefault(), c({
+    function v(e) {
+      e.preventDefault(), e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length && f({
         target: {
           files: e.dataTransfer.files
         }
       });
     }
-    return (e, t) => (l(), r("div", {
-      onClick: m,
-      onDrop: g,
-      onDragover: t[0] || (t[0] = k(() => {
+    return (e, t) => (a(), l("div", {
+      onClick: g,
+      onDrop: v,
+      onDragover: t[0] || (t[0] = i(() => {
+      }, ["prevent"])),
+      onDragenter: t[1] || (t[1] = i(() => {
+      }, ["prevent"])),
+      onDragleave: t[2] || (t[2] = i(() => {
       }, ["prevent"])),
       class: "w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small"
     }, [
-      a.prop.content ? (l(), r("img", {
+      n.prop.content ? (a(), l("img", {
         key: 0,
-        src: (e.FILE_SERVER_URL || "") + a.prop.content,
+        src: (e.FILE_SERVER_URL || "") + n.prop.content,
         alt: "Uploaded image",
         class: "w-100 h-30r object-fit-contain"
-      }, null, 8, x)) : (l(), r("span", C, "Click or drag-and-drop your image")),
-      v("input", {
+      }, null, 8, C)) : (a(), l("span", x, "Click or drag-and-drop your image")),
+      n.prop.content ? y("", !0) : (a(), l("input", {
+        key: 2,
         type: "file",
         ref_key: "fileInput",
-        ref: i,
+        ref: s,
         tabindex: "-1",
-        onChange: c,
+        onChange: f,
         style: { display: "none" }
-      }, null, 544)
+      }, null, 544))
     ], 32));
   }
 };
 export {
-  U as default
+  w as default
 };

package/dist/prometheus-framework/src/modules/constructor/components/elements/Textarea.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                */const k=["placeholder"],x={__name:"Textarea",props:["prop","value","content","placeholder","index","setFocus"],emits:["deleteBlock","updateBlock","addBlock","focus"],setup(o,{emit:s}){const t=o,c=s;e.ref(t);const n=e.ref(null);e.ref(0);function d(a){let l=a.target.value.split(/\n+/);if(l.length>1){t.prop[t.content]=l[0],e.nextTick(()=>{r()});let i=l.slice(1).map(f=>({__name:"Textarea",content:f}));c("addBlock","Textarea","",t.index,{blocks:i,ref:n})}else a.target.value.trim()===""&&a.target.value.includes(`
+
+`)&&(console.log("We are adding new block:"+t.index+newBlocks+n),c("addBlock","Textarea","",t.index,{blocks:newBlocks,ref:n})),r()}function p(a){(a.keyCode===8||a.keyCode===46)&&t.prop[t.content].trim()===""&&c("deleteBlock",t.prop)}function u(){e.nextTick(()=>{n.value.focus(),c("updateBlock",t.prop,{setFocus:!1})})}function r(){n.value.style.height="1rem",n.value.style.height=n.value.scrollHeight+"px"}return e.onUpdated(()=>{t.setFocus&&e.nextTick(()=>{u()}),r()}),e.onMounted(()=>{t.setFocus&&e.nextTick(()=>{u()}),r()}),(a,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":l[0]||(l[0]=i=>o.prop[o.content]=i),placeholder:o.placeholder?o.placeholder:"",onInput:d,onFocus:l[1]||(l[1]=i=>c("focus",n.value)),onKeyup:p,ref_key:"textarea",ref:n,tabindex:"-1",class:e.normalizeClass(["text-area mn-b-thin",{"t-main t-semi":o.prop.type==="Link"}])},`  
+      
+    `,42,k),[[e.vModelText,o.prop[o.content]]])]))}};exports.default=x;

package/dist/prometheus-framework/src/modules/constructor/components/elements/Textarea.vue.js

@@ -0,0 +1,67 @@
+import { ref as s, onUpdated as m, nextTick as i, onMounted as x, openBlock as h, createElementBlock as B, withDirectives as g, createElementVNode as v, normalizeClass as y, vModelText as T } from "vue";
+/* empty css              */
+const b = ["placeholder"], C = {
+  __name: "Textarea",
+  props: ["prop", "value", "content", "placeholder", "index", "setFocus"],
+  emits: ["deleteBlock", "updateBlock", "addBlock", "focus"],
+  setup(o, { emit: u }) {
+    const e = o, a = u;
+    s(e);
+    const t = s(null);
+    s(0);
+    function p(l) {
+      let n = l.target.value.split(/\n+/);
+      if (n.length > 1) {
+        e.prop[e.content] = n[0], i(() => {
+          c();
+        });
+        let r = n.slice(1).map((k) => ({ __name: "Textarea", content: k }));
+        a("addBlock", "Textarea", "", e.index, { blocks: r, ref: t });
+      } else
+        l.target.value.trim() === "" && l.target.value.includes(`
+
+`) && (console.log("We are adding new block:" + e.index + newBlocks + t), a("addBlock", "Textarea", "", e.index, { blocks: newBlocks, ref: t })), c();
+    }
+    function f(l) {
+      (l.keyCode === 8 || l.keyCode === 46) && e.prop[e.content].trim() === "" && a("deleteBlock", e.prop);
+    }
+    function d() {
+      i(() => {
+        t.value.focus(), a("updateBlock", e.prop, { setFocus: !1 });
+      });
+    }
+    function c() {
+      t.value.style.height = "1rem", t.value.style.height = t.value.scrollHeight + "px";
+    }
+    return m(() => {
+      e.setFocus && i(() => {
+        d();
+      }), c();
+    }), x(() => {
+      e.setFocus && i(() => {
+        d();
+      }), c();
+    }), (l, n) => (h(), B("div", null, [
+      g(v("textarea", {
+        "onUpdate:modelValue": n[0] || (n[0] = (r) => o.prop[o.content] = r),
+        placeholder: o.placeholder ? o.placeholder : "",
+        onInput: p,
+        onFocus: n[1] || (n[1] = (r) => a("focus", t.value)),
+        onKeyup: f,
+        ref_key: "textarea",
+        ref: t,
+        tabindex: "-1",
+        class: y(["text-area mn-b-thin", {
+          "t-main t-semi": o.prop.type === "Link"
+        }])
+      }, `  
+      
+    `, 42, b), [
+        [T, o.prop[o.content]]
+      ])
+    ]));
+  }
+};
+export {
+  C as default
+};

package/dist/prometheus-framework/src/modules/constructor/components/elements/Video.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../../../../components/Upload/Upload.vue.cjs"),u={class:"mn-b-thin w-100 pd-medium bg-black t-white radius-medium"},p={key:0,class:"flex-center flex"},m={controls:"",class:"w-100 h-max-30r"},v=["src"],b={key:1},f={__name:"Video",props:["label","value","prop"],emits:["input","updateBlock"],setup(o,{emit:r}){const t=e.ref(null);e.ref(null);const s=o,l=r;function a(n){console.log(t.value),t.value=n,t.value?(l("input",t.value),l("updateBlock",s.prop,{content:t.value})):alert("Invalid embed code or source not allowed.")}return(n,c)=>(e.openBlock(),e.createElementBlock("div",u,[o.prop.content?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("video",m,[e.createElementVNode("source",{src:o.prop.content,type:"video/mp4"},null,8,v),e.createTextVNode(" Your browser does not support the video tag. ")])])):(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(i.default,{field:t.value,"onUpdate:field":c[0]||(c[0]=d=>t.value=d),onFileChange:a,type:"file",placeholder:"Enter embed code",class:"w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"},null,8,["field"])]))]))}};exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../../../../components/Upload/Upload.vue.cjs"),u={class:"mn-b-thin w-100 pd-medium bg-black t-white radius-medium"},p={key:0,class:"flex-center flex"},m={controls:"",class:"w-100 h-max-30r"},v=["src"],b={key:1},f={__name:"Video",props:["label","value","prop"],emits:["input","updateBlock"],setup(o,{emit:c}){const t=e.ref(null);e.ref(null);const a=o,l=c;function d(n){t.value=n,t.value?(l("input",t.value),l("updateBlock",a.prop,{content:t.value})):alert("Invalid embed code or source not allowed.")}return(n,r)=>(e.openBlock(),e.createElementBlock("div",u,[o.prop.content?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("audio",m,[e.createElementVNode("source",{src:o.prop.content,type:"audio/mp3"},null,8,v),e.createTextVNode(" Your browser does not support the audio tag. ")])])):(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(i.default,{field:t.value,"onUpdate:field":r[0]||(r[0]=s=>t.value=s),onFileChange:d,type:"file",placeholder:"Enter embed code",class:"w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"},null,8,["field"])]))]))}};exports.default=f;

package/dist/prometheus-framework/src/modules/constructor/components/elements/Video.vue.js

@@ -1,12 +1,12 @@
-import { ref as a, openBlock as t, createElementBlock as l, createElementVNode as d, createTextVNode as m, createVNode as v } from "vue";
-import f from "../../../../components/Upload/Upload.vue.js";
+import { ref as r, openBlock as t, createElementBlock as l, createElementVNode as s, createTextVNode as m, createVNode as f } from "vue";
+import v from "../../../../components/Upload/Upload.vue.js";
 const b = { class: "mn-b-thin w-100 pd-medium bg-black t-white radius-medium" }, h = {
   key: 0,
   class: "flex-center flex"
 }, _ = {
   controls: "",
   class: "w-100 h-max-30r"
-}, k = ["src"], x = { key: 1 }, y = {
+}, k = ["src"], x = { key: 1 }, B = {
   __name: "Video",
   props: [
     "label",
@@ -15,26 +15,26 @@ const b = { class: "mn-b-thin w-100 pd-medium bg-black t-white radius-medium" },
   ],
   emits: ["input", "updateBlock"],
   setup(o, { emit: i }) {
-    const e = a(null);
-    a(null);
+    const e = r(null);
+    r(null);
     const c = o, n = i;
-    function p(s) {
-      console.log(e.value), e.value = s, e.value ? (n("input", e.value), n("updateBlock", c.prop, { content: e.value })) : alert("Invalid embed code or source not allowed.");
+    function u(a) {
+      e.value = a, e.value ? (n("input", e.value), n("updateBlock", c.prop, { content: e.value })) : alert("Invalid embed code or source not allowed.");
     }
-    return (s, r) => (t(), l("div", b, [
+    return (a, d) => (t(), l("div", b, [
       o.prop.content ? (t(), l("div", h, [
-        d("video", _, [
-          d("source", {
+        s("audio", _, [
+          s("source", {
             src: o.prop.content,
-            type: "video/mp4"
+            type: "audio/mp3"
           }, null, 8, k),
-          m(" Your browser does not support the video tag. ")
+          m(" Your browser does not support the audio tag. ")
         ])
       ])) : (t(), l("div", x, [
-        v(f, {
+        f(v, {
           field: e.value,
-          "onUpdate:field": r[0] || (r[0] = (u) => e.value = u),
-          onFileChange: p,
+          "onUpdate:field": d[0] || (d[0] = (p) => e.value = p),
+          onFileChange: u,
           type: "file",
           placeholder: "Enter embed code",
           class: "w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"
@@ -44,5 +44,5 @@ const b = { class: "mn-b-thin w-100 pd-medium bg-black t-white radius-medium" },
   }
 };
 export {
-  y as default
+  B as default
 };

package/dist/prometheus-framework/src/modules/constructor/components/sections/Constructor.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../elements/Textarea.vue2.cjs"),V=require("../elements/H2.vue.cjs"),x=require("../elements/Caption.vue.cjs"),N=require("../elements/Bullets.vue.cjs"),A=require("../elements/ImageUpload.vue.cjs"),y=require("../elements/Embed.vue.cjs"),q=require("../elements/Audio.vue.cjs"),$=require("../elements/Video.vue.cjs"),D=require("../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs"),M=["onMouseover"],T={key:0,class:"z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex"},F=["onClick"],I=["onClick"],L=["onClick"],S=["onClick"],U=["onClick"],H=["onClick"],z=["onClick"],j={__name:"Constructor",props:["content"],emits:["update"],setup(v,{emit:f}){const b=v,u=f;let t=e.ref(null);e.ref(null),t.value={content:b.content};const h={Textarea:k.default,H2:V.default,Link:k.default,Bullets:N.default,Caption:x.default,ImageUpload:A.default,Embed:y.default,Audio:q.default,Video:$.default};function c(s="Textarea",a="",o,n){console.log("We are adding new block (functuin HandleAddBlock):"+s+a+o+n);let l={order:t.value.content.length+1,type:s,style:"",class:"",content:a,blocks:[],setFocus:!1};if(n&&n.blocks&&Array.isArray(n.blocks)){let m=n.blocks.map(E=>({...l,content:E.content})),B=[(n.index||o)+1,0].concat(m);t.value.content.splice.apply(t.value.content,B);const _=m[m.length-1];console.log("New block is"+_)}else o!==void 0?(t.value.content.splice(o+1,0,l),console.log("Latest block is"+l)):(console.log("Another block is"+l),t.value.content.push(l));i.value=null,u("update",t.value.content)}function g(s,a){const o=t.value.content.findIndex(n=>n===s);o!==-1&&(t.value.content[o]={...t.value.content[o],...a}),u("update",t.value.content)}function p(s){let a=t.value.content.findIndex(o=>o===s);a!==-1&&t.value.content.splice(a,1),t.value.content[a-1].setFocus=!0,u("update",t.value.content)}const i=e.ref(null),d=e.ref(!1),r=e.ref(!1);function w(){d.value=!0}function C(){d.value=!1}return e.watchEffect(()=>{t.value&&t.value.content.length===0&&c("Textarea",""),u("update",t.value.content)}),(s,a)=>(e.openBlock(),e.createElementBlock("section",null,[e.unref(t).content?(e.openBlock(),e.createBlock(e.unref(D.VueDraggableNext),{key:0,class:"w-full",list:e.unref(t).content,onStart:w,onEnd:C},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).content,(o,n)=>(e.openBlock(),e.createElementBlock("div",{key:n,class:"pos-relative"},[e.createElementVNode("div",{onMouseover:l=>(i.value=n,r.value=!1),class:"pos-relative w-full h-full"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h[o.type]),{index:n,component:o,prop:o,class:e.normalizeClass(o.class),setFocus:o.setFocus,content:"content",onDeleteBlock:p,onAddBlock:c,onUpdateBlock:g},null,40,["index","component","prop","class","setFocus"]))],40,M),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[i.value===n?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pos-absolute z-index-4 i-semi",style:{right:"calc(100% + 0.5rem)",top:"calc(50% - 1.125rem)"},onMousedown:a[1]||(a[1]=e.withModifiers(l=>d.value=!0,["prevent"]))},[e.createElementVNode("button",{onClick:a[0]||(a[0]=l=>r.value=!r.value),class:"mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin"},e.toDisplayString(o.content?"...":"+"),1),r.value?(e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("span",{onClick:l=>p(o),class:"mn-b-thin w-max t-red bg-white button-small button"}," Remove ",8,F),e.createElementVNode("span",{onClick:l=>c("ImageUpload","",n),class:"mn-b-thin w-max t-black bg-white button-small button"}," Add Image ",8,I),e.createElementVNode("span",{onClick:l=>c("H2","",n),class:"w-max button-small t-black bg-white button"}," Add Title ",8,L),e.createElementVNode("span",{onClick:l=>c("Embed","",n),class:"w-max button-small t-black bg-white button"}," Add Embed ",8,S),e.createElementVNode("span",{onClick:l=>c("Audio","",n),class:"w-max button-small t-black bg-white button"}," Add Audio ",8,U),e.createElementVNode("span",{onClick:l=>c("Video","",n),class:"w-max button-small t-black bg-white button"}," Add Video ",8,H),e.createElementVNode("span",{onClick:l=>c("Link","",n),class:"w-max button-small t-black bg-white button"}," Add Link ",8,z)])):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)]),_:2},1024)]))),128))]),_:1},8,["list"])):e.createCommentVNode("",!0)]))}};exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../elements/Textarea.vue2.cjs"),V=require("../elements/H2.vue.cjs"),y=require("../elements/Caption.vue.cjs"),A=require("../elements/Bullets.vue.cjs"),N=require("../elements/ImageUpload.vue.cjs"),q=require("../elements/Embed.vue.cjs"),D=require("../elements/Audio.vue.cjs"),$=require("../elements/Video.vue.cjs"),M=require("../../../../components/Draggable/Draggable.vue.cjs"),T=["data-index"],F=["onMouseover"],I={key:0,class:"pos-absolute z-index-4 i-semi",style:{right:"calc(100% + 0.5rem)",top:"calc(50% - 1.125rem)"}},S={key:0,class:"z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex"},U=["onClick"],z=["onClick"],L=["onClick"],H=["onClick"],j=["onClick"],O=["onClick"],P=["onClick"],R={__name:"Constructor",props:{content:{type:Array}},emits:["update"],setup(v,{emit:b}){const h=v,u=b;e.ref(null);let n=e.ref(null);const i=e.ref(null),r=e.ref(!1),f={Textarea:k.default,H2:V.default,Link:k.default,Bullets:A.default,Caption:y.default,ImageUpload:N.default,Embed:q.default,Audio:D.default,Video:$.default};n.value={content:h.content},e.onMounted(()=>{n.value&&n.value.content.length===0&&s("Textarea","",0,null,"h2","Enter title")});const g=a=>{n.value.content=a},C=a=>{console.log("Drag started from index:",a)},_=(a,l)=>{console.log("Drag ended. Start index:",a,"End index:",l)};function s(a="Textarea",l="",o,t,c="",B=""){let d={type:a,style:"",class:c,placeholder:B,content:l,blocks:[],setFocus:!0};if(t&&t.blocks&&Array.isArray(t.blocks)){let m=t.blocks.map(x=>({...d,content:x.content})),E=[(t.index||o)+1,0].concat(m);n.value.content.splice.apply(n.value.content,E),m[m.length-1]}else o!==void 0?n.value.content.splice(o+1,0,d):n.value.content.push(d);i.value=null,u("update",n.value.content)}function w(a,l){const o=n.value.content.findIndex(t=>t===a);o!==-1&&(n.value.content[o]={...n.value.content[o],...l}),u("update",n.value.content)}function p(a){let l=n.value.content.findIndex(o=>o===a);l!==-1&&l!==0&&(n.value.content.splice(l,1),n.value.content[l-1].setFocus=!0),u("update",n.value.content)}return(a,l)=>(e.openBlock(),e.createElementBlock("section",null,[e.createVNode(M.default,{list:e.unref(n).content,"onUpdate:list":g,onStart:C,onEnd:_,disabledClass:"no-drag"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).content,(o,t)=>(e.openBlock(),e.createElementBlock("div",{key:t,"data-index":t,draggable:"true",class:e.normalizeClass(["draggable-item pos-relative",{"no-drag":t===0}])},[e.createElementVNode("div",{onMouseover:c=>(i.value=t,r.value=!1),class:"pos-relative w-full h-full"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f[o.type]),{index:t,component:o,prop:o,placeholder:o.placeholder,class:e.normalizeClass(o.class),setFocus:o.setFocus,content:"content",onDeleteBlock:p,onAddBlock:s,onUpdateBlock:w},null,40,["index","component","prop","placeholder","class","setFocus"]))],40,F),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[i.value===t?(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("button",{onClick:l[0]||(l[0]=c=>r.value=!r.value),class:"mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin"},e.toDisplayString(o.content?"...":"+"),1),r.value?(e.openBlock(),e.createElementBlock("div",S,[t!==0?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:c=>p(o),class:"mn-b-thin w-max t-red bg-white button-small button"}," Remove ",8,U)):e.createCommentVNode("",!0),e.createElementVNode("span",{onClick:c=>s("ImageUpload","",t),class:"mn-b-thin w-max t-black bg-white button-small button"}," Add Image ",8,z),e.createElementVNode("span",{onClick:c=>s("H2","",t),class:"w-max button-small t-black bg-white button"}," Add Title ",8,L),e.createElementVNode("span",{onClick:c=>s("Embed","",t),class:"w-max button-small t-black bg-white button"}," Add Embed ",8,H),e.createElementVNode("span",{onClick:c=>s("Audio","",t),class:"w-max button-small t-black bg-white button"}," Add Audio ",8,j),e.createElementVNode("span",{onClick:c=>s("Video","",t),class:"w-max button-small t-black bg-white button"}," Add Video ",8,O),e.createElementVNode("span",{onClick:c=>s("Link","",t),class:"w-max button-small t-black bg-white button"}," Add Link ",8,P)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:2},1024)],10,T))),128))]),_:1},8,["list"])]))}};exports.default=R;