@ozdao/prometheus-framework 0.2.156 → 0.2.157

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

@@ -1,9 +1,9 @@
 import { withAsyncContext as h, ref as u, computed as d, openBlock as r, createElementBlock as p, createElementVNode as o, unref as v, Fragment as w, renderList as g, createBlock as k, withCtx as y, pushScopeId as C, popScopeId as x } from "vue";
 /* empty css                                     */
-/* empty css                                        */
 import B from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                       */
 /* empty css                                       */
+/* empty css                                       */
 import "axios";
 /* empty css                                        */
 import $ from "../blocks/CardBlogpost.vue.js";

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");;/* empty css                                                      */const w=require("../../../constructor/components/sections/Constructor.vue.cjs"),V=require("../../../../components/Popup/Popup.vue.cjs");;/* empty css                                               */;/* empty css                                                     */const N=require("../../../../components/FieldTags/BlockTags.vue.cjs"),B=require("../../../../components/Checkbox/Checkbox.vue.cjs"),y=require("../../../../components/Field/Field.vue2.cjs"),P=require("../../../../components/SelectMulti/SelectMulti.vue.cjs"),C=require("../../../../components/Button/Button.vue2.cjs"),f=require("vue-router"),n=require("../../store/blogposts.cjs"),i=require("../../../auth/store/auth.cjs"),x=require("../../../organizations/store/organizations.cjs"),q={class:"pd-thin"},E={style:{"min-height":"100%"},class:"w-100 bg-light pd-big radius-big"},T=e.createElementVNode("div",{class:"w-full h-full"},null,-1),z={key:0,class:"pd-thin pos-sticky pos-l-0 pos-b-0 w-100"},A={class:"pd-thin radius-big bg-main w-100 flex-nowrap flex"},O=e.createElementVNode("h3",{class:"mn-b-small"},"Final Touches",-1),U=e.createElementVNode("h5",{class:"mn-b-thin"},"Add source:",-1),D=e.createElementVNode("h5",{class:"mn-b-thin"},"Add to public:",-1),M={key:0,class:"mn-b-thin"},S={key:1,class:"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"},R={__name:"CreateBlogPost",setup($){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()=>{const o=await x.actions.read({user:i.state.user._id,postable:i.state.user._id,limit:100});if(p.value=o.map(a=>({name:a.profile.name,_id:a._id,photo:a.profile.photo})),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 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",t.value.name=t.value.content[0].content,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",t.value.name=t.value.content[0].content,s.params.url?n.update(t.value).then(o=>{console.log(t.value),u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.error(o)}):n.create(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.error(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.createElementVNode("section",E,[T,e.unref(t)?(e.openBlock(),e.createBlock(w.default,{key:0,content:e.unref(t).content,onUpdate:a[0]||(a[0]=l=>e.unref(t).content=l)},null,8,["content"])):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{name:"scaleIn"},{default:e.withCtx(()=>[e.unref(t)?(e.openBlock(),e.createElementBlock("section",z,[e.createElementVNode("div",A,[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)]),_:1}),e.createVNode(V.default,{onClosePopup:v,isPopupOpen:d.value,class:"w-m-33r t-left pd-big bg-white radius-big"},{default:e.withCtx(()=>[O,e.createVNode(N.default,{onTagsChanged:a[4]||(a[4]=l=>e.unref(t).tags=l),tags:e.unref(t).tags,class:"mn-b-small"},null,8,["tags"]),U,e.createVNode(y.default,{field:e.unref(t).source,"onUpdate:field":a[5]||(a[5]=l=>e.unref(t).source=l),placeholder:"Add full link to the source",class:"mn-b-medium bg-light radius-medium pd-small"},null,8,["field"]),D,e.createVNode(P.default,{modelValue:r.value,"onUpdate:modelValue":a[6]||(a[6]=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-b-medium bg-light 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(B.default,{label:"Hide Author",radio:e.unref(t).creator.hidden,"onUpdate:radio":a[7]||(a[7]=l=>e.unref(t).creator.hidden=l),name:"prices",class:"w-100"},null,8,["radio"])])):e.createCommentVNode("",!0),e.createVNode(C.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=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../../../../node_modules/isomorphic-dompurify/browser.cjs");;/* empty css                                                      */const w=require("../../../constructor/components/sections/Constructor.vue.cjs"),V=require("../../../../components/Popup/Popup.vue2.cjs");;/* empty css                                               */;/* empty css                                                     */const N=require("../../../../components/FieldTags/BlockTags.vue.cjs"),B=require("../../../../components/Checkbox/Checkbox.vue.cjs"),y=require("../../../../components/Field/Field.vue2.cjs"),P=require("../../../../components/SelectMulti/SelectMulti.vue.cjs"),C=require("../../../../components/Button/Button.vue2.cjs"),f=require("vue-router"),n=require("../../store/blogposts.cjs"),i=require("../../../auth/store/auth.cjs"),x=require("../../../organizations/store/organizations.cjs"),q={class:"pd-thin"},E={style:{"min-height":"100%"},class:"w-100 bg-light pd-big radius-big"},T=e.createElementVNode("div",{class:"w-full h-full"},null,-1),z={key:0,class:"pd-thin pos-sticky pos-l-0 pos-b-0 w-100"},A={class:"pd-thin radius-big bg-main w-100 flex-nowrap flex"},O=e.createElementVNode("h3",{class:"mn-b-small"},"Final Touches",-1),U=e.createElementVNode("h5",{class:"mn-b-thin"},"Add source:",-1),D=e.createElementVNode("h5",{class:"mn-b-thin"},"Add to public:",-1),M={key:0,class:"mn-b-thin"},S={key:1,class:"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"},R={__name:"CreateBlogPost",setup($){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()=>{const o=await x.actions.read({user:i.state.user._id,postable:i.state.user._id,limit:100});if(p.value=o.map(a=>({name:a.profile.name,_id:a._id,photo:a.profile.photo})),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 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",t.value.name=t.value.content[0].content,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",t.value.name=t.value.content[0].content,s.params.url?n.update(t.value).then(o=>{console.log(t.value),u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.error(o)}):n.create(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.error(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.createElementVNode("section",E,[T,e.unref(t)?(e.openBlock(),e.createBlock(w.default,{key:0,content:e.unref(t).content,onUpdate:a[0]||(a[0]=l=>e.unref(t).content=l)},null,8,["content"])):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{name:"scaleIn"},{default:e.withCtx(()=>[e.unref(t)?(e.openBlock(),e.createElementBlock("section",z,[e.createElementVNode("div",A,[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)]),_:1}),e.createVNode(V.default,{onClosePopup:v,isPopupOpen:d.value,class:"w-m-33r t-left pd-big bg-white radius-big"},{default:e.withCtx(()=>[O,e.createVNode(N.default,{onTagsChanged:a[4]||(a[4]=l=>e.unref(t).tags=l),tags:e.unref(t).tags,class:"mn-b-small"},null,8,["tags"]),U,e.createVNode(y.default,{field:e.unref(t).source,"onUpdate:field":a[5]||(a[5]=l=>e.unref(t).source=l),placeholder:"Add full link to the source",class:"mn-b-medium bg-light radius-medium pd-small"},null,8,["field"]),D,e.createVNode(P.default,{modelValue:r.value,"onUpdate:modelValue":a[6]||(a[6]=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-b-medium bg-light 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(B.default,{label:"Hide Author",radio:e.unref(t).creator.hidden,"onUpdate:radio":a[7]||(a[7]=l=>e.unref(t).creator.hidden=l),name:"prices",class:"w-100"},null,8,["radio"])])):e.createCommentVNode("",!0),e.createVNode(C.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=R;

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

@@ -1,36 +1,37 @@
-import { ref as r, onMounted as V, computed as w, openBlock as u, createElementBlock as m, createElementVNode as n, unref as l, createBlock as A, createCommentVNode as p, createVNode as i, Transition as U, withCtx as v, createTextVNode as z } from "vue";
+import { ref as n, onMounted as V, computed as w, openBlock as u, createElementBlock as m, createElementVNode as r, unref as l, createBlock as A, createCommentVNode as p, createVNode as i, Transition as U, withCtx as v, createTextVNode as z } from "vue";
+import "../../../../../../node_modules/isomorphic-dompurify/browser.js";
 /* empty css                                                    */
 import D from "../../../constructor/components/sections/Constructor.vue.js";
-import N from "../../../../components/Popup/Popup.vue.js";
+import N from "../../../../components/Popup/Popup.vue2.js";
 /* empty css                                             */
 /* empty css                                                   */
 import O from "../../../../components/FieldTags/BlockTags.vue.js";
 import E from "../../../../components/Checkbox/Checkbox.vue.js";
-import L from "../../../../components/Field/Field.vue2.js";
-import M from "../../../../components/SelectMulti/SelectMulti.vue.js";
-import R from "../../../../components/Button/Button.vue2.js";
-import { useRoute as S, useRouter as F } from "vue-router";
+import F from "../../../../components/Field/Field.vue2.js";
+import L from "../../../../components/SelectMulti/SelectMulti.vue.js";
+import M from "../../../../components/Button/Button.vue2.js";
+import { useRoute as R, useRouter as S } from "vue-router";
 import { read as H, clean as j, state as q, update as k, create as y, remove as G } from "../../store/blogposts.js";
 import { state as f } from "../../../auth/store/auth.js";
 import { actions as I } from "../../../organizations/store/organizations.js";
 const J = { class: "pd-thin" }, K = {
   style: { "min-height": "100%" },
   class: "w-100 bg-light pd-big radius-big"
-}, Q = /* @__PURE__ */ n("div", { class: "w-full h-full" }, null, -1), W = {
+}, Q = /* @__PURE__ */ r("div", { class: "w-full h-full" }, null, -1), W = {
   key: 0,
   class: "pd-thin pos-sticky pos-l-0 pos-b-0 w-100"
-}, X = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" }, Y = /* @__PURE__ */ n("h3", { class: "mn-b-small" }, "Final Touches", -1), Z = /* @__PURE__ */ n("h5", { class: "mn-b-thin" }, "Add source:", -1), ee = /* @__PURE__ */ n("h5", { class: "mn-b-thin" }, "Add to public:", -1), te = {
+}, X = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" }, Y = /* @__PURE__ */ r("h3", { class: "mn-b-small" }, "Final Touches", -1), Z = /* @__PURE__ */ r("h5", { class: "mn-b-thin" }, "Add source:", -1), ee = /* @__PURE__ */ r("h5", { class: "mn-b-thin" }, "Add to public:", -1), te = {
   key: 0,
   class: "mn-b-thin"
 }, oe = {
   key: 1,
   class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
-}, _e = {
+}, we = {
   __name: "CreateBlogPost",
   setup(ae) {
-    const c = S(), d = F();
-    let e = r(null), b = r(null);
-    const g = r([]), s = r(null);
+    const d = R(), c = S();
+    let e = n(null), b = n(null);
+    const g = n([]), s = n(null);
     V(async () => {
       const t = await I.read({
         user: f.user._id,
@@ -41,8 +42,8 @@ const J = { class: "pd-thin" }, K = {
         name: o.profile.name,
         _id: o._id,
         photo: o.profile.photo
-      })), c.params.url) {
-        const o = await H({ user: f.user._id, url: c.params.url });
+      })), d.params.url) {
+        const o = await H({ user: f.user._id, url: d.params.url });
         e.value = o.pop();
       } else
         j(), e.value = q.current;
@@ -59,7 +60,7 @@ const J = { class: "pd-thin" }, K = {
         photo: e.value.owner.target.profile.photo
       });
     });
-    const P = r(""), _ = r([
+    const P = n(""), _ = n([
       { text: "story" },
       { text: "news" },
       { text: "guide" },
@@ -67,47 +68,47 @@ const J = { class: "pd-thin" }, K = {
       { text: "photos" }
     ]);
     w(() => _.value.filter((t) => t.text.toLowerCase().includes(P.value.toLowerCase()))), w(() => _.value.filter((t) => !g.value.some((o) => o.text === t.text)));
-    const h = r(!1);
+    const h = n(!1);
     function x() {
       h.value = !0;
     }
     function C() {
       h.value = !1;
     }
-    function $() {
-      g.value.length > 0 && g.value.map((t) => t.text), e.value.status = "draft", e.value.name = e.value.content[0].content, c.params.url ? k(e.value).then((t) => {
-        d.push({ name: "BlogPost", params: { url: t.url } });
+    function B() {
+      g.value.length > 0 && g.value.map((t) => t.text), e.value.status = "draft", e.value.name = e.value.content[0].content, d.params.url ? k(e.value).then((t) => {
+        c.push({ name: "BlogPost", params: { url: t.url } });
       }).catch((t) => {
         console.log(t);
       }) : y(e.value).then((t) => {
-        d.push({ name: "BlogPost", params: { url: t.url } });
+        c.push({ name: "BlogPost", params: { url: t.url } });
       }).catch((t) => {
         console.log(t);
       });
     }
-    function B() {
+    function $() {
       s.value && (e.value.owner = {
         target: s.value._id,
         type: "organization"
-      }), s.value || (e.value.creator.hidden = !1), s.value || (e.value.organization = e.value.creator), e.value.status = "published", e.value.name = e.value.content[0].content, c.params.url ? k(e.value).then((t) => {
-        console.log(e.value), d.push({ name: "BlogPost", params: { url: t.url } });
+      }), s.value || (e.value.creator.hidden = !1), s.value || (e.value.organization = e.value.creator), e.value.status = "published", e.value.name = e.value.content[0].content, d.params.url ? k(e.value).then((t) => {
+        console.log(e.value), c.push({ name: "BlogPost", params: { url: t.url } });
       }).catch((t) => {
         console.error(t);
       }) : y(e.value).then((t) => {
-        d.push({ name: "BlogPost", params: { url: t.url } });
+        c.push({ name: "BlogPost", params: { url: t.url } });
       }).catch((t) => {
         console.error(t);
       });
     }
     function T() {
       confirm("Are you sure you want to delete this post?") && G(e.value._id).then((t) => {
-        d.push({ name: "User Blogposts", params: { _id: e.value.creator.target._id } });
+        c.push({ name: "User Blogposts", params: { _id: e.value.creator.target._id } });
       }).catch((t) => {
         console.log(t);
       });
     }
     return (t, o) => (u(), m("article", J, [
-      n("section", K, [
+      r("section", K, [
         Q,
         l(e) ? (u(), A(D, {
           key: 0,
@@ -118,17 +119,17 @@ const J = { class: "pd-thin" }, K = {
       i(U, { name: "scaleIn" }, {
         default: v(() => [
           l(e) ? (u(), m("section", W, [
-            n("div", X, [
-              l(c).params.url ? (u(), m("a", {
+            r("div", X, [
+              l(d).params.url ? (u(), m("a", {
                 key: 0,
                 onClick: o[1] || (o[1] = (a) => T()),
                 class: "mn-r-auto bg-red t-white t-black button"
               }, "Delete")) : p("", !0),
-              n("a", {
-                onClick: o[2] || (o[2] = (a) => $()),
+              r("a", {
+                onClick: o[2] || (o[2] = (a) => B()),
                 class: "mn-l-auto bg-white t-black button"
               }, "To Drafts"),
-              n("a", {
+              r("a", {
                 onClick: o[3] || (o[3] = (a) => x()),
                 class: "mn-l-thin bg-black t-white button"
               }, "Publish")
@@ -150,14 +151,14 @@ const J = { class: "pd-thin" }, K = {
             class: "mn-b-small"
           }, null, 8, ["tags"]),
           Z,
-          i(L, {
+          i(F, {
             field: l(e).source,
             "onUpdate:field": o[5] || (o[5] = (a) => l(e).source = a),
             placeholder: "Add full link to the source",
             class: "mn-b-medium bg-light radius-medium pd-small"
           }, null, 8, ["field"]),
           ee,
-          i(M, {
+          i(L, {
             modelValue: s.value,
             "onUpdate:modelValue": o[6] || (o[6] = (a) => s.value = a),
             options: l(b),
@@ -178,8 +179,8 @@ const J = { class: "pd-thin" }, K = {
               class: "w-100"
             }, null, 8, ["radio"])
           ])) : p("", !0),
-          i(R, {
-            submit: B,
+          i(M, {
+            submit: $,
             callback: t.redirectTo,
             class: "w-100 bg-black t-white"
           }, {
@@ -195,5 +196,5 @@ const J = { class: "pd-thin" }, K = {
   }
 };
 export {
-  _e as default
+  we as default
 };

package/dist/prometheus-framework/src/modules/community/components/sections/Comments.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("axios"),b=require("./Comment.vue.cjs"),f={id:"comments"},w={class:"mn-b-small"},k=e.createElementVNode("p",{class:"t-semi uppercase"},"Please log in to leave a comment.",-1),E=[k],C={key:1,class:"mn-b-small"},B=e.createElementVNode("button",{type:"submit",class:"mn-l-auto bg-main button"},"Send",-1),V={__name:"Comments",props:["target","owner","type"],setup(s){const o=s,i=v.create({baseURL:process.env.API_URL}),l=e.ref([]),c=e.ref(""),p=async()=>{try{const t=await i.get("/comments/read",{params:{target:o.target,type:o.type,user:o.owner,maxDepth:2}});l.value=t.data}catch(t){console.error("Error fetching comments:",t)}},g=async(t,n)=>{try{const m=(await i.post("/comments/create",{content:n,target:o.target,type:o.type,user:o.owner,parent:t})).data;u(l.value,t,m)}catch(r){console.error("Error posting reply:",r)}},h=async(t,n)=>{try{const r=await i.get("/comments/read",{params:{target:o.target,type:o.type,user:o.owner,parentId:t,depth:n,maxDepth:10}});u(l.value,t,r.data,r.data.hasMore,!0)}catch(r){console.error("Error loading more comments:",r)}},u=(t,n,r,m,d=!1)=>{for(let a=0;a<t.length;a++){if(t[a]._id===n)return d?(t[a].children=[...t[a].children,...r],t[a].hasMore=m):t[a].children.push(r),!0;if(t[a].children&&u(t[a].children,n,r,m,d))return!0}return!1},y=async()=>{if(c.value)try{const t=await i.post("/comments/create",{target:o.target,user:o.owner,type:o.type,content:c.value});t.data.owner=o.owner,l.value.push(t.data),c.value=""}catch(t){console.error(t)}};return p(),(t,n)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",null,[e.createElementVNode("h3",w,e.toDisplayString(l.value.length)+" comments",1),s.owner?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:n[0]||(n[0]=r=>t.$router.push({name:"Sign In"})),class:"cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big"},E)),s.owner?(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("form",{onSubmit:e.withModifiers(y,["prevent"]),class:"bg-light radius-big pd-medium"},[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":n[1]||(n[1]=r=>c.value=r),placeholder:"Enter your comment",class:"pd-small p-big w-100 radius-small mn-r-small"},null,512),[[e.vModelText,c.value]]),B],32)])):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,r=>(e.openBlock(),e.createBlock(b.default,{key:r._id,comment:r,target:s.target,type:s.type,owner:s.owner,onReply:g,onLoadMore:h,class:"comment mn-b-small radius-big pd-medium bg-light"},null,8,["comment","target","type","owner"]))),128))]))}};exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("axios"),b=require("./Comment.vue.cjs"),f={id:"comments"},w={class:"mn-b-small"},k=e.createElementVNode("p",{class:"t-semi uppercase"},"Please log in to leave a comment.",-1),E=[k],C={key:1,class:"mn-b-small"},B=e.createElementVNode("button",{type:"submit",class:"mn-l-auto bg-main button"},"Send",-1),V={__name:"Comments",props:["target","owner","type"],setup(s){const o=s,i=v.create({baseURL:process.env.API_URL}),l=e.ref([]),c=e.ref(""),p=async()=>{try{const t=await i.get("/comments/read",{params:{target:o.target,type:o.type,user:o.owner,maxDepth:2}});l.value=t.data}catch(t){console.error("Error fetching comments:",t)}},g=async(t,n)=>{try{const m=(await i.post("/comments/create",{content:n,target:o.target,type:o.type,user:o.owner,parent:t})).data;u(l.value,t,m)}catch(r){console.error("Error posting reply:",r)}},h=async(t,n)=>{try{const r=await i.get("/comments/read",{params:{target:o.target,type:o.type,user:o.owner,parentId:t,depth:n,maxDepth:10}});u(l.value,t,r.data,r.data.hasMore,!0)}catch(r){console.error("Error loading more comments:",r)}},u=(t,n,r,m,d=!1)=>{for(let a=0;a<t.length;a++){if(t[a]._id===n)return d?(t[a].children=[...t[a].children,...r],t[a].hasMore=m):t[a].children.push(r),!0;if(t[a].children&&u(t[a].children,n,r,m,d))return!0}return!1},y=async()=>{if(c.value)try{const t=await i.post("/comments/create",{target:o.target,user:o.owner,type:o.type,content:c.value});t.data.owner=o.owner,l.value.push(t.data),c.value=""}catch(t){console.error(t)}};return p(),(t,n)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",null,[e.createElementVNode("h3",w,e.toDisplayString(l.value.length)+" comments",1),s.owner?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:n[0]||(n[0]=r=>t.$router.push({name:"Sign In"})),class:"pd-big cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big"},E)),s.owner?(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("form",{onSubmit:e.withModifiers(y,["prevent"]),class:"bg-light radius-big pd-medium"},[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":n[1]||(n[1]=r=>c.value=r),placeholder:"Enter your comment",class:"pd-small p-big w-100 radius-small mn-r-small"},null,512),[[e.vModelText,c.value]]),B],32)])):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,r=>(e.openBlock(),e.createBlock(b.default,{key:r._id,comment:r,target:s.target,type:s.type,owner:s.owner,onReply:g,onLoadMore:h,class:"comment mn-b-small radius-big pd-medium bg-light"},null,8,["comment","target","type","owner"]))),128))]))}};exports.default=V;

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

@@ -31,7 +31,7 @@ const B = { id: "comments" }, L = { class: "mn-b-small" }, U = /* @__PURE__ */ l
       } catch (e) {
         console.error("Error fetching comments:", e);
       }
-    }, f = async (e, o) => {
+    }, b = async (e, o) => {
       try {
         const u = (await m.post("/comments/create", {
           content: o,
@@ -44,7 +44,7 @@ const B = { id: "comments" }, L = { class: "mn-b-small" }, U = /* @__PURE__ */ l
       } catch (t) {
         console.error("Error posting reply:", t);
       }
-    }, b = async (e, o) => {
+    }, f = async (e, o) => {
       try {
         const t = await m.get("/comments/read", {
           params: {
@@ -88,7 +88,7 @@ const B = { id: "comments" }, L = { class: "mn-b-small" }, U = /* @__PURE__ */ l
         a.owner ? y("", !0) : (i(), d("div", {
           key: 0,
           onClick: o[0] || (o[0] = (t) => e.$router.push({ name: "Sign In" })),
-          class: "cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big"
+          class: "pd-big cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big"
         }, V)),
         a.owner ? (i(), d("div", D, [
           l("form", {
@@ -112,8 +112,8 @@ const B = { id: "comments" }, L = { class: "mn-b-small" }, U = /* @__PURE__ */ l
         target: a.target,
         type: a.type,
         owner: a.owner,
-        onReply: f,
-        onLoadMore: b,
+        onReply: b,
+        onLoadMore: f,
         class: "comment mn-b-small radius-big pd-medium bg-light"
       }, null, 8, ["comment", "target", "type", "owner"]))), 128))
     ]));

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                         */;/* empty css                                             */;/* empty css                                               */;/* empty css                                       */;/* empty css                                           */;/* empty css                                      */const s=require("../../../../components/Slider/Slider.vue.cjs"),i=require("../blocks/CardBlogpost.vue.cjs"),l=require("../../store/blogposts.cjs"),r=require("../../../auth/store/auth.cjs");;/* empty css                */const n={class:"pd-thin"},a={class:"bg-light radius-big pd-t-big pd-b-big"},c={class:"w-100 pd-b-small t-center flex-center flex"},u=e.createElementVNode("b",null,"Community",-1),d={__name:"HotPosts",setup(p){return(_,h)=>{const o=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("section",n,[e.createElementVNode("div",a,[e.createElementVNode("h2",c,[e.createTextVNode(" Discover Our "),e.createVNode(o,{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 pd-r-small pd-l-small mn-l-thin radius-extra flex flex-v-center"},{default:e.withCtx(()=>[u]),_:1})]),e.createVNode(s.default,{store:{read:t=>l.read(t)},options:{skip:0,limit:8,user:r.state.user._id,period:"year",category:"featured"},text:{messages:{en:{title:"No Blogposts Found",description:"Currently, there are no blogposts available."}}},class:"slider-hotpost"},{default:e.withCtx(({item:t})=>[(e.openBlock(),e.createBlock(i.default,{key:t._id,blogpost:t,user:r.state.user._id,hideDescription:!0,class:"bg-white flex flex-column h-35r"},null,8,["blogpost","user"]))]),_:1},8,["store","options"])])])}}};exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                         */;/* empty css                                              */;/* empty css                                               */;/* empty css                                       */;/* empty css                                           */;/* empty css                                      */const s=require("../../../../components/Slider/Slider.vue.cjs"),i=require("../blocks/CardBlogpost.vue.cjs"),l=require("../../store/blogposts.cjs"),r=require("../../../auth/store/auth.cjs");;/* empty css                */const n={class:"pd-thin"},a={class:"bg-light radius-big pd-t-big pd-b-big"},c={class:"w-100 pd-b-small t-center flex-center flex"},u=e.createElementVNode("b",null,"Community",-1),d={__name:"HotPosts",setup(p){return(_,h)=>{const o=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("section",n,[e.createElementVNode("div",a,[e.createElementVNode("h2",c,[e.createTextVNode(" Discover Our "),e.createVNode(o,{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 pd-r-small pd-l-small mn-l-thin radius-extra flex flex-v-center"},{default:e.withCtx(()=>[u]),_:1})]),e.createVNode(s.default,{store:{read:t=>l.read(t)},options:{skip:0,limit:8,user:r.state.user._id,period:"year",category:"featured"},text:{messages:{en:{title:"No Blogposts Found",description:"Currently, there are no blogposts available."}}},class:"slider-hotpost"},{default:e.withCtx(({item:t})=>[(e.openBlock(),e.createBlock(i.default,{key:t._id,blogpost:t,user:r.state.user._id,hideDescription:!0,class:"bg-white flex flex-column h-35r"},null,8,["blogpost","user"]))]),_:1},8,["store","options"])])])}}};exports.default=d;

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

@@ -1,6 +1,6 @@
 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                                         */

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../components/layouts/Community.vue.cjs"),t=[{path:"community",component:e.default,meta:{title:{en:"Community",ru:"Коммьюнити"},title_hide:!0},children:[{path:":category?",name:"Blog",meta:{title:{en:"Community",ru:"Коммьюнити"},title_hide:!0},component:()=>Promise.resolve().then(()=>require("../components/pages/Blog.vue.cjs"))}]},{path:"community/posts/create",name:"Create BlogPost",meta:{title:{en:"Create Post",ru:"Создать Пост"},authorize:[]},component:()=>Promise.resolve().then(()=>require("../components/pages/CreateBlogPost.vue.cjs"))},{path:"community/posts/:url",name:"BlogPost",meta:{title:{en:"Post",ru:"Пост"}},component:()=>Promise.resolve().then(()=>require("../components/pages/BlogPost.vue.cjs"))},{path:"community/posts/:url/edit",name:"Edit BlogPost",meta:{title:{en:"Edit Post",ru:"Редактировать пост"},authorize:[]},component:()=>Promise.resolve().then(()=>require("../components/pages/CreateBlogPost.vue.cjs"))}];exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../components/layouts/Community.vue.cjs"),t=[{path:"community",component:e.default,meta:{title:{en:"Community",ru:"Коммьюнити"},breadcrumbs:{hidden:!0},title_hide:!0},children:[{path:":category?",name:"Blog",meta:{title:{en:"Community",ru:"Коммьюнити"},title_hide:!0},component:()=>Promise.resolve().then(()=>require("../components/pages/Blog.vue.cjs"))}]},{path:"community/posts/create",name:"Create BlogPost",meta:{title:{en:"Create Post",ru:"Создать Пост"},authorize:[]},component:()=>Promise.resolve().then(()=>require("../components/pages/CreateBlogPost.vue.cjs"))},{path:"community/posts/:url",name:"BlogPost",meta:{title:{en:"Post",ru:"Пост"}},component:()=>Promise.resolve().then(()=>require("../components/pages/BlogPost.vue.cjs"))},{path:"community/posts/:url/edit",name:"Edit BlogPost",meta:{title:{en:"Edit Post",ru:"Редактировать пост"},authorize:[]},component:()=>Promise.resolve().then(()=>require("../components/pages/CreateBlogPost.vue.cjs"))}];exports.default=t;

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

@@ -8,6 +8,9 @@ const o = [
         en: "Community",
         ru: "Коммьюнити"
       },
+      breadcrumbs: {
+        hidden: !0
+      },
       title_hide: !0
     },
     children: [{

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

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

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

@@ -1,5 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),N=require("../../../../../../node_modules/isomorphic-dompurify/browser.cjs");;/* empty css               */const h={key:0,class:"formatting-bar"},y={__name:"Textarea",props:{prop:Object,content:String,placeholder:String,index:Number,setFocus:Boolean},emits:["deleteBlock","updateBlock","addBlock","focus"],setup(s,{emit:k}){const T={ALLOWED_TAGS:["b","i","a","img"],ALLOWED_ATTR:["href","target","src"]},r=s,l=k,c=n.ref(null),u=n.ref(!1);n.ref(null);function C(t){const e=a(t.target.innerHTML);l("updateBlock",r.prop,{content:e})}function g(t){if(t.key==="Enter"&&!t.shiftKey){t.preventDefault();const o=window.getSelection().getRangeAt(0),i=E(o),d=a(c.value.innerHTML);l("updateBlock",r.prop,{content:d}),l("addBlock","Textarea",a(i),r.index)}else t.key==="Backspace"&&c.value.innerHTML.trim()===""&&(t.preventDefault(),l("deleteBlock",r.prop,{setCaretToEnd:!0}))}function E(t){const e=t.startContainer,o=t.startOffset;if(e.nodeType===Node.TEXT_NODE){const i=e.textContent.slice(o);return e.textContent=e.textContent.slice(0,o),i}else if(e.nodeType===Node.ELEMENT_NODE){const i=document.createElement("div"),d=Array.from(e.childNodes);let m=!1;for(d.forEach((b,L)=>{L===o&&(m=!0),m&&i.appendChild(b.cloneNode(!0))});e.childNodes[o];)e.removeChild(e.childNodes[o]);return i.innerHTML}return""}function f(t={}){n.nextTick(()=>{c.value.focus();let e=t.setCaretToEnd||r.prop.setCaretToEnd;if(r.prop.setFocus===!0&&!e){const o=document.createRange();o.setStart(c.value,0),o.collapse(!0);const i=window.getSelection();i.removeAllRanges(),i.addRange(o)}else v(c.value);l("updateBlock",r.prop,{setFocus:!1,setCaretToEnd:!1})})}n.onMounted(()=>{r.setFocus&&n.nextTick(()=>{f()})}),n.onUpdated(()=>{r.setFocus&&n.nextTick(()=>{f()})});function a(t){return N.default.sanitize(t,T)}function v(t){const e=document.createRange(),o=window.getSelection();e.selectNodeContents(t),e.collapse(!1),o.removeAllRanges(),o.addRange(e)}function x(){u.value=window.getSelection().toString().length>0}function p(t){document.execCommand(t,!1,null)}function B(){const t=prompt("Enter the URL:");t&&document.execCommand("createLink",!1,t)}return(t,e)=>(n.openBlock(),n.createElementBlock("div",null,[e[0]||(n.setBlockTracking(-1),e[0]=n.createElementVNode("div",{ref_key:"editableDiv",ref:c,contenteditable:!0,onInput:C,onKeydown:g,onMouseup:x,tabindex:"0",innerHTML:r.prop[r.content],class:n.normalizeClass(["editable-div mn-b-thin",{"t-main t-semi":s.prop.type==="Link",h3:s.prop.type==="H2"}])},null,42,["innerHTML"]),n.setBlockTracking(1),e[0]),u.value?(n.openBlock(),n.createElementBlock("div",h,[n.createElementVNode("button",{onClick:e[1]||(e[1]=o=>p("bold"))},"B"),n.createElementVNode("button",{onClick:e[2]||(e[2]=o=>p("italic"))},"I"),n.createElementVNode("button",{onClick:B},"Link")])):n.createCommentVNode("",!0)]))}};exports.default=y;

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

@@ -1,67 +1,119 @@
-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";
+import { ref as u, onMounted as D, nextTick as f, onUpdated as M, openBlock as T, createElementBlock as g, setBlockTracking as E, createElementVNode as c, normalizeClass as A, createCommentVNode as R } from "vue";
+import z from "../../../../../../node_modules/isomorphic-dompurify/browser.js";
 /* empty css             */
-const b = ["placeholder"], C = {
+const H = {
+  key: 0,
+  class: "formatting-bar"
+}, K = {
   __name: "Textarea",
-  props: ["prop", "value", "content", "placeholder", "index", "setFocus"],
+  props: {
+    prop: Object,
+    content: String,
+    placeholder: String,
+    index: Number,
+    setFocus: Boolean
+  },
   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();
+  setup(l, { emit: v }) {
+    const x = {
+      ALLOWED_TAGS: ["b", "i", "a", "img"],
+      ALLOWED_ATTR: ["href", "target", "src"]
+    }, o = l, s = v, r = u(null), p = u(!1);
+    u(null);
+    function L(t) {
+      const e = a(t.target.innerHTML);
+      s("updateBlock", o.prop, { content: e });
     }
-    function f(l) {
-      (l.keyCode === 8 || l.keyCode === 46) && e.prop[e.content].trim() === "" && a("deleteBlock", e.prop);
+    function B(t) {
+      if (t.key === "Enter" && !t.shiftKey) {
+        t.preventDefault();
+        const n = window.getSelection().getRangeAt(0), i = b(n), d = a(r.value.innerHTML);
+        s("updateBlock", o.prop, { content: d }), s("addBlock", "Textarea", a(i), o.index);
+      } else t.key === "Backspace" && r.value.innerHTML.trim() === "" && (t.preventDefault(), s("deleteBlock", o.prop, { setCaretToEnd: !0 }));
     }
-    function d() {
-      i(() => {
-        t.value.focus(), a("updateBlock", e.prop, { setFocus: !1 });
+    function b(t) {
+      const e = t.startContainer, n = t.startOffset;
+      if (e.nodeType === Node.TEXT_NODE) {
+        const i = e.textContent.slice(n);
+        return e.textContent = e.textContent.slice(0, n), i;
+      } else if (e.nodeType === Node.ELEMENT_NODE) {
+        const i = document.createElement("div"), d = Array.from(e.childNodes);
+        let k = !1;
+        for (d.forEach((w, S) => {
+          S === n && (k = !0), k && i.appendChild(w.cloneNode(!0));
+        }); e.childNodes[n]; )
+          e.removeChild(e.childNodes[n]);
+        return i.innerHTML;
+      }
+      return "";
+    }
+    function m(t = {}) {
+      f(() => {
+        r.value.focus();
+        let e = t.setCaretToEnd || o.prop.setCaretToEnd;
+        if (o.prop.setFocus === !0 && !e) {
+          const n = document.createRange();
+          n.setStart(r.value, 0), n.collapse(!0);
+          const i = window.getSelection();
+          i.removeAllRanges(), i.addRange(n);
+        } else
+          h(r.value);
+        s("updateBlock", o.prop, { setFocus: !1, setCaretToEnd: !1 });
+      });
+    }
+    D(() => {
+      o.setFocus && f(() => {
+        m();
+      });
+    }), M(() => {
+      o.setFocus && f(() => {
+        m();
       });
+    });
+    function a(t) {
+      return z.sanitize(t, x);
+    }
+    function h(t) {
+      const e = document.createRange(), n = window.getSelection();
+      e.selectNodeContents(t), e.collapse(!1), n.removeAllRanges(), n.addRange(e);
+    }
+    function y() {
+      p.value = window.getSelection().toString().length > 0;
+    }
+    function C(t) {
+      document.execCommand(t, !1, null);
     }
-    function c() {
-      t.value.style.height = "1rem", t.value.style.height = t.value.scrollHeight + "px";
+    function N() {
+      const t = prompt("Enter the URL:");
+      t && document.execCommand("createLink", !1, t);
     }
-    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"
+    return (t, e) => (T(), g("div", null, [
+      e[0] || (E(-1), e[0] = c("div", {
+        ref_key: "editableDiv",
+        ref: r,
+        contenteditable: !0,
+        onInput: L,
+        onKeydown: B,
+        onMouseup: y,
+        tabindex: "0",
+        innerHTML: o.prop[o.content],
+        class: A(["editable-div mn-b-thin", {
+          "t-main t-semi": l.prop.type === "Link",
+          h3: l.prop.type === "H2"
         }])
-      }, `  
-      
-    `, 42, b), [
-        [T, o.prop[o.content]]
-      ])
+      }, null, 42, ["innerHTML"]), E(1), e[0]),
+      p.value ? (T(), g("div", H, [
+        c("button", {
+          onClick: e[1] || (e[1] = (n) => C("bold"))
+        }, "B"),
+        c("button", {
+          onClick: e[2] || (e[2] = (n) => C("italic"))
+        }, "I"),
+        c("button", { onClick: N }, "Link")
+      ])) : R("", !0)
     ]));
   }
 };
 export {
-  C as default
+  K 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"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../elements/Textarea.vue2.cjs"),B=require("../elements/ImageUpload.vue.cjs"),x=require("../elements/Embed.vue.cjs"),V=require("../elements/Audio.vue.cjs"),N=require("../elements/Video.vue.cjs"),y=require("../../../../components/Draggable/Draggable.vue.cjs"),A=require("../../../../../node_modules/uuid/dist/esm-browser/v4.cjs"),D=["data-index"],$=["onMouseover"],q={key:0,class:"pos-absolute z-index-4 i-semi",style:{right:"calc(100% + 0.5rem)",top:"calc(50% - 1.125rem)"}},T={key:0,class:"z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex"},M=["onClick"],F=["onClick"],I=["onClick"],S=["onClick"],U=["onClick"],z=["onClick"],L=["onClick"],H={__name:"Constructor",props:{content:{type:Array}},emits:["update"],setup(v,{emit:k}){const h=v,u=k;e.ref(null);let o=e.ref(null);const i=e.ref(null),d=e.ref(!1),f={Textarea:r.default,H2:r.default,Link:r.default,ImageUpload:B.default,Embed:x.default,Audio:V.default,Video:N.default};o.value={content:h.content},e.onMounted(()=>{o.value&&o.value.content.length===0&&c("Textarea","",0,null,"h2","Enter title")});const b=l=>{o.value.content=l},g=l=>{console.log("Drag started from index:",l)},_=(l,s)=>{console.log("Drag ended. Start index:",l,"End index:",s)};function c(l="Textarea",s="",t,n,a="",w="",E=A.default()){let p={id:E,type:l,style:"",class:a,placeholder:w,content:s,blocks:[],setFocus:!0};t!==void 0?o.value.content.splice(t+1,0,p):o.value.content.push(p),i.value=null,u("update",o.value.content)}function C(l,s){const t=o.value.content.findIndex(n=>n===l);t!==-1&&(o.value.content[t]={...o.value.content[t],...s}),u("update",o.value.content)}function m(l,s={}){const t=o.value.content.findIndex(n=>n.id===l.id);if(t!==-1&&t!==0&&(o.value.content.splice(t,1),t>0)){const n=o.value.content[t-1];n.setFocus=!0,n.setCaretToEnd=!0}u("update",o.value.content)}return(l,s)=>(e.openBlock(),e.createElementBlock("section",null,[e.createVNode(y.default,{list:e.unref(o).content,"onUpdate:list":b,onStart:g,onEnd:_,disabledClass:"no-drag"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).content,(t,n)=>(e.openBlock(),e.createElementBlock("div",{key:t.id,"data-index":n,draggable:"true",class:e.normalizeClass(["draggable-item pos-relative",{"no-drag":n===0}])},[e.createElementVNode("div",{onMouseover:a=>(i.value=n,d.value=!1),class:"pos-relative w-full h-full"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f[t.type]),{index:n,component:t,prop:t,placeholder:t.placeholder,class:e.normalizeClass(t.class),setFocus:t.setFocus,content:"content",onDeleteBlock:m,onAddBlock:c,onUpdateBlock:C},null,40,["index","component","prop","placeholder","class","setFocus"]))],40,$),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[i.value===n?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("button",{onClick:s[0]||(s[0]=a=>d.value=!d.value),class:"mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin"},e.toDisplayString(t.content?"...":"+"),1),d.value?(e.openBlock(),e.createElementBlock("div",T,[n!==0?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:a=>m(t),class:"mn-b-thin w-max t-red bg-white button-small button"}," Remove ",8,M)):e.createCommentVNode("",!0),e.createElementVNode("span",{onClick:a=>c("ImageUpload","",n),class:"mn-b-thin w-max t-black bg-white button-small button"}," Add Image ",8,F),e.createElementVNode("span",{onClick:a=>c("H2","",n),class:"w-max button-small t-black bg-white button"}," Add Title ",8,I),e.createElementVNode("span",{onClick:a=>c("Embed","",n),class:"w-max button-small t-black bg-white button"}," Add Embed ",8,S),e.createElementVNode("span",{onClick:a=>c("Audio","",n),class:"w-max button-small t-black bg-white button"}," Add Audio ",8,U),e.createElementVNode("span",{onClick:a=>c("Video","",n),class:"w-max button-small t-black bg-white button"}," Add Video ",8,z),e.createElementVNode("span",{onClick:a=>c("Link","",n),class:"w-max button-small t-black bg-white button"}," Add Link ",8,L)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:2},1024)],10,D))),128))]),_:1},8,["list"])]))}};exports.default=H;