@ozdao/martyrs 0.2.551 → 0.2.553

package/dist/martyrs/src/modules/community/components/pages/CreateBlogPost.vue.cjs

@@ -1,300 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("isomorphic-dompurify");
-;/* empty css                                                      */
-const Constructor = require("../../../constructor/components/sections/Constructor.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
-const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Card = require("../../../core/views/components/blocks/Card.vue.cjs");
-const vueRouter = require("vue-router");
-const blogposts = require("../../store/blogposts.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const organizations = require("../../../organizations/store/organizations.cjs");
-const mixins = require("../../../core/views/mixins/mixins.cjs");
-const _hoisted_1 = { class: "w-100 bg-light radius-medium pos-relative" };
-const _hoisted_2 = {
-  style: { "min-height": "100%" },
-  class: "w-100 pd-big"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "pd-small pos-sticky pos-l-0 pos-b-0 w-100"
-};
-const _hoisted_4 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
-const _hoisted_5 = {
-  key: 1,
-  class: "mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "mn-b-thin"
-};
-const _hoisted_7 = {
-  key: 3,
-  class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
-};
-const _sfc_main = {
-  __name: "CreateBlogPost",
-  setup(__props) {
-    const { hasAccess } = mixins.useGlobalMixins();
-    const route = vueRouter.useRoute();
-    const router = vueRouter.useRouter();
-    let post = vue.ref(null);
-    vue.ref(null);
-    const selectedTags = vue.ref([]);
-    const selectedOrganization = vue.ref(null);
-    vue.onMounted(async () => {
-      if (route.params.url) {
-        const data = await blogposts.read({ user: auth.state.user._id, url: route.params.url });
-        post.value = data.pop();
-        if (!post.value) {
-          router.push({ name: "notfound" });
-        }
-        if (post.value.owner.type === "organization") {
-          const isAccess = hasAccess(post.value.owner.target._id, "posts", "edit", auth.state.accesses, auth.state.access.roles);
-          if (!isAccess) {
-            router.push({ name: "unauthorized" });
-          }
-        }
-        if (post.value.owner.type === "user" && post.value.creator.target._id !== auth.state.user._id) {
-          router.push({ name: "unauthorized" });
-        }
-      } else {
-        blogposts.clean();
-        post.value = blogposts.state.current;
-      }
-      if (!post.value.owner) post.value.owner = {
-        target: auth.state.user._id,
-        type: "user"
-      };
-      if (!post.value.creator) post.value.creator = {
-        target: auth.state.user._id,
-        type: "user",
-        hidden: false
-      };
-      if (post.value.owner.type === "organization") selectedOrganization.value = {
-        _id: post.value.owner.target._id,
-        name: post.value.owner.target.profile.name,
-        photo: post.value.owner.target.profile.photo
-      };
-    });
-    const tag = vue.ref("");
-    const autocompleteItems = vue.ref([
-      { text: "story" },
-      { text: "news" },
-      { text: "guide" },
-      { text: "discussion" },
-      { text: "photos" }
-    ]);
-    vue.computed(() => {
-      return autocompleteItems.value.filter((i) => {
-        return i.text.toLowerCase().includes(tag.value.toLowerCase());
-      });
-    });
-    vue.computed(() => {
-      return autocompleteItems.value.filter((item) => {
-        return !selectedTags.value.some((tag2) => tag2.text === item.text);
-      });
-    });
-    const isPublicationPopup = vue.ref(false);
-    function openPulicationPopup() {
-      isPublicationPopup.value = true;
-    }
-    function closePublicationPopup() {
-      isPublicationPopup.value = false;
-    }
-    function onDrafts() {
-      if (selectedTags.value.length > 0) selectedTags.value.map((tag2) => tag2.text);
-      post.value.status = "draft";
-      post.value.name = post.value.content[0].content;
-      if (route.params.url) {
-        blogposts.update(post.value).then((response) => {
-          router.push({ name: "BlogPost", params: { url: response.url } });
-        }).catch((error) => {
-          console.log(error);
-        });
-      } else {
-        blogposts.create(post.value).then((response) => {
-          router.push({ name: "BlogPost", params: { url: response.url } });
-        }).catch((error) => {
-          console.log(error);
-        });
-      }
-    }
-    function onSubmit() {
-      if (selectedOrganization.value) post.value.owner = {
-        target: selectedOrganization.value._id,
-        type: "organization"
-      };
-      if (!selectedOrganization.value) post.value.creator.hidden = false;
-      if (!selectedOrganization.value) post.value.organization = post.value.creator;
-      post.value.status = "published";
-      post.value.name = post.value.content[0].content;
-      if (route.params.url) {
-        blogposts.update(post.value).then((response) => {
-          console.log(post.value);
-          router.push({ name: "BlogPost", params: { url: response.url } });
-        }).catch((error) => {
-          console.error(error);
-        });
-      } else {
-        blogposts.create(post.value).then((response) => {
-          router.push({ name: "BlogPost", params: { url: response.url } });
-        }).catch((error) => {
-          console.error(error);
-        });
-      }
-    }
-    function onDelete() {
-      if (confirm("Are you sure you want to delete this post?")) {
-        blogposts.remove(post.value._id).then((response) => {
-          router.push({ name: "User Posts", params: { _id: post.value.creator.target._id } });
-        }).catch((error) => {
-          console.log(error);
-        });
-      }
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
-        vue.createElementVNode("section", _hoisted_2, [
-          _cache[10] || (_cache[10] = vue.createElementVNode("div", { class: "w-full h-full" }, null, -1)),
-          vue.unref(post) ? (vue.openBlock(), vue.createBlock(Constructor.default, {
-            key: 0,
-            content: vue.unref(post).content,
-            onUpdate: _cache[0] || (_cache[0] = (update) => vue.unref(post).content = update)
-          }, null, 8, ["content"])) : vue.createCommentVNode("", true)
-        ]),
-        vue.createVNode(vue.Transition, { name: "scaleIn" }, {
-          default: vue.withCtx(() => [
-            vue.unref(post) ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_3, [
-              vue.createElementVNode("div", _hoisted_4, [
-                vue.unref(route).params.url ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  onClick: _cache[1] || (_cache[1] = ($event) => onDelete()),
-                  class: "mn-r-auto bg-red t-white t-black button"
-                }, _cache[11] || (_cache[11] = [
-                  vue.createElementVNode("span", null, "Delete", -1)
-                ]))) : vue.createCommentVNode("", true),
-                vue.createElementVNode("button", {
-                  onClick: _cache[2] || (_cache[2] = ($event) => onDrafts()),
-                  class: "mn-l-auto bg-white t-black button"
-                }, _cache[12] || (_cache[12] = [
-                  vue.createElementVNode("span", null, "To Drafts", -1)
-                ])),
-                vue.createElementVNode("button", {
-                  onClick: _cache[3] || (_cache[3] = ($event) => openPulicationPopup()),
-                  class: "mn-l-thin bg-black t-white button"
-                }, _cache[13] || (_cache[13] = [
-                  vue.createElementVNode("span", null, "Publish", -1)
-                ]))
-              ])
-            ])) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        }),
-        vue.createVNode(Popup.default, {
-          onClosePopup: closePublicationPopup,
-          isPopupOpen: isPublicationPopup.value,
-          class: "w-m-33r t-left pd-big bg-white radius-big"
-        }, {
-          default: vue.withCtx(() => [
-            _cache[15] || (_cache[15] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Final Touches", -1)),
-            vue.createVNode(BlockTags.default, {
-              onTagsChanged: _cache[4] || (_cache[4] = (newTags) => vue.unref(post).tags = newTags),
-              tags: vue.unref(post).tags,
-              class: "mn-b-small"
-            }, null, 8, ["tags"]),
-            _cache[16] || (_cache[16] = vue.createElementVNode("h5", { class: "mn-b-small" }, "Add source:", -1)),
-            vue.createVNode(Field.default, {
-              field: vue.unref(post).source,
-              "onUpdate:field": _cache[5] || (_cache[5] = ($event) => vue.unref(post).source = $event),
-              placeholder: "Add full link to the source",
-              class: "mn-b-medium bg-light radius-medium pd-small"
-            }, null, 8, ["field"]),
-            _cache[17] || (_cache[17] = vue.createElementVNode("h5", { class: "mn-b-small" }, "Add to public", -1)),
-            selectedOrganization.value ? (vue.openBlock(), vue.createBlock(Card.default, {
-              key: 0,
-              photo: selectedOrganization.value.profile?.photo,
-              title: selectedOrganization.value.profile?.name,
-              onClick: _cache[6] || (_cache[6] = () => {
-                selectedOrganization.value = null;
-              }),
-              class: "h-4r w-100 bg-light pd-thin radius-medium mn-b-thin"
-            }, null, 8, ["photo", "title"])) : (vue.openBlock(), vue.createElementBlock("section", _hoisted_5, [
-              vue.createVNode(Feed.default, {
-                showLoadMore: false,
-                search: {
-                  placeholder: "Search organization...",
-                  class: "bg-white mn-b-thin"
-                },
-                states: {
-                  empty: {
-                    title: "No organizations Found",
-                    description: "Currently, there are no such organizations available."
-                  }
-                },
-                store: {
-                  read: (options) => organizations.actions.read(options),
-                  state: null
-                },
-                options: {
-                  user: auth.state.user._id,
-                  postable: auth.state.user._id,
-                  lookup: ["memberships"]
-                }
-              }, {
-                default: vue.withCtx(({
-                  items
-                }) => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (organization, index, ___, _cached) => {
-                    const _memo = [organization._id, organization.profile.name];
-                    if (_cached && vue.isMemoSame(_cached, _memo)) return _cached;
-                    const _item = (vue.openBlock(), vue.createBlock(Card.default, {
-                      photo: organization.profile?.photo,
-                      title: organization.profile?.name,
-                      onClick: () => {
-                        selectedOrganization.value = organization;
-                      },
-                      class: "h-4r bg-white pd-thin radius-medium w-100 mn-b-thin"
-                    }, null, 8, ["photo", "title", "onClick"]));
-                    _item.memo = _memo;
-                    return _item;
-                  }, _cache, 7), 256))
-                ]),
-                _: 1
-              }, 8, ["store", "options"])
-            ])),
-            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_6, "Options:")) : vue.createCommentVNode("", true),
-            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-              vue.createVNode(Checkbox.default, {
-                label: "Hide Author",
-                radio: vue.unref(post).creator.hidden,
-                "onUpdate:radio": _cache[9] || (_cache[9] = (event) => vue.unref(post).creator.hidden = event),
-                name: "prices",
-                class: "w-100"
-              }, null, 8, ["radio"])
-            ])) : vue.createCommentVNode("", true),
-            vue.createVNode(Button.default, {
-              submit: onSubmit,
-              callback: _ctx.redirectTo,
-              class: "w-100 bg-black t-white"
-            }, {
-              default: vue.withCtx(() => _cache[14] || (_cache[14] = [
-                vue.createTextVNode("Publish")
-              ])),
-              _: 1
-            }, 8, ["callback"])
-          ]),
-          _: 1
-        }, 8, ["isPopupOpen"])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=CreateBlogPost.vue.cjs.map

package/dist/martyrs/src/modules/community/components/pages/CreateBlogPost.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateBlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"w-100 bg-light radius-medium pos-relative\"\n  >\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 pd-big\"\n    >\n      <!-- Title -->\n      <div \n        class=\"w-full h-full\"\n      >\n        <!-- <Textarea \n          v-if=\"post\" \n          :prop=\"post\" \n          :setFocus=\"true\"\n          content=\"name\" \n          placeholder=\"Enter post title\" \n          class=\"h2\"\n        /> -->\n      </div>\n\n      <Constructor \n        v-if=\"post\" \n        :content=\"post.content\"\n        @update=\"update => post.content = update\"\n      />\n\n    </section>\n\n    <transition  name=\"scaleIn\" >\n      <section v-if=\"post\" class=\"pd-small pos-sticky pos-l-0 pos-b-0 w-100 \">\n        <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n          <button v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\"><span>Delete</span></button>\n          <button @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\"><span>To Drafts</span></button>\n          <button @click=\"openPulicationPopup()\" class=\"mn-l-thin bg-black t-white button\"><span>Publish</span></button>\n        </div>\n      </section>\n    </transition>\n\n    <Popup  \n      @close-popup=\"closePublicationPopup\" \n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-m-33r t-left pd-big bg-white radius-big\"\n    >\n      <h3 class=\"mn-b-small\">Final Touches</h3>\n      \n      <BlockTags\n        @tags-changed=\"newTags => post.tags = newTags\"\n        :tags=\"post.tags\"\n        class=\"mn-b-small\"\n      />\n\n      <h5 class=\"mn-b-small\">Add source:</h5>\n      <Field \n        v-model:field=\"post.source\"    \n        placeholder=\"Add full link to the source\" \n        class=\"mn-b-medium bg-light radius-medium pd-small\" \n      />\n\n      <h5 class=\"mn-b-small\">Add to public</h5>\n      <Card\n        v-if=\"selectedOrganization\"\n        :photo=\"selectedOrganization.profile?.photo\"\n        :title=\"selectedOrganization.profile?.name\"\n        @click=\"() => { \n          selectedOrganization = null\n        }\"\n        class=\"h-4r w-100 bg-light pd-thin radius-medium  mn-b-thin\"\n      />\n\n      <section v-else class=\"mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small \">\n        <Feed\n          :showLoadMore=\"false\" \n          :search=\"{\n            placeholder: 'Search organization...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No organizations Found',\n              description: 'Currently, there are no such organizations available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => organizations.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            user: auth.state.user._id,\n            postable: auth.state.user._id,\n            lookup: ['memberships']\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n        >\n          <Card\n            v-for=\"(organization, index) in items\" \n            v-memo=\"[organization._id, organization.profile.name]\"\n            :photo=\"organization.profile?.photo\"\n            :title=\"organization.profile?.name\"\n            @click=\"() => { \n              selectedOrganization = organization\n            }\"\n            class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </section>\n\n      <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n      <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n        <Checkbox \n          :label=\"'Hide Author'\"\n          :radio=\"post.creator.hidden\"\n          @update:radio=\"event => post.creator.hidden = event\"\n          name=\"prices\"\n          class=\"w-100\"\n        />\n      </div>\n        \n      <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n    </Popup>\n      \n  </article>\n</template>\n\n<script setup>\nimport Textarea from '@martyrs/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@martyrs/src/modules/constructor/components/sections/Constructor.vue';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport BlockTags from '@martyrs/src/components/FieldTags/BlockTags.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue';\n\nimport { ref, onMounted, watchEffect, nextTick, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { VueDraggableNext } from 'vue-draggable-next';\n// Store & Router\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\n    \nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet post = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nonMounted(async () =>{\n  \n  if (route.params.url) {\n    const data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n    \n    post.value = data.pop();\n\n    if (!post.value) {\n      router.push({name: 'notfound'})\n    }\n\n    if (post.value.owner.type === 'organization') {\n      // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n      const isAccess = hasAccess(post.value.owner.target._id, 'posts', 'edit', auth.state.accesses, auth.state.access.roles);\n\n      if (!isAccess) {\n        router.push({name: 'unauthorized'})\n      }\n    }\n\n     if (post.value.owner.type === 'user' && post.value.creator.target._id !== auth.state.user._id) {\n      router.push({name: 'unauthorized'})\n    }\n  } else {\n    blog.clean();\n    post.value = blog.state.current;\n  }\n\n  if (!post.value.owner) post.value.owner = {\n    target: auth.state.user._id,\n    type: 'user'\n  }\n\n  if (!post.value.creator) post.value.creator = {\n    target: auth.state.user._id,\n    type: 'user',\n    hidden: false\n  }\n\n\n  if (post.value.owner.type === 'organization') selectedOrganization.value = {\n    _id: post.value.owner.target._id,\n    name: post.value.owner.target.profile.name,\n    photo: post.value.owner.target.profile.photo\n  }\n})\n// /////////////////////////////////////////\n// Publication Form\n// /////////////////////////////////////////\nconst tag = ref('');\nconst autocompleteItems = ref([\n  { text: 'story' },\n  { text: 'news' },\n  { text: 'guide' },\n  { text: 'discussion' },\n  { text: 'photos' },\n]);\n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n}\n// /////////////////////////////////////////\n// Publication Popup\n// /////////////////////////////////////////\nconst isPublicationPopup = ref(false)\n\nfunction openPulicationPopup() {\n  isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false;\n}\n\nfunction onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  post.value.status = \"draft\"\n  post.value.name = post.value.content[0].content\n\n  if (route.params.url) {\n    blog.update(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  } else {\n    blog.create(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n\nfunction onSubmit() {\n\n  if (selectedOrganization.value) post.value.owner = {\n    target: selectedOrganization.value._id,\n    type: 'organization'\n  }\n\n  if (!selectedOrganization.value) post.value.creator.hidden = false\n  if (!selectedOrganization.value) post.value.organization = post.value.creator\n\n  post.value.status = \"published\"\n  post.value.name = post.value.content[0].content\n\n  if (route.params.url) {\n    blog.update(post.value)\n      .then(response => {\n        console.log(post.value)\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      });\n  } else {\n    blog.create(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      });\n  }\n}\n\nfunction onDelete() {\n  if (confirm('Are you sure you want to delete this post?')) {\n    blog.remove(post.value._id)\n      .then(response => {\n        router.push({ name: 'User Posts', params: { _id: post.value.creator.target._id } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useGlobalMixins","useRoute","useRouter","ref","onMounted","blog.read","auth.state","blog.clean","blog.state","computed","tag","blog.update","blog.create","blog.remove"],"mappings":"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"}

package/dist/martyrs/src/modules/community/components/pages/Posts.vue.cjs

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
-const IconPlus = require("../../../icons/navigation/IconPlus.vue.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const core_store = require("../../../core/views/store/core.store.cjs");
-const blogposts = require("../../store/blogposts.cjs");
-const organizations = require("../../../organizations/store/organizations.cjs");
-const mixins = require("../../../core/views/mixins/mixins.cjs");
-const _hoisted_1 = { class: "pos-relative" };
-const _hoisted_2 = {
-  key: 0,
-  class: "pd-medium flex-v-center flex-nowrap flex"
-};
-const _hoisted_3 = { class: "w-100 rows-1 pd-thin pos-relative o-hidden" };
-const _sfc_main = {
-  __name: "Posts",
-  props: {
-    organization: {
-      type: Object,
-      default: null
-    }
-  },
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const router = vueRouter.useRouter();
-    const { hasAccess } = mixins.useGlobalMixins();
-    core_store.state.navigation_bar.actions = [{
-      component: IconPlus.default,
-      props: {
-        fill: "rgb(var(--main))"
-      },
-      condition: () => auth.state.user && auth.state.user._id,
-      action: () => route.params._id ? router.push({ name: "Organization_PostAdd", params: { _id: route.params._id } }) : router.push({ name: "CreateBlogPost" })
-    }];
-    vue.onMounted(async () => {
-      if (route.params._id) {
-        await organizations.actions.read({ _id: route.params._id });
-      }
-    });
-    vue.onUnmounted(() => {
-      core_store.state.navigation_bar.actions = [];
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.unref(route).name !== "Organization" && !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2, [
-          _cache[3] || (_cache[3] = vue.createElementVNode("h2", { class: "mn-r-medium" }, "Posts", -1)),
-          vue.unref(hasAccess)(vue.unref(route).params._id, "posts", "create", auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createElementBlock("button", {
-            key: 0,
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
-              name: vue.unref(route).params?._id ? "Organization_PostAdd" : "CreateBlogPost"
-            })),
-            class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
-          }, " + ")) : vue.createCommentVNode("", true)
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3, [
-          vue.createVNode(Feed.default, {
-            search: true,
-            filter: blogposts.state.filter,
-            "onUpdate:filter": _cache[1] || (_cache[1] = ($event) => blogposts.state.filter = $event),
-            sort: blogposts.state.sort,
-            "onUpdate:sort": _cache[2] || (_cache[2] = ($event) => blogposts.state.sort = $event),
-            showLoadMore: false,
-            states: {
-              empty: {
-                title: "No Blog Posts Found",
-                description: "Currently, there are no posts available in this blog."
-              }
-            },
-            store: {
-              read: (options) => blogposts.read(options),
-              state: blogposts.state
-            },
-            options: {
-              limit: 12,
-              status: "published",
-              user: auth.state.user._id,
-              owner: vue.unref(route).params._id || null,
-              search: vue.unref(route).query.search
-            },
-            class: "cols-1 pos-relative w-100 rows-1 gap-thin"
-          }, {
-            default: vue.withCtx(({
-              items
-            }) => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (item) => {
-                return vue.openBlock(), vue.createBlock(CardBlogpost.default, {
-                  key: item._id,
-                  blogpost: item,
-                  user: auth.state.user._id,
-                  class: "h-max-40r bg-light radius-medium cursor-pointer hover-scale-1 transition-all",
-                  onClick: ($event) => _ctx.$router.push({
-                    name: vue.unref(route).params._id ? "Organization_BlogPost" : "BlogPost",
-                    params: {
-                      _id: vue.unref(route).params._id,
-                      url: item.url
-                    }
-                  })
-                }, null, 8, ["blogpost", "user", "onClick"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["filter", "sort", "store", "options"])
-        ])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Posts.vue.cjs.map

package/dist/martyrs/src/modules/community/components/pages/Posts.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Posts.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Posts.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Posts</h2>\n      <button \n        v-if=\"hasAccess(route.params._id, 'posts', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_PostAdd' : 'CreateBlogPost'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n        <Feed\n          :search=\"true\"\n          v-model:filter=\"blog.state.filter\"\n          v-model:sort=\"blog.state.sort\"\n          :showLoadMore=\"false\"\n          :states=\"{\n            empty: {\n              title: 'No Blog Posts Found',\n              description: 'Currently, there are no posts available in this blog.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => blog.read(options),\n            state: blog.state\n          }\"\n          :options=\"{\n            limit: 12,\n            status: 'published',\n            user: auth.state.user._id,\n            owner: route.params._id || null,\n            search: route.query.search\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"cols-1 pos-relative w-100 rows-1 gap-thin\"\n        >\n          <CardBlogpost \n            v-for=\"item in items\" \n            :key=\"item._id\" \n            :blogpost=\"item\" \n            :user=\"auth.state.user._id\" \n            class=\"h-max-40r bg-light radius-medium cursor-pointer hover-scale-1 transition-all\"\n            @click=\"$router.push({ \n              name: route.params._id ? 'Organization_BlogPost' : 'BlogPost', \n              params: { \n                _id: route.params._id,\n                url: item.url \n              } \n            })\"\n          />\n        </Feed>\n\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as core from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const route = useRoute()\n  const router = useRouter()\n  const { hasAccess } = useGlobalMixins()\n\n  // Props\n  const props = defineProps({\n    organization: {\n      type: Object,\n      default: null\n    }\n  })\n\n\n  core.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Organization_PostAdd', params: { _id: route.params._id} }) : router.push({ name: 'CreateBlogPost' })\n  }]\n\n  onMounted(async () => {\n    if (route.params._id) {\n      await organizations.actions.read({ _id: route.params._id });\n    }\n  })\n\n  onUnmounted(() => {\n    core.state.navigation_bar.actions = [];\n  });\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","useGlobalMixins","core.state","IconPlus","auth.state","onMounted","organizations.actions","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFE,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AACxB,UAAM,EAAE,UAAS,IAAKC,OAAAA,gBAAe;AAWrCC,qBAAW,eAAe,UAAU,CAAC;AAAA,MACnC,WAAWC,SAAAA;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,KAAAA,MAAW,QAAQA,KAAAA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE,IAAI,OAAO,KAAK,EAAE,MAAM,iBAAgB,CAAE;AAAA,IAC7J,CAAG;AAEDC,QAAAA,UAAU,YAAY;AACpB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMC,cAAAA,QAAsB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC5D;AAAA,IACF,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChBL,uBAAW,eAAe,UAAU,CAAA;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/sections/Comment.vue.cjs

@@ -1,157 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const CardHeader = require("../../../core/views/components/blocks/CardHeader.vue.cjs");
-;/* empty css               */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "comment-wrapper" };
-const _hoisted_2 = { class: "comment-content" };
-const _hoisted_3 = { class: "pd-t-zero" };
-const _hoisted_4 = { class: "p-regular" };
-const _hoisted_5 = { class: "mn-t-thin flex-v-center flex-nowrap flex gap-small" };
-const _hoisted_6 = {
-  key: 0,
-  class: "mn-t-small bg-white pd-thin radius-regular"
-};
-const _hoisted_7 = { class: "mn-l-auto gap-thin flex-nowrap flex" };
-const _hoisted_8 = {
-  key: 0,
-  class: "mn-t-regular comment-children"
-};
-const _sfc_main = {
-  __name: "Comment",
-  props: {
-    comment: {
-      type: Object,
-      required: true
-    },
-    target: {
-      type: String,
-      required: true
-    },
-    owner: {
-      type: String,
-      required: true
-    }
-  },
-  emits: ["reply", "load-more"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const showReplyForm = vue.ref(false);
-    const replyContent = vue.ref("");
-    const isExpanded = vue.ref(shouldBeExpanded(props.comment.depth));
-    vue.ref(null);
-    function highlightLevel(event, state) {
-      const wrapper = event.currentTarget?.parentElement?.parentElement;
-      if (!wrapper) return;
-      const lines = wrapper.querySelectorAll(":scope > .child-wrapper > .tree-line");
-      lines.forEach((line) => line.classList.toggle("hovered", state));
-    }
-    function shouldBeExpanded(depth) {
-      return depth % 3 < 2;
-    }
-    const totalReplies = vue.computed(() => {
-      function countReplies(comment) {
-        if (!comment.children || comment.children.length === 0) {
-          return 0;
-        }
-        return comment.children.length + comment.children.reduce((sum, child) => sum + countReplies(child), 0);
-      }
-      return countReplies(props.comment);
-    });
-    const toggleChildren = () => {
-      isExpanded.value = !isExpanded.value;
-    };
-    const submitReply = () => {
-      emit("reply", props.comment._id, replyContent.value);
-      replyContent.value = "";
-      showReplyForm.value = false;
-    };
-    const handleReply = (parentId, content) => {
-      emit("reply", parentId, content);
-    };
-    const handleLoadMore = (commentId, depth) => {
-      emit("load-more", commentId, depth);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createVNode(CardHeader.default, {
-            class: "mn-b-thin mn-b-thin w-100",
-            entity: __props.comment,
-            entityType: "comment",
-            user: __props.owner,
-            owner: { target: __props.comment.owner, type: "user" },
-            creator: { target: __props.comment.owner, type: "user" },
-            date: __props.comment.createdAt
-          }, null, 8, ["entity", "user", "owner", "creator", "date"]),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(__props.comment.content), 1)
-          ]),
-          vue.createElementVNode("div", _hoisted_5, [
-            totalReplies.value > 0 ? (vue.openBlock(), vue.createElementBlock("button", {
-              key: 0,
-              onClick: toggleChildren,
-              class: "t-second cursor-pointer t-medium font-second"
-            }, vue.toDisplayString(isExpanded.value ? "Hide" : totalReplies.value + (totalReplies.value === 1 ? " reply" : " replies")), 1)) : vue.createCommentVNode("", true),
-            __props.owner ? (vue.openBlock(), vue.createElementBlock("button", {
-              key: 1,
-              class: "font-second cursor-pointer t-transp t-medium",
-              onClick: _cache[0] || (_cache[0] = ($event) => showReplyForm.value = true)
-            }, " Reply ")) : vue.createCommentVNode("", true)
-          ]),
-          showReplyForm.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-            vue.withDirectives(vue.createElementVNode("textarea", {
-              class: "w-100",
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => replyContent.value = $event)
-            }, null, 512), [
-              [vue.vModelText, replyContent.value]
-            ]),
-            vue.createElementVNode("div", _hoisted_7, [
-              vue.createElementVNode("button", {
-                class: "bg-grey-transp-25 pd-r-regular pd-l-regular pd-thin button",
-                onClick: _cache[2] || (_cache[2] = ($event) => showReplyForm.value = false)
-              }, "Cancel"),
-              vue.createElementVNode("button", {
-                class: "bg-main pd-r-regular pd-l-regular pd-thin button",
-                onClick: submitReply
-              }, "Send")
-            ])
-          ])) : vue.createCommentVNode("", true)
-        ]),
-        vue.createVNode(vue.Transition, { name: "collapse" }, {
-          default: vue.withCtx(() => [
-            isExpanded.value && __props.comment.children && __props.comment.children.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.comment.children, (childComment, index) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: childComment._id,
-                  class: "child-wrapper"
-                }, [
-                  vue.createElementVNode("div", {
-                    onClick: toggleChildren,
-                    onMouseenter: _cache[3] || (_cache[3] = ($event) => highlightLevel($event, true)),
-                    onMouseleave: _cache[4] || (_cache[4] = ($event) => highlightLevel($event, false)),
-                    class: vue.normalizeClass(["tree-line cursor-pointer", { "last-child": index === __props.comment.children.length - 1 }])
-                  }, null, 34),
-                  vue.createVNode(Comment, {
-                    comment: childComment,
-                    target: __props.target,
-                    owner: __props.owner,
-                    onReply: handleReply,
-                    onLoadMore: handleLoadMore,
-                    class: "child-comment mn-b-regular"
-                  }, null, 8, ["comment", "target", "owner"])
-                ]);
-              }), 128))
-            ])) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const Comment = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-997a29cd"]]);
-exports.default = Comment;
-//# sourceMappingURL=Comment.vue.cjs.map

package/dist/martyrs/src/modules/community/components/sections/Comment.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Comment.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comment.vue"],"sourcesContent":["<template>\n  <div class=\"comment-wrapper\">\n    <div class=\"comment-content \">\n      <CardHeader \n        class=\"mn-b-thin mn-b-thin w-100\"\n        :entity=\"comment\"\n        :entityType=\"'comment'\"\n        :user=\"owner\"\n        :owner=\"{target: comment.owner, type: 'user'}\" \n        :creator=\"{target: comment.owner, type: 'user'}\"\n        :date=\"comment.createdAt\"\n      />\n      <div class=\"pd-t-zero\">\n        <p class=\"p-regular\">{{ comment.content }}</p>\n      </div>\n      <div class=\"mn-t-thin flex-v-center flex-nowrap flex gap-small\">\n        <button \n          v-if=\"totalReplies > 0\" \n          @click=\"toggleChildren\"\n          class=\"t-second cursor-pointer t-medium font-second\"\n        >\n          {{ isExpanded ? 'Hide' : totalReplies + (totalReplies === 1 ? ' reply' : ' replies') }} \n        </button>\n        <button \n          v-if=\"owner\" \n          class=\"font-second cursor-pointer t-transp t-medium\" \n          @click=\"showReplyForm = true\"\n        > \n          Reply\n        </button>\n      </div>\n      <div v-if=\"showReplyForm\" class=\"mn-t-small bg-white pd-thin radius-regular\">\n        <textarea class=\"w-100\" v-model=\"replyContent\"></textarea>\n        <div class=\"mn-l-auto gap-thin flex-nowrap flex\">\n          <button class=\"bg-grey-transp-25 pd-r-regular pd-l-regular pd-thin button\" @click=\"showReplyForm = false\">Cancel</button>\n          <button class=\"bg-main pd-r-regular pd-l-regular pd-thin button\" @click=\"submitReply\">Send</button>\n        </div>\n      </div>\n    </div>\n\n    <transition name=\"collapse\">\n      <div v-if=\"isExpanded && comment.children && comment.children.length\" class=\"mn-t-regular comment-children\">\n        <div\n          v-for=\"(childComment, index) in comment.children\"\n          :key=\"childComment._id\"\n          class=\"child-wrapper\"\n        >\n          <!-- Кликабельная область с линией -->\n          <div \n            @click=\"toggleChildren\" \n             @mouseenter=\"highlightLevel($event, true)\"\n            @mouseleave=\"highlightLevel($event, false)\"\n            class=\"tree-line cursor-pointer\"\n            :class=\"{ 'last-child': index === comment.children.length - 1 }\"\n          ></div>\n          \n          <Comment\n            :comment=\"childComment\"\n            :target=\"target\"\n            :owner=\"owner\"\n            @reply=\"handleReply\"\n            @load-more=\"handleLoadMore\"\n            class=\"child-comment mn-b-regular\"\n          />\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport Comment from './Comment.vue';\nimport CardHeader from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\nconst props = defineProps({\n  comment: {\n    type: Object,\n    required: true\n  },\n  target: {\n    type: String,\n    required: true\n  },\n  owner: {\n    type: String,\n    required: true\n  }\n});\n\nconst emit = defineEmits(['reply', 'load-more']);\n\nconst showReplyForm = ref(false);\nconst replyContent = ref('');\nconst isExpanded = ref(shouldBeExpanded(props.comment.depth))\n\n\nconst childrenContainer = ref(null)\n\nfunction highlightLevel(event, state) {\n  const wrapper = event.currentTarget?.parentElement?.parentElement;\n  if (!wrapper) return;\n\n  const lines = wrapper.querySelectorAll(':scope > .child-wrapper > .tree-line');\n  lines.forEach(line => line.classList.toggle('hovered', state));\n} \n\nfunction shouldBeExpanded(depth) {\n  return depth % 3 < 2\n}\n\nconst totalReplies = computed(() => {\n  function countReplies(comment) {\n    if (!comment.children || comment.children.length === 0) {\n      return 0\n    }\n    return comment.children.length + comment.children.reduce((sum, child) => sum + countReplies(child), 0)\n  }\n  return countReplies(props.comment)\n})\n\nconst toggleChildren = () => {\n  isExpanded.value = !isExpanded.value\n}\n\nconst submitReply = () => {\n  emit('reply', props.comment._id, replyContent.value);\n  replyContent.value = '';\n  showReplyForm.value = false;\n};\n\nconst handleReply = (parentId, content) => {\n  emit('reply', parentId, content);\n};\n\nconst handleLoadMore = (commentId, depth) => {\n  emit('load-more', commentId, depth);\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.comment-children {\n  margin-top: 1rem;\n}\n\n.child-wrapper {\n  position: relative;\n}\n\n.child-comment {\n  padding-left: 1.5rem;\n}\n\n.tree-line {\n  position: absolute;\n  left: calc(-1rem + 2px);\n  top: -1rem;\n  width: 2rem;\n  height: calc(100% + 2rem);\n}\n\n.tree-line::before {\n  content: '';\n  position: absolute;\n  left: 1rem;\n  top: 0;\n  width: 2px;\n  height: 100%;\n   border-left: 1px solid rgba(var(--grey), 1);\n  transition: background 0.2s ease;\n}\n\n.tree-line::after {\n  content: '';\n  position: absolute;\n  left: 1rem;\n  top: 2rem;\n  width: 1rem;\n  height: 2px;\n  border-bottom: 1px solid rgba(var(--grey), 1);\n  transition: background 0.2s ease;\n\n}\n\n.child-wrapper {\n  &:last-child {\n    .tree-line::after {\n      display: none;\n    }\n  }\n}\n\n.tree-line.last-child::before {\n  height: 2rem;\n  border-bottom-left-radius: 0.5rem;\n  border-left: 1px solid rgba(var(--grey), 1);\n  border-bottom: 1px solid rgba(var(--grey), 1);\n  background: none;\n  width: 1rem;\n}\n\n\n.tree-line.hovered::before,\n.tree-line.hovered::after {\n  border-color: rgba(var(--second), 1);\n}\n\n.tree-line.last-child.hovered::before {\n  border-color: rgba(var(--second), 1);\n}\n\n/* Анимация */\n.collapse-enter-active,\n.collapse-leave-active {\n  transition: all 0.3s ease;\n}\n\n.collapse-enter-from {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.collapse-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n</style>"],"names":["ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,UAAM,QAAQ;AAed,UAAM,OAAO;AAEb,UAAM,gBAAgBA,IAAAA,IAAI,KAAK;AAC/B,UAAM,eAAeA,IAAAA,IAAI,EAAE;AAC3B,UAAM,aAAaA,IAAAA,IAAI,iBAAiB,MAAM,QAAQ,KAAK,CAAC;AAGlCA,QAAAA,IAAI,IAAI;AAElC,aAAS,eAAe,OAAO,OAAO;AACpC,YAAM,UAAU,MAAM,eAAe,eAAe;AACpD,UAAI,CAAC,QAAS;AAEd,YAAM,QAAQ,QAAQ,iBAAiB,sCAAsC;AAC7E,YAAM,QAAQ,UAAQ,KAAK,UAAU,OAAO,WAAW,KAAK,CAAC;AAAA,IAC/D;AAEA,aAAS,iBAAiB,OAAO;AAC/B,aAAO,QAAQ,IAAI;AAAA,IACrB;AAEA,UAAM,eAAeC,IAAAA,SAAS,MAAM;AAClC,eAAS,aAAa,SAAS;AAC7B,YAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACtD,iBAAO;AAAA,QACT;AACA,eAAO,QAAQ,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC,KAAK,UAAU,MAAM,aAAa,KAAK,GAAG,CAAC;AAAA,MACvG;AACA,aAAO,aAAa,MAAM,OAAO;AAAA,IACnC,CAAC;AAED,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IACjC;AAEA,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,QAAQ,KAAK,aAAa,KAAK;AACnD,mBAAa,QAAQ;AACrB,oBAAc,QAAQ;AAAA,IACxB;AAEA,UAAM,cAAc,CAAC,UAAU,YAAY;AACzC,WAAK,SAAS,UAAU,OAAO;AAAA,IACjC;AAEA,UAAM,iBAAiB,CAAC,WAAW,UAAU;AAC3C,WAAK,aAAa,WAAW,KAAK;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}