@ozdao/prometheus-framework 0.1.52 → 0.1.54

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.js

@@ -1,6 +1,6 @@
 import { resolveComponent as f, openBlock as n, createElementBlock as m, createElementVNode as o, createVNode as i, normalizeClass as r, unref as t, createCommentVNode as g, withCtx as p, Transition as h, createBlock as w, resolveDynamicComponent as y } from "vue";
 import { useRoute as _, useRouter as k } from "vue-router";
-import b from "../../../../components/Select/Select.vue.js";
+import b from "../../../../components/Select/Select.vue2.js";
 import { state as c } from "../../store/blogposts.js";
 import { state as v } from "../../../auth/store/auth.js";
 const x = { class: "min-h-100vh pd-thin" }, C = { class: "mn-thin flex-v-center t-left flex-nowrap flex" }, B = { class: "flex-v-center flex-nowrap flex t-left" }, $ = /* @__PURE__ */ o("span", { class: "" }, "Topics for ", -1), N = { class: "w-100 bg-grey pd-small radius-big mn-semi gap-thin flex-nowrap flex" }, V = { class: "" }, D = {

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../../../constructor/components/elements/Textarea.vue.cjs"),V=require("../../../constructor/components/sections/Constructor.vue.cjs"),y=require("../../../../components/Popup/Popup.vue.cjs");require("../../../../components/FieldTags/tag-input.vue.cjs");require("../../../../components/FieldTags/vue-tags-input.scss.cjs");const B=require("../../../../components/FieldTags/BlockTags.vue.cjs"),N=require("../../../../components/Checkbox/Checkbox.vue.cjs"),P=require("../../../../components/SelectMulti/SelectMulti.vue.cjs"),x=require("../../../../components/Button/Button.vue.cjs"),f=require("vue-router"),n=require("../../store/blogposts.cjs"),i=require("../../../auth/store/auth.cjs"),C=require("../../../organizations/store/organizations.cjs"),q={class:"pd-thin"},E={key:0,class:"h-100 w-100 bg-grey pd-big radius-big"},T={class:"w-full h-full"},z={key:1,class:"pd-thin pos-sticky pos-l-0 pos-b-0 w-100"},O={class:"pd-thin radius-big bg-main w-100 flex-nowrap flex"},$=e.createElementVNode("h3",{class:"mn-small"},"Final Touches",-1),D=e.createElementVNode("h5",{class:"mn-thin"},"Add to public:",-1),M={key:0,class:"mn-thin"},S={key:1,class:"mn-medium br-grey br-2px br-solid pd-small radius-big"},U={__name:"CreateBlogPost",setup(A){const s=f.useRoute(),u=f.useRouter();let t=e.ref(null),p=e.ref(null);const c=e.ref([]),r=e.ref(null);e.onMounted(async()=>{if(s.params.url){const a=await n.read({user:i.state.user._id,url:s.params.url});t.value=a.pop()}else n.clean(),t.value=n.state.current;t.value.owner||(t.value.owner={target:i.state.user._id,type:"user"}),t.value.creator||(t.value.creator={target:i.state.user._id,type:"user",hidden:!1}),t.value.owner.type==="organization"&&(r.value={_id:t.value.owner.target._id,name:t.value.owner.target.profile.name,photo:t.value.owner.target.profile.photo});const o=await C.actions.read({user:i.state.user._id,postable:i.state.user._id,limit:100});console.log(o),p.value=o.map(a=>({name:a.profile.name,_id:a._id,photo:a.profile.photo}))});const g=e.ref(""),m=e.ref([{text:"story"},{text:"news"},{text:"guide"},{text:"discussion"},{text:"photos"}]);e.computed(()=>m.value.filter(o=>o.text.toLowerCase().includes(g.value.toLowerCase()))),e.computed(()=>m.value.filter(o=>!c.value.some(a=>a.text===o.text)));const d=e.ref(!1);function h(){d.value=!0}function v(){d.value=!1}function b(){c.value.length>0&&c.value.map(o=>o.text),t.value.status="draft",s.params.url?n.update(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)}):n.create(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)})}function k(){r.value&&(t.value.owner={target:r.value._id,type:"organization"}),r.value||(t.value.creator.hidden=!1),r.value||(t.value.organization=t.value.creator),t.value.status="published",console.log(t.value),s.params.url?n.update(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)}):n.create(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)})}function _(){confirm("Are you sure you want to delete this post?")&&n.remove(t.value._id).then(o=>{u.push({name:"User Blogposts",params:{_id:t.value.creator.target._id}})}).catch(o=>{console.log(o)})}return(o,a)=>(e.openBlock(),e.createElementBlock("article",q,[e.unref(t)?(e.openBlock(),e.createElementBlock("section",E,[e.createElementVNode("div",T,[e.createVNode(w.default,{prop:e.unref(t),content:"name",placeholder:"Enter post title",class:"h2"},null,8,["prop"])]),e.createVNode(V.default,{content:e.unref(t).content,onUpdate:a[0]||(a[0]=l=>e.unref(t).content=l)},null,8,["content"])])):e.createCommentVNode("",!0),e.unref(t)?(e.openBlock(),e.createElementBlock("section",z,[e.createElementVNode("div",O,[e.unref(s).params.url?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:a[1]||(a[1]=l=>_()),class:"mn-r-auto bg-red t-white t-black button"},"Delete")):e.createCommentVNode("",!0),e.createElementVNode("a",{onClick:a[2]||(a[2]=l=>b()),class:"mn-l-auto bg-white t-black button"},"To Drafts"),e.createElementVNode("a",{onClick:a[3]||(a[3]=l=>h()),class:"mn-l-thin bg-black t-white button"},"Publish")])])):e.createCommentVNode("",!0),e.createVNode(y.default,{title:"Добавить участника",onClosePopup:v,isPopupOpen:d.value,class:"w-m-33r t-left pd-big bg-white radius-big"},{default:e.withCtx(()=>[$,e.createVNode(B.default,{onTagsChanged:a[4]||(a[4]=l=>e.unref(t).tags=l),tags:e.unref(t).tags},null,8,["tags"]),D,e.createVNode(P.default,{modelValue:r.value,"onUpdate:modelValue":a[5]||(a[5]=l=>r.value=l),options:e.unref(p),multiple:!1,taggable:!1,placeholder:"Type to search or add tag",label:"name","track-by":"_id",class:"mn-medium bg-grey radius-medium pd-small"},null,8,["modelValue","options"]),r.value?(e.openBlock(),e.createElementBlock("h5",M,"Options:")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(N.default,{label:"Hide Author",radio:e.unref(t).creator.hidden,"onUpdate:radio":a[6]||(a[6]=l=>e.unref(t).creator.hidden=l),name:"prices",class:"w-100"},null,8,["radio"])])):e.createCommentVNode("",!0),e.createVNode(x.default,{submit:k,callback:o.redirectTo,class:"w-100 bg-black t-white"},{default:e.withCtx(()=>[e.createTextVNode("Publish")]),_:1},8,["callback"])]),_:1},8,["isPopupOpen"])]))}};exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../../../constructor/components/elements/Textarea.vue2.cjs"),V=require("../../../constructor/components/sections/Constructor.vue.cjs"),y=require("../../../../components/Popup/Popup.vue2.cjs");require("../../../../components/FieldTags/tag-input.vue.cjs");require("../../../../components/FieldTags/vue-tags-input.scss.cjs");const B=require("../../../../components/FieldTags/BlockTags.vue.cjs"),N=require("../../../../components/Checkbox/Checkbox.vue.cjs"),P=require("../../../../components/SelectMulti/SelectMulti.vue.cjs"),x=require("../../../../components/Button/Button.vue2.cjs"),f=require("vue-router"),n=require("../../store/blogposts.cjs"),i=require("../../../auth/store/auth.cjs"),C=require("../../../organizations/store/organizations.cjs"),q={class:"pd-thin"},E={key:0,class:"h-100 w-100 bg-grey pd-big radius-big"},T={class:"w-full h-full"},z={key:1,class:"pd-thin pos-sticky pos-l-0 pos-b-0 w-100"},O={class:"pd-thin radius-big bg-main w-100 flex-nowrap flex"},$=e.createElementVNode("h3",{class:"mn-small"},"Final Touches",-1),D=e.createElementVNode("h5",{class:"mn-thin"},"Add to public:",-1),M={key:0,class:"mn-thin"},S={key:1,class:"mn-medium br-grey br-2px br-solid pd-small radius-big"},U={__name:"CreateBlogPost",setup(A){const s=f.useRoute(),u=f.useRouter();let t=e.ref(null),p=e.ref(null);const c=e.ref([]),r=e.ref(null);e.onMounted(async()=>{if(s.params.url){const a=await n.read({user:i.state.user._id,url:s.params.url});t.value=a.pop()}else n.clean(),t.value=n.state.current;t.value.owner||(t.value.owner={target:i.state.user._id,type:"user"}),t.value.creator||(t.value.creator={target:i.state.user._id,type:"user",hidden:!1}),t.value.owner.type==="organization"&&(r.value={_id:t.value.owner.target._id,name:t.value.owner.target.profile.name,photo:t.value.owner.target.profile.photo});const o=await C.actions.read({user:i.state.user._id,postable:i.state.user._id,limit:100});console.log(o),p.value=o.map(a=>({name:a.profile.name,_id:a._id,photo:a.profile.photo}))});const g=e.ref(""),m=e.ref([{text:"story"},{text:"news"},{text:"guide"},{text:"discussion"},{text:"photos"}]);e.computed(()=>m.value.filter(o=>o.text.toLowerCase().includes(g.value.toLowerCase()))),e.computed(()=>m.value.filter(o=>!c.value.some(a=>a.text===o.text)));const d=e.ref(!1);function h(){d.value=!0}function v(){d.value=!1}function b(){c.value.length>0&&c.value.map(o=>o.text),t.value.status="draft",s.params.url?n.update(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)}):n.create(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)})}function k(){r.value&&(t.value.owner={target:r.value._id,type:"organization"}),r.value||(t.value.creator.hidden=!1),r.value||(t.value.organization=t.value.creator),t.value.status="published",console.log(t.value),s.params.url?n.update(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)}):n.create(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)})}function _(){confirm("Are you sure you want to delete this post?")&&n.remove(t.value._id).then(o=>{u.push({name:"User Blogposts",params:{_id:t.value.creator.target._id}})}).catch(o=>{console.log(o)})}return(o,a)=>(e.openBlock(),e.createElementBlock("article",q,[e.unref(t)?(e.openBlock(),e.createElementBlock("section",E,[e.createElementVNode("div",T,[e.createVNode(w.default,{prop:e.unref(t),content:"name",placeholder:"Enter post title",class:"h2"},null,8,["prop"])]),e.createVNode(V.default,{content:e.unref(t).content,onUpdate:a[0]||(a[0]=l=>e.unref(t).content=l)},null,8,["content"])])):e.createCommentVNode("",!0),e.unref(t)?(e.openBlock(),e.createElementBlock("section",z,[e.createElementVNode("div",O,[e.unref(s).params.url?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:a[1]||(a[1]=l=>_()),class:"mn-r-auto bg-red t-white t-black button"},"Delete")):e.createCommentVNode("",!0),e.createElementVNode("a",{onClick:a[2]||(a[2]=l=>b()),class:"mn-l-auto bg-white t-black button"},"To Drafts"),e.createElementVNode("a",{onClick:a[3]||(a[3]=l=>h()),class:"mn-l-thin bg-black t-white button"},"Publish")])])):e.createCommentVNode("",!0),e.createVNode(y.default,{title:"Добавить участника",onClosePopup:v,isPopupOpen:d.value,class:"w-m-33r t-left pd-big bg-white radius-big"},{default:e.withCtx(()=>[$,e.createVNode(B.default,{onTagsChanged:a[4]||(a[4]=l=>e.unref(t).tags=l),tags:e.unref(t).tags},null,8,["tags"]),D,e.createVNode(P.default,{modelValue:r.value,"onUpdate:modelValue":a[5]||(a[5]=l=>r.value=l),options:e.unref(p),multiple:!1,taggable:!1,placeholder:"Type to search or add tag",label:"name","track-by":"_id",class:"mn-medium bg-grey radius-medium pd-small"},null,8,["modelValue","options"]),r.value?(e.openBlock(),e.createElementBlock("h5",M,"Options:")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(N.default,{label:"Hide Author",radio:e.unref(t).creator.hidden,"onUpdate:radio":a[6]||(a[6]=l=>e.unref(t).creator.hidden=l),name:"prices",class:"w-100"},null,8,["radio"])])):e.createCommentVNode("",!0),e.createVNode(x.default,{submit:k,callback:o.redirectTo,class:"w-100 bg-black t-white"},{default:e.withCtx(()=>[e.createTextVNode("Publish")]),_:1},8,["callback"])]),_:1},8,["isPopupOpen"])]))}};exports.default=U;

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js

@@ -1,13 +1,13 @@
 import { ref as r, onMounted as V, computed as _, openBlock as u, createElementBlock as i, unref as a, createElementVNode as p, createVNode as n, createCommentVNode as m, withCtx as w, createTextVNode as z } from "vue";
-import D from "../../../constructor/components/elements/Textarea.vue.js";
+import D from "../../../constructor/components/elements/Textarea.vue2.js";
 import N from "../../../constructor/components/sections/Constructor.vue.js";
-import O from "../../../../components/Popup/Popup.vue.js";
+import O from "../../../../components/Popup/Popup.vue2.js";
 import "../../../../components/FieldTags/tag-input.vue.js";
 import "../../../../components/FieldTags/vue-tags-input.scss.js";
 import U from "../../../../components/FieldTags/BlockTags.vue.js";
 import A from "../../../../components/Checkbox/Checkbox.vue.js";
 import E from "../../../../components/SelectMulti/SelectMulti.vue.js";
-import L from "../../../../components/Button/Button.vue.js";
+import L from "../../../../components/Button/Button.vue2.js";
 import { useRoute as M, useRouter as R } from "vue-router";
 import { read as S, clean as F, state as H, update as k, create as y, remove as j } from "../../store/blogposts.js";
 import { state as f } from "../../../auth/store/auth.js";

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../../../components/Upload/Upload.vue.cjs"),i={class:"mn-thin w-100 pd-medium bg-white radius-medium"},m=["innerHTML"],p={key:1,class:""},b={__name:"Audio",props:["label","value","prop"],emits:["input","updateBlock"],setup(t,{emit:u}){const a=t,o=e.ref(null);function r(l){return[/youtube\.com/,/soundcloud\.com/,/vimeo\.com/].some(c=>c.test(l))}function d(l){o.value=l,o.value&&r(o.value)?(u("input",o.value),u("updateBlock",a.prop,{content:o.value})):alert("Invalid embed code or source not allowed.")}return(l,n)=>(e.openBlock(),e.createElementBlock("div",i,[t.prop.content?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.prop.content,class:"flex-center flex"},null,8,m)):(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(s.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-thin"},null,8,["field"]),e.createElementVNode("button",{onClick:d,class:"button-small button"}," Save ")]))]))}};exports.default=b;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../../../components/Field/Field.vue2.cjs"),i={class:"mn-thin w-100 pd-medium bg-white radius-medium"},m=["innerHTML"],p={key:1,class:""},b=e.createElementVNode("p",{class:"t-center"},"Embeds from youtube.com, vimeo.com, soundcloud.com are allowed",-1),v={__name:"Embed",props:["label","value","prop"],emits:["input","updateBlock"],setup(t,{emit:c}){const d=t,o=e.ref(null);function s(a){return[/youtube\.com/,/soundcloud\.com/,/vimeo\.com/].some(n=>n.test(a))}function r(){o.value&&s(o.value)?(c("input",o.value),c("updateBlock",d.prop,{content:o.value})):alert("Invalid embed code or source not allowed.")}return(a,l)=>(e.openBlock(),e.createElementBlock("div",i,[t.prop.content?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.prop.content,class:"flex-center flex"},null,8,m)):(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(u.default,{field:o.value,"onUpdate:field":l[0]||(l[0]=n=>o.value=n),type:"textarea",placeholder:"Paste your embed code here",class:"w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-thin"},null,8,["field"]),e.createElementVNode("div",{class:"flex-v-center flex-nowrap flex gap-small"},[b,e.createElementVNode("button",{onClick:r,class:"button-small button"}," Save ")])]))]))}};exports.default=v;

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

@@ -0,0 +1,48 @@
+import { ref as m, openBlock as n, createElementBlock as s, createVNode as p, createElementVNode as c } from "vue";
+import b from "../../../../components/Field/Field.vue2.js";
+const f = { class: "mn-thin w-100 pd-medium bg-white radius-medium" }, v = ["innerHTML"], k = {
+  key: 1,
+  class: ""
+}, x = /* @__PURE__ */ c("p", { class: "t-center" }, "Embeds from youtube.com, vimeo.com, soundcloud.com are allowed", -1), _ = {
+  __name: "Embed",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  emits: ["input", "updateBlock"],
+  setup(o, { emit: d }) {
+    const r = o, e = m(null);
+    function u(a) {
+      return [/youtube\.com/, /soundcloud\.com/, /vimeo\.com/].some((t) => t.test(a));
+    }
+    function i() {
+      e.value && u(e.value) ? (d("input", e.value), d("updateBlock", r.prop, { content: e.value })) : alert("Invalid embed code or source not allowed.");
+    }
+    return (a, l) => (n(), s("div", f, [
+      o.prop.content ? (n(), s("div", {
+        key: 0,
+        innerHTML: o.prop.content,
+        class: "flex-center flex"
+      }, null, 8, v)) : (n(), s("div", k, [
+        p(b, {
+          field: e.value,
+          "onUpdate:field": l[0] || (l[0] = (t) => e.value = t),
+          type: "textarea",
+          placeholder: "Paste your embed code here",
+          class: "w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-thin"
+        }, null, 8, ["field"]),
+        c("div", { class: "flex-v-center flex-nowrap flex gap-small" }, [
+          x,
+          c("button", {
+            onClick: i,
+            class: "button-small button"
+          }, " Save ")
+        ])
+      ]))
+    ]));
+  }
+};
+export {
+  _ as default
+};

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

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

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

@@ -1,63 +1,4 @@
-import { ref as d, onUpdated as k, nextTick as s, onMounted as x, openBlock as h, createElementBlock as B, withDirectives as m, createElementVNode as g, vModelText as v } from "vue";
-import "./Textarea.vue2.js";
-const y = ["placeholder"], F = {
-  __name: "Textarea",
-  props: ["prop", "value", "content", "placeholder", "index", "setFocus"],
-  emits: ["deleteBlock", "updateBlock", "addBlock", "focus"],
-  setup(l, { emit: a }) {
-    const e = l;
-    d(e);
-    const t = d(null);
-    d(0);
-    function i(n) {
-      let o = n.target.value.split(/\n+/);
-      if (o.length > 1) {
-        e.prop[e.content] = o[0], s(() => {
-          c();
-        });
-        let r = o.slice(1).map((f) => ({ __name: "Textarea", content: f }));
-        a("addBlock", "Textarea", "", e.index, { blocks: r, ref: t });
-      } else
-        n.target.value.trim() === "" && n.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 p(n) {
-      (n.keyCode === 8 || n.keyCode === 46) && e.prop[e.content].trim() === "" && a("deleteBlock", e.prop);
-    }
-    function u() {
-      s(() => {
-        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 k(() => {
-      e.setFocus && s(() => {
-        u();
-      }), c();
-    }), x(() => {
-      e.setFocus && s(() => {
-        u();
-      }), c();
-    }), (n, o) => (h(), B("div", null, [
-      m(g("textarea", {
-        "onUpdate:modelValue": o[0] || (o[0] = (r) => l.prop[l.content] = r),
-        placeholder: l.placeholder ? l.placeholder : "Enter text",
-        onInput: i,
-        onFocus: o[1] || (o[1] = (r) => a("focus", t.value)),
-        onKeyup: p,
-        ref_key: "textarea",
-        ref: t,
-        class: "text-area mn-thin"
-      }, `    
-    `, 40, y), [
-        [v, l.prop[l.content]]
-      ])
-    ]));
-  }
-};
+const e = "";
 export {
-  F as default
+  e as default
 };

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

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

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

@@ -1,4 +1,63 @@
-const e = "";
+import { ref as d, onUpdated as k, nextTick as s, onMounted as x, openBlock as h, createElementBlock as B, withDirectives as m, createElementVNode as g, vModelText as v } from "vue";
+import "./Textarea.vue.js";
+const y = ["placeholder"], F = {
+  __name: "Textarea",
+  props: ["prop", "value", "content", "placeholder", "index", "setFocus"],
+  emits: ["deleteBlock", "updateBlock", "addBlock", "focus"],
+  setup(l, { emit: a }) {
+    const e = l;
+    d(e);
+    const t = d(null);
+    d(0);
+    function i(n) {
+      let o = n.target.value.split(/\n+/);
+      if (o.length > 1) {
+        e.prop[e.content] = o[0], s(() => {
+          c();
+        });
+        let r = o.slice(1).map((f) => ({ __name: "Textarea", content: f }));
+        a("addBlock", "Textarea", "", e.index, { blocks: r, ref: t });
+      } else
+        n.target.value.trim() === "" && n.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 p(n) {
+      (n.keyCode === 8 || n.keyCode === 46) && e.prop[e.content].trim() === "" && a("deleteBlock", e.prop);
+    }
+    function u() {
+      s(() => {
+        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 k(() => {
+      e.setFocus && s(() => {
+        u();
+      }), c();
+    }), x(() => {
+      e.setFocus && s(() => {
+        u();
+      }), c();
+    }), (n, o) => (h(), B("div", null, [
+      m(g("textarea", {
+        "onUpdate:modelValue": o[0] || (o[0] = (r) => l.prop[l.content] = r),
+        placeholder: l.placeholder ? l.placeholder : "Enter text",
+        onInput: i,
+        onFocus: o[1] || (o[1] = (r) => a("focus", t.value)),
+        onKeyup: p,
+        ref_key: "textarea",
+        ref: t,
+        class: "text-area mn-thin"
+      }, `    
+    `, 40, y), [
+        [v, l.prop[l.content]]
+      ])
+    ]));
+  }
+};
 export {
-  e as default
+  F 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"),C=require("../elements/Textarea.vue.cjs"),y=require("../elements/H2.vue.cjs"),_=require("../elements/Caption.vue.cjs"),E=require("../elements/Bullets.vue.cjs"),N=require("../elements/ImageUpload.vue.cjs"),V=require("../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs"),D=["onMouseover"],q={key:0,class:"z-index-5 radius-thin mn-small relative left-0 mt-2 w-max bg-white shadow-lg rounded"},A=["onClick"],M=["onClick"],$=["onClick"],T={__name:"Constructor",props:["content"],emits:["update"],setup(f,{emit:s}){const m=f;let t=e.ref(null);e.ref(null),t.value={content:m.content};const k={Textarea:C.default,H2:y.default,Bullets:E.default,Caption:_.default,ImageUpload:N.default};function r(c="Textarea",l="",n,o){console.log("We are adding new block (functuin HandleAddBlock):"+c+l+n+o);let a={order:t.value.content.length+1,type:c,style:"",class:"",content:l,blocks:[],setFocus:!0};if(o&&o.blocks&&Array.isArray(o.blocks)){let p=o.blocks.map(x=>({...a,content:x.content})),w=[(o.index||n)+1,0].concat(p);t.value.content.splice.apply(t.value.content,w);const b=p[p.length-1];console.log("New block is"+b)}else n!==void 0?(t.value.content.splice(n+1,0,a),console.log("Latest block is"+a)):(console.log("Another block is"+a),t.value.content.push(a));i.value=null,s("update",t.value.content)}function g(c,l){const n=t.value.content.findIndex(o=>o===c);n!==-1&&(t.value.content[n]={...t.value.content[n],...l}),s("update",t.value.content)}function v(c){let l=t.value.content.findIndex(n=>n===c);l!==-1&&t.value.content.splice(l,1),t.value.content[l-1].setFocus=!0,s("update",t.value.content)}const i=e.ref(null),d=e.ref(!1),u=e.ref(!1);function h(){d.value=!0}function B(){d.value=!1}return e.watchEffect(()=>{t.value&&t.value.content.length===0&&r("Textarea",""),s("update",t.value.content)}),(c,l)=>(e.openBlock(),e.createElementBlock("section",null,[e.unref(t).content?(e.openBlock(),e.createBlock(e.unref(V.VueDraggableNext),{key:0,class:"w-full",list:e.unref(t).content,onStart:h,onEnd:B},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).content,(n,o)=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"pos-relative"},[e.createElementVNode("div",{onMouseover:a=>(i.value=o,u.value=!1),class:"pos-relative w-full h-full"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k[n.type]),{index:o,component:n,prop:n,class:e.normalizeClass(n.class),setFocus:n.setFocus,content:"content",onDeleteBlock:v,onAddBlock:r,onUpdateBlock:g},null,40,["index","component","prop","class","setFocus"]))],40,D),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[i.value===o?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pos-absolute pos-r-100 pos-t-0 z-index-4 i-semi",onMousedown:l[1]||(l[1]=e.withModifiers(a=>d.value=!0,["prevent"]))},[e.createElementVNode("button",{onClick:l[0]||(l[0]=a=>u.value=!u.value),class:"mn-small w-100 i-semi bg-white radius-thin"},e.toDisplayString(n.content?"...":"+"),1),u.value?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("button",{onClick:a=>v(n),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Remove",8,A),e.createElementVNode("button",{onClick:a=>r("ImageUpload","",o),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Add Image",8,M),e.createElementVNode("button",{onClick:a=>r("H2","",o),class:"block w-max text-left px-4 py-2 hover:bg-gray-200"},"Add Title",8,$)])):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)]),_:2},1024)]))),128))]),_:1},8,["list"])):e.createCommentVNode("",!0)]))}};exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../elements/Textarea.vue2.cjs"),E=require("../elements/H2.vue.cjs"),x=require("../elements/Caption.vue.cjs"),N=require("../elements/Bullets.vue.cjs"),y=require("../elements/ImageUpload.vue.cjs"),A=require("../elements/Embed.vue.cjs"),V=require("../elements/Audio.vue.cjs"),q=require("../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs"),D=["onMouseover"],$={key:0,class:"z-index-5 radius-thin pd-thin bg-white w-max mn-small flex-nowrap flex-column flex"},M=["onClick"],T=["onClick"],F=["onClick"],I=["onClick"],S={__name:"Constructor",props:["content"],emits:["update"],setup(f,{emit:u}){const v=f;let t=e.ref(null);e.ref(null),t.value={content:v.content};const k={Textarea:_.default,H2:E.default,Bullets:N.default,Caption:x.default,ImageUpload:y.default,Embed:A.default,Audio:V.default};function s(c="Textarea",l="",n,o){console.log("We are adding new block (functuin HandleAddBlock):"+c+l+n+o);let a={order:t.value.content.length+1,type:c,style:"",class:"",content:l,blocks:[],setFocus:!0};if(o&&o.blocks&&Array.isArray(o.blocks)){let m=o.blocks.map(C=>({...a,content:C.content})),w=[(o.index||n)+1,0].concat(m);t.value.content.splice.apply(t.value.content,w);const B=m[m.length-1];console.log("New block is"+B)}else n!==void 0?(t.value.content.splice(n+1,0,a),console.log("Latest block is"+a)):(console.log("Another block is"+a),t.value.content.push(a));i.value=null,u("update",t.value.content)}function g(c,l){const n=t.value.content.findIndex(o=>o===c);n!==-1&&(t.value.content[n]={...t.value.content[n],...l}),u("update",t.value.content)}function p(c){let l=t.value.content.findIndex(n=>n===c);l!==-1&&t.value.content.splice(l,1),t.value.content[l-1].setFocus=!0,u("update",t.value.content)}const i=e.ref(null),d=e.ref(!1),r=e.ref(!1);function h(){d.value=!0}function b(){d.value=!1}return e.watchEffect(()=>{t.value&&t.value.content.length===0&&s("Textarea",""),u("update",t.value.content)}),(c,l)=>(e.openBlock(),e.createElementBlock("section",null,[e.unref(t).content?(e.openBlock(),e.createBlock(e.unref(q.VueDraggableNext),{key:0,class:"w-full",list:e.unref(t).content,onStart:h,onEnd:b},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).content,(n,o)=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"pos-relative"},[e.createElementVNode("div",{onMouseover:a=>(i.value=o,r.value=!1),class:"pos-relative w-full h-full"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k[n.type]),{index:o,component:n,prop:n,class:e.normalizeClass(n.class),setFocus:n.setFocus,content:"content",onDeleteBlock:p,onAddBlock:s,onUpdateBlock:g},null,40,["index","component","prop","class","setFocus"]))],40,D),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[i.value===o?(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:l[1]||(l[1]=e.withModifiers(a=>d.value=!0,["prevent"]))},[e.createElementVNode("button",{onClick:l[0]||(l[0]=a=>r.value=!r.value),class:"mn-small cursor-pointer w-100 i-semi bg-white radius-thin"},e.toDisplayString(n.content?"...":"+"),1),r.value?(e.openBlock(),e.createElementBlock("div",$,[e.createElementVNode("span",{onClick:a=>p(n),class:"mn-thin w-max t-red bg-white button-small button"}," Remove ",8,M),e.createElementVNode("span",{onClick:a=>s("ImageUpload","",o),class:"mn-thin w-max t-black bg-white button-small button"}," Add Image ",8,T),e.createElementVNode("span",{onClick:a=>s("H2","",o),class:"w-max button-small t-black bg-white button"}," Add Title ",8,F),e.createElementVNode("span",{onClick:a=>s("Embed","",o),class:"w-max button-small t-black bg-white button"}," Add Embed ",8,I)])):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)]),_:2},1024)]))),128))]),_:1},8,["list"])):e.createCommentVNode("",!0)]))}};exports.default=S;

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

@@ -1,29 +1,33 @@
-import { ref as c, watchEffect as M, openBlock as a, createElementBlock as u, unref as v, createBlock as _, withCtx as w, Fragment as N, renderList as E, createElementVNode as r, resolveDynamicComponent as I, normalizeClass as T, createVNode as U, Transition as V, withModifiers as z, toDisplayString as H, createCommentVNode as k } from "vue";
-import S from "../elements/Textarea.vue.js";
+import { ref as i, watchEffect as F, openBlock as a, createElementBlock as r, unref as p, createBlock as g, withCtx as b, Fragment as M, renderList as N, createElementVNode as c, resolveDynamicComponent as I, normalizeClass as T, createVNode as U, Transition as V, withModifiers as z, toDisplayString as H, createCommentVNode as k } from "vue";
+import S from "../elements/Textarea.vue2.js";
 import L from "../elements/H2.vue.js";
 import R from "../elements/Caption.vue.js";
 import W from "../elements/Bullets.vue.js";
 import j from "../elements/ImageUpload.vue.js";
-import { VueDraggableNext as q } from "../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
-const G = ["onMouseover"], J = {
+import q from "../elements/Embed.vue.js";
+import G from "../elements/Audio.vue.js";
+import { VueDraggableNext as J } from "../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
+const K = ["onMouseover"], O = {
   key: 0,
-  class: "z-index-5 radius-thin mn-small relative left-0 mt-2 w-max bg-white shadow-lg rounded"
-}, K = ["onClick"], O = ["onClick"], P = ["onClick"], oe = {
+  class: "z-index-5 radius-thin pd-thin bg-white w-max mn-small flex-nowrap flex-column flex"
+}, P = ["onClick"], Q = ["onClick"], X = ["onClick"], Y = ["onClick"], ue = {
   __name: "Constructor",
   props: ["content"],
   emits: ["update"],
-  setup(x, { emit: i }) {
-    const b = x;
-    let e = c(null);
-    c(null), e.value = { content: b.content };
-    const y = {
+  setup(w, { emit: m }) {
+    const C = w;
+    let e = i(null);
+    i(null), e.value = { content: C.content };
+    const x = {
       Textarea: S,
       H2: L,
       Bullets: W,
       Caption: R,
-      ImageUpload: j
+      ImageUpload: j,
+      Embed: q,
+      Audio: G
     };
-    function p(s = "Textarea", o = "", t, n) {
+    function u(s = "Textarea", o = "", t, n) {
       console.log("We are adding new block (functuin HandleAddBlock):" + s + o + t + n);
       let l = {
         order: e.value.content.length + 1,
@@ -35,87 +39,92 @@ const G = ["onMouseover"], J = {
         setFocus: !0
       };
       if (n && n.blocks && Array.isArray(n.blocks)) {
-        let g = n.blocks.map((F) => ({
+        let h = n.blocks.map((E) => ({
           ...l,
-          content: F.content
-        })), A = [(n.index || t) + 1, 0].concat(g);
+          content: E.content
+        })), A = [(n.index || t) + 1, 0].concat(h);
         e.value.content.splice.apply(e.value.content, A);
-        const D = g[g.length - 1];
+        const D = h[h.length - 1];
         console.log("New block is" + D);
       } else
         t !== void 0 ? (e.value.content.splice(t + 1, 0, l), console.log("Latest block is" + l)) : (console.log("Another block is" + l), e.value.content.push(l));
-      m.value = null, i("update", e.value.content);
+      f.value = null, m("update", e.value.content);
     }
-    function C(s, o) {
+    function $(s, o) {
       const t = e.value.content.findIndex((n) => n === s);
-      t !== -1 && (e.value.content[t] = { ...e.value.content[t], ...o }), i("update", e.value.content);
+      t !== -1 && (e.value.content[t] = { ...e.value.content[t], ...o }), m("update", e.value.content);
     }
-    function h(s) {
+    function _(s) {
       let o = e.value.content.findIndex((t) => t === s);
-      o !== -1 && e.value.content.splice(o, 1), e.value.content[o - 1].setFocus = !0, i("update", e.value.content);
+      o !== -1 && e.value.content.splice(o, 1), e.value.content[o - 1].setFocus = !0, m("update", e.value.content);
     }
-    const m = c(null), f = c(!1), d = c(!1);
+    const f = i(null), v = i(!1), d = i(!1);
     function B() {
-      f.value = !0;
+      v.value = !0;
     }
-    function $() {
-      f.value = !1;
+    function y() {
+      v.value = !1;
     }
-    return M(() => {
-      e.value && e.value.content.length === 0 && p("Textarea", ""), i("update", e.value.content);
-    }), (s, o) => (a(), u("section", null, [
-      v(e).content ? (a(), _(v(q), {
+    return F(() => {
+      e.value && e.value.content.length === 0 && u("Textarea", ""), m("update", e.value.content);
+    }), (s, o) => (a(), r("section", null, [
+      p(e).content ? (a(), g(p(J), {
         key: 0,
         class: "w-full",
-        list: v(e).content,
+        list: p(e).content,
         onStart: B,
-        onEnd: $
+        onEnd: y
       }, {
-        default: w(() => [
-          (a(!0), u(N, null, E(v(e).content, (t, n) => (a(), u("div", {
+        default: b(() => [
+          (a(!0), r(M, null, N(p(e).content, (t, n) => (a(), r("div", {
             key: n,
             class: "pos-relative"
           }, [
-            r("div", {
-              onMouseover: (l) => (m.value = n, d.value = !1),
+            c("div", {
+              onMouseover: (l) => (f.value = n, d.value = !1),
               class: "pos-relative w-full h-full"
             }, [
-              (a(), _(I(y[t.type]), {
+              (a(), g(I(x[t.type]), {
                 index: n,
                 component: t,
                 prop: t,
                 class: T(t.class),
                 setFocus: t.setFocus,
                 content: "content",
-                onDeleteBlock: h,
-                onAddBlock: p,
-                onUpdateBlock: C
+                onDeleteBlock: _,
+                onAddBlock: u,
+                onUpdateBlock: $
               }, null, 40, ["index", "component", "prop", "class", "setFocus"]))
-            ], 40, G),
+            ], 40, K),
             U(V, { name: "fade" }, {
-              default: w(() => [
-                m.value === n ? (a(), u("div", {
+              default: b(() => [
+                f.value === n ? (a(), r("div", {
                   key: 0,
-                  class: "pos-absolute pos-r-100 pos-t-0 z-index-4 i-semi",
-                  onMousedown: o[1] || (o[1] = z((l) => f.value = !0, ["prevent"]))
+                  class: "pos-absolute z-index-4 i-semi",
+                  style: { right: "calc(100% + 0.5rem)", top: "calc(50% - 1.125rem)" },
+                  onMousedown: o[1] || (o[1] = z((l) => v.value = !0, ["prevent"]))
                 }, [
-                  r("button", {
+                  c("button", {
                     onClick: o[0] || (o[0] = (l) => d.value = !d.value),
-                    class: "mn-small w-100 i-semi bg-white radius-thin"
+                    class: "mn-small cursor-pointer w-100 i-semi bg-white radius-thin"
                   }, H(t.content ? "..." : "+"), 1),
-                  d.value ? (a(), u("div", J, [
-                    r("button", {
-                      onClick: (l) => h(t),
-                      class: "block w-max text-left px-4 py-2 hover:bg-gray-200"
-                    }, "Remove", 8, K),
-                    r("button", {
-                      onClick: (l) => p("ImageUpload", "", n),
-                      class: "block w-max text-left px-4 py-2 hover:bg-gray-200"
-                    }, "Add Image", 8, O),
-                    r("button", {
-                      onClick: (l) => p("H2", "", n),
-                      class: "block w-max text-left px-4 py-2 hover:bg-gray-200"
-                    }, "Add Title", 8, P)
+                  d.value ? (a(), r("div", O, [
+                    c("span", {
+                      onClick: (l) => _(t),
+                      class: "mn-thin w-max t-red bg-white button-small button"
+                    }, " Remove ", 8, P),
+                    c("span", {
+                      onClick: (l) => u("ImageUpload", "", n),
+                      class: "mn-thin w-max t-black bg-white button-small button"
+                    }, " Add Image ", 8, Q),
+                    c("span", {
+                      onClick: (l) => u("H2", "", n),
+                      class: "w-max button-small t-black bg-white button"
+                    }, " Add Title ", 8, X),
+                    c("span", {
+                      onClick: (l) => u("Embed", "", n),
+                      class: "w-max button-small t-black bg-white button"
+                    }, " Add Embed ", 8, Y)
                   ])) : k("", !0)
                 ], 32)) : k("", !0)
               ]),
@@ -129,5 +138,5 @@ const G = ["onMouseover"], J = {
   }
 };
 export {
-  oe as default
+  ue as default
 };

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),l=require("../../../../components/Button/Button.vue.cjs");require("../../../auth/store/auth.cjs");const c=require("../../store/tickets.cjs");require("./ButtonJoin.vue2.cjs");const p=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),g={__name:"ButtonJoin",props:{type:{type:String,required:!0},userId:{type:String,required:!0},hasTicket:{type:Boolean,required:!0},targetId:{type:String,required:!0}},emits:["updateTicket"],setup(o,{emit:n}){const t=o,s=async()=>{t.hasTicket?await d(t.targetId):await u(t.targetId)};async function u(i){try{const e={type:t.type,target:i,user:t.userId},r=await c.actions.create(e);n("updateTicket",{ticket:r,hasTicket:!0,targetId:t.targetId})}catch(e){throw console.log(e),e}}async function d(i){const e={type:t.type,target:i,user:t.userId};try{const r=await c.actions.delete(e);n("updateTicket",{ticket:r,hasTicket:!1,targetId:t.targetId})}catch(r){throw console.log(r),r}}return(i,e)=>(a.openBlock(),a.createBlock(l.default,{submit:s,class:"bg-main button-small radius-extra button"},{default:a.withCtx(()=>[a.createTextVNode(a.toDisplayString(o.hasTicket?"Leave":"Join"),1)]),_:1}))}},k=p.default(g,[["__scopeId","data-v-872ff798"]]);exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),l=require("../../../../components/Button/Button.vue2.cjs");require("../../../auth/store/auth.cjs");const c=require("../../store/tickets.cjs");require("./ButtonJoin.vue2.cjs");const p=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),g={__name:"ButtonJoin",props:{type:{type:String,required:!0},userId:{type:String,required:!0},hasTicket:{type:Boolean,required:!0},targetId:{type:String,required:!0}},emits:["updateTicket"],setup(o,{emit:n}){const t=o,s=async()=>{t.hasTicket?await d(t.targetId):await u(t.targetId)};async function u(i){try{const e={type:t.type,target:i,user:t.userId},r=await c.actions.create(e);n("updateTicket",{ticket:r,hasTicket:!0,targetId:t.targetId})}catch(e){throw console.log(e),e}}async function d(i){const e={type:t.type,target:i,user:t.userId};try{const r=await c.actions.delete(e);n("updateTicket",{ticket:r,hasTicket:!1,targetId:t.targetId})}catch(r){throw console.log(r),r}}return(i,e)=>(a.openBlock(),a.createBlock(l.default,{submit:s,class:"bg-main button-small radius-extra button"},{default:a.withCtx(()=>[a.createTextVNode(a.toDisplayString(o.hasTicket?"Leave":"Join"),1)]),_:1}))}},k=p.default(g,[["__scopeId","data-v-872ff798"]]);exports.default=k;

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.js

@@ -1,5 +1,5 @@
 import { openBlock as p, createBlock as d, withCtx as g, createTextVNode as l, toDisplayString as m } from "vue";
-import k from "../../../../components/Button/Button.vue.js";
+import k from "../../../../components/Button/Button.vue2.js";
 import "../../../auth/store/auth.js";
 import { actions as c } from "../../store/tickets.js";
 import "./ButtonJoin.vue2.js";

package/dist/prometheus-framework/src/modules/events/components/layouts/layoutEvents.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vue-router");require("../../../../components/Select/Select.vue2.cjs");const f=require("../../../../components/DatePicker/DatePicker.vue.cjs"),i=require("../../store/events.cjs"),m={class:"pd-thin min-h-100vh"},g=e.createElementVNode("div",{class:"mn-thin br-solid br-1px br-grey bg-grey radius-big"},null,-1),y={class:""},_={__name:"layoutEvents",setup(b){const l=c.useRoute(),d=c.useRouter(),u=p(new Date);function p(t){return`${t.getDate().toString().padStart(2,"0")}${(t.getMonth()+1).toString().padStart(2,"0")}${t.getFullYear()}`}if(l.query){const t=l.query,s={tags:t.tags?t.tags.split(","):null,date:t.date?t.date:u};i.state.filter=s}else{const t={date:u};i.state.filter=t}return e.watch(()=>i.state.filter,(t,s)=>{const a={...l.query};Object.keys(s).forEach(o=>{a[o]&&delete a[o]});const n=Object.fromEntries(Object.entries(t).filter(([o,r])=>Array.isArray(r)&&r.length>0||typeof r=="string"&&r).map(([o,r])=>[o,Array.isArray(r)?r.join(","):r]));Object.assign(a,n),d.push({query:a})},{deep:!0}),(t,s)=>{const a=e.resolveComponent("router-view");return e.openBlock(),e.createElementBlock("div",m,[e.createVNode(f.default,{date:i.state.filter.date,"onUpdate:date":s[0]||(s[0]=n=>i.state.filter.date=n),locale:t.$i18n.locale,class:"radius-small bg-grey pd-l-zero pd-r-zero pd-medium"},null,8,["date","locale"]),g,e.createElementVNode("section",y,[e.createVNode(a,null,{default:e.withCtx(({Component:n,route:o})=>[e.createVNode(e.Transition,{name:"scaleIn",mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{ref:"page",key:o.query}))]),_:2},1024)]),_:1})])])}}};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vue-router");require("../../../../components/Select/Select.vue.cjs");const f=require("../../../../components/DatePicker/DatePicker.vue.cjs"),i=require("../../store/events.cjs"),m={class:"pd-thin min-h-100vh"},g=e.createElementVNode("div",{class:"mn-thin br-solid br-1px br-grey bg-grey radius-big"},null,-1),y={class:""},_={__name:"layoutEvents",setup(b){const l=c.useRoute(),d=c.useRouter(),u=p(new Date);function p(t){return`${t.getDate().toString().padStart(2,"0")}${(t.getMonth()+1).toString().padStart(2,"0")}${t.getFullYear()}`}if(l.query){const t=l.query,s={tags:t.tags?t.tags.split(","):null,date:t.date?t.date:u};i.state.filter=s}else{const t={date:u};i.state.filter=t}return e.watch(()=>i.state.filter,(t,s)=>{const a={...l.query};Object.keys(s).forEach(o=>{a[o]&&delete a[o]});const n=Object.fromEntries(Object.entries(t).filter(([o,r])=>Array.isArray(r)&&r.length>0||typeof r=="string"&&r).map(([o,r])=>[o,Array.isArray(r)?r.join(","):r]));Object.assign(a,n),d.push({query:a})},{deep:!0}),(t,s)=>{const a=e.resolveComponent("router-view");return e.openBlock(),e.createElementBlock("div",m,[e.createVNode(f.default,{date:i.state.filter.date,"onUpdate:date":s[0]||(s[0]=n=>i.state.filter.date=n),locale:t.$i18n.locale,class:"radius-small bg-grey pd-l-zero pd-r-zero pd-medium"},null,8,["date","locale"]),g,e.createElementVNode("section",y,[e.createVNode(a,null,{default:e.withCtx(({Component:n,route:o})=>[e.createVNode(e.Transition,{name:"scaleIn",mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{ref:"page",key:o.query}))]),_:2},1024)]),_:1})])])}}};exports.default=_;

package/dist/prometheus-framework/src/modules/events/components/layouts/layoutEvents.vue.js

@@ -1,6 +1,6 @@
 import { watch as y, resolveComponent as g, openBlock as u, createElementBlock as _, createVNode as l, createElementVNode as m, withCtx as d, Transition as b, createBlock as h, resolveDynamicComponent as w } from "vue";
 import { useRoute as D, useRouter as q } from "vue-router";
-import "../../../../components/Select/Select.vue2.js";
+import "../../../../components/Select/Select.vue.js";
 import j from "../../../../components/DatePicker/DatePicker.vue.js";
 import { state as s } from "../../store/events.js";
 const k = { class: "pd-thin min-h-100vh" }, E = /* @__PURE__ */ m("div", { class: "mn-thin br-solid br-1px br-grey bg-grey radius-big" }, null, -1), V = { class: "" }, B = {