@ozdao/martyrs 0.2.551 → 0.2.553

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.cjs

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const UploadImage = require("../../../../components/UploadImage/UploadImage.vue2.cjs");
-const _hoisted_1 = { class: "w-100 pd-medium bg-white radius-medium pos-relative" };
-const _hoisted_2 = { class: "flex flex-v-center gap-thin" };
-const _hoisted_3 = {
-  key: 0,
-  class: "w-5r"
-};
-const _hoisted_4 = ["src"];
-const _hoisted_5 = { class: "flex w-100 flex-column gap-thin" };
-const _hoisted_6 = { class: "h4" };
-const _hoisted_7 = { class: "p-regular" };
-const _sfc_main = {
-  __name: "Card",
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => ({
-        photo: "",
-        title: "",
-        subtitle: ""
-      })
-    },
-    isEditing: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const isEditing = vue.ref(props.isEditing);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          isEditing.value || __props.modelValue.photo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-            isEditing.value ? (vue.openBlock(), vue.createBlock(UploadImage.default, {
-              key: 0,
-              photo: __props.modelValue.photo,
-              "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => __props.modelValue.photo = $event),
-              uploadPath: "/specials",
-              class: "aspect-1x1 w-100 o-hidden radius-extra"
-            }, null, 8, ["photo"])) : vue.createCommentVNode("", true),
-            __props.modelValue.photo && !isEditing.value ? (vue.openBlock(), vue.createElementBlock("img", {
-              key: 1,
-              src: __props.modelValue.photo,
-              class: "aspect-1x1 w-100 o-hidden radius-extra object-cover",
-              alt: "Card image"
-            }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true)
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_5, [
-            isEditing.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-              vue.createVNode(Field.default, {
-                field: __props.modelValue.title,
-                "onUpdate:field": _cache[1] || (_cache[1] = ($event) => __props.modelValue.title = $event),
-                placeholder: "Title",
-                class: "w-100 bg-light radius-small pd-small"
-              }, null, 8, ["field"]),
-              vue.createVNode(Field.default, {
-                field: __props.modelValue.subtitle,
-                "onUpdate:field": _cache[2] || (_cache[2] = ($event) => __props.modelValue.subtitle = $event),
-                type: "textarea",
-                placeholder: "Description",
-                class: "w-100 bg-light radius-small pd-small"
-              }, null, 8, ["field"])
-            ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              vue.createElementVNode("h4", _hoisted_6, vue.toDisplayString(__props.modelValue.title), 1),
-              vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(__props.modelValue.subtitle), 1)
-            ], 64))
-          ])
-        ])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Card.vue.cjs.map

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Card.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 pd-medium bg-white radius-medium pos-relative\">\n    <div class=\"flex flex-v-center gap-thin\">\n      <!-- Image section -->\n      <div v-if=\"isEditing || modelValue.photo\" class=\"w-5r\">\n        <UploadImage \n          v-if=\"isEditing\"\n          v-model:photo=\"modelValue.photo\"\n          :uploadPath=\"'/specials'\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra\" \n        />\n        <img \n          v-if=\"modelValue.photo && !isEditing\"\n          :src=\"modelValue.photo\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra object-cover\"\n          alt=\"Card image\"\n        />\n      </div>\n      <!-- Content section -->\n      <div class=\"flex w-100 flex-column gap-thin\">\n        <template v-if=\"isEditing\">\n          <Field\n            v-model:field=\"modelValue.title\"\n            placeholder=\"Title\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />  \n          <Field\n            v-model:field=\"modelValue.subtitle\"\n            type=\"textarea\"\n            placeholder=\"Description\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n        </template>\n        <template v-else>\n          <h4 class=\"h4\">{{ modelValue.title }}</h4>\n          <p class=\"p-regular\">{{ modelValue.subtitle }}</p>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nconst props = defineProps({\n  modelValue: {\n    type: Object,\n    default: () => ({\n      photo: '',\n      title: '',\n      subtitle: '',\n    })\n  },\n  isEditing: {\n    type: Boolean,\n    default: true\n  }\n});\n\nconst isEditing = ref(props.isEditing);\n\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,QAAQ;AAed,UAAM,YAAYA,IAAAA,IAAI,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.cjs

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-;/* empty css             */
-const _hoisted_1 = { class: "w-100 h-max-40r pd-medium bg-white radius-medium pos-relative" };
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = {
-  key: 1,
-  class: ""
-};
-const _sfc_main = {
-  __name: "Embed",
-  props: [
-    "label",
-    "value",
-    "prop"
-  ],
-  emits: ["input", "updateBlock"],
-  setup(__props, { emit: __emit }) {
-    const embedCode = vue.ref(null);
-    const props = __props;
-    const emit = __emit;
-    function isValidEmbedCode(code) {
-      const allowedSources = [
-        /youtube\.com/,
-        /facebook\.com/,
-        /instagram\.com/,
-        /twitter\.com/,
-        /tiktok\.com/,
-        /soundcloud\.com/,
-        /vimeo\.com/,
-        /reddit\.com/,
-        /linkedin\.com/,
-        /medium\.com/,
-        /spotify\.com/
-      ];
-      return allowedSources.some((pattern) => pattern.test(code));
-    }
-    vue.onMounted(() => {
-      if (props.prop.content?.includes("instagram.com") && window.instgrm) {
-        window.instgrm.Embeds.process();
-      }
-    });
-    function onComponentClick() {
-      if (embedCode.value && isValidEmbedCode(embedCode.value)) {
-        emit("input", embedCode.value);
-        emit("updateBlock", props.prop, { content: embedCode.value });
-      } else {
-        alert("Invalid embed code or source not allowed.");
-      }
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        __props.prop.content ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          innerHTML: __props.prop.content,
-          class: "flex-center constructor-iframe flex pos-relative"
-        }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          vue.createVNode(Field.default, {
-            field: embedCode.value,
-            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => embedCode.value = $event),
-            type: "textarea",
-            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"]),
-          vue.createElementVNode("div", { class: "flex-v-center flex-nowrap flex gap-small" }, [
-            _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "p-small t-left" }, "Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.", -1)),
-            vue.createElementVNode("button", {
-              onClick: onComponentClick,
-              class: "button-small bg-second t-white button"
-            }, _cache[1] || (_cache[1] = [
-              vue.createElementVNode("span", null, "Save", -1)
-            ]))
-          ])
-        ]))
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Embed.vue.cjs.map

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Embed.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Embed.vue"],"sourcesContent":["<template>\n  <div \n    class=\"w-100 h-max-40r pd-medium bg-white radius-medium pos-relative\">\n    \n    <div \n      v-if=\"prop.content\" \n      v-html=\"prop.content\" \n      class=\"flex-center constructor-iframe flex pos-relative\"\n    />\n    \n    <div\n      class=\"\" \n      v-else\n    >\n      <Field \n        v-model:field=\"embedCode\"\n        type=\"textarea\"   \n        :placeholder=\"'Paste your embed code here'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n      <div class=\"flex-v-center flex-nowrap flex gap-small\">\n        \n          <p class=\"p-small t-left\">Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.</p>\n          <button \n            @click=\"onComponentClick\"\n            class=\"button-small bg-second t-white button\"\n          >\n            <span>Save</span>\n        </button>\n      </div>\n    </div>\n    <!-- <button v-if=\"prop.content\" @click=\"editEmbedCode\">Edit Embed Code</button> -->\n  </div>\n</template>\n\n<style lang=\"scss\">\n.constructor-iframe {\n  iframe { \n    width: 100% !important;\n    height: 100% !important;\n    position: relative !important;\n  }\n}\n</style>\n\n\n<script setup>\nimport { ref,onMounted } from 'vue';\n\nimport Field         from '@martyrs/src/components/Field/Field.vue'\n\nconst embedCode = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [\n    /youtube\\.com/,\n    /facebook\\.com/,\n    /instagram\\.com/,\n    /twitter\\.com/,\n    /tiktok\\.com/,\n    /soundcloud\\.com/,\n    /vimeo\\.com/,\n    /reddit\\.com/,\n    /linkedin\\.com/,\n    /medium\\.com/,\n    /spotify\\.com/,\n  ];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\nonMounted(() => {\n  if (props.prop.content?.includes('instagram.com') && window.instgrm) {\n    window.instgrm.Embeds.process();\n  }\n});\n\n\nfunction onComponentClick() {\n\n  if (embedCode.value && isValidEmbedCode(embedCode.value)) {\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\nfunction editEmbedCode() {\n  let embedInput = prompt('Edit embed code:', prop.content);\n  if (embedInput && isValidEmbedCode(embedInput)) {\n    embedCode.value = embedInput;\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n</script>\n\n"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,iBAAiB,MAAM;AAC9B,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AACE,aAAO,eAAe,KAAK,aAAW,QAAQ,KAAK,IAAI,CAAC;AAAA,IAC1D;AAEAC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,KAAK,SAAS,SAAS,eAAe,KAAK,OAAO,SAAS;AACnE,eAAO,QAAQ,OAAO,QAAO;AAAA,MAC/B;AAAA,IACF,CAAC;AAGD,aAAS,mBAAmB;AAE1B,UAAI,UAAU,SAAS,iBAAiB,UAAU,KAAK,GAAG;AACxD,aAAK,SAAS,UAAU,KAAK;AAC7B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,UAAU,OAAO;AAAA,MAC9D,OAAO;AACL,cAAM,2CAA2C;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Image.vue.cjs

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const _hoisted_1 = {
-  key: 0,
-  class: "o-hidden radius-big pos-relative bg-light w-100 flex-center flex"
-};
-const _hoisted_2 = ["src"];
-const _hoisted_3 = ["src"];
-const _sfc_main = {
-  __name: "Image",
-  props: [
-    "label",
-    "value",
-    "prop"
-  ],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return __props.prop.content ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("img", {
-          loading: "lazy",
-          src: (_ctx.FILE_SERVER_URL || "") + __props.prop.content,
-          alt: "Event image",
-          class: "pos-relative z-index-1 d-block mn-auto w-100 h-100 object-fit-contain",
-          style: { "max-height": "40rem" }
-        }, null, 8, _hoisted_2),
-        vue.createElementVNode("img", {
-          loading: "lazy",
-          src: (_ctx.FILE_SERVER_URL || "") + __props.prop.content,
-          alt: "Event Background",
-          class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
-          style: { "transform": "scale(1.5)", "filter": "blur(2rem)", "-webkit-filter": "blur(2rem)" }
-        }, null, 8, _hoisted_3)
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Image.vue.cjs.map

package/dist/martyrs/src/modules/constructor/components/elements/Image.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/ImageUpload.vue.cjs

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

package/dist/martyrs/src/modules/constructor/components/elements/ImageUpload.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageUpload.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/ImageUpload.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    @dragenter.prevent\n    @dragleave.prevent\n    class=\"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small\">\n      <img loading=\"lazy\" v-if=\"prop.content\" :src=\"(FILE_SERVER_URL || '') + prop.content\" alt=\"Uploaded image\" class=\"w-100 h-30r object-fit-contain\"/>\n      <span v-else class=\"t-transp pd-extra\" >Click or drag-and-drop your image</span>\n      <input v-if=\"!prop.content\" type=\"file\" ref=\"fileInput\" tabindex=\"-1\" @change=\"onFileChange\" style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n\n  console.log(file)\n  let formData = new FormData();\n  let uploadPath = 'unsorted'\n\n  formData.append(\"file\", file);\n  console.log(formData.has(\"file\"));\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath || 'images')}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    imageUrl.value = response.data[0].filepath;\n    console.log(imageUrl.value)\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n\n  if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {\n    onFileChange({\n      target: {\n        files: e.dataTransfer.files\n      }\n    });\n  }\n}\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,UAAM,WAAWA,IAAAA,IAAI,IAAI;AACzB,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AASA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAE3B,cAAQ,IAAI,IAAI;AAChB,UAAI,WAAW,IAAI,SAAQ;AAG3B,eAAS,OAAO,QAAQ,IAAI;AAC5B,cAAQ,IAAI,SAAS,IAAI,MAAM,CAAC;AAChC,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,cAAc,QAAQ,CAAC,IAAI,UAAU;AAAA,UAChI,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,gBAAQ,IAAI,SAAS,KAAK;AAC1B,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC7D,SAAS,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAEhB,UAAI,EAAE,gBAAgB,EAAE,aAAa,SAAS,EAAE,aAAa,MAAM,QAAQ;AACzE,qBAAa;AAAA,UACX,QAAQ;AAAA,YACN,OAAO,EAAE,aAAa;AAAA,UAC9B;AAAA,QACA,CAAK;AAAA,MACH;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Textarea.vue2.cjs

@@ -1,317 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const DOMPurify = require("isomorphic-dompurify");
-;/* empty css               */
-const _hoisted_1 = {
-  key: 0,
-  class: "formatting-bar"
-};
-const _sfc_main = {
-  __name: "Textarea",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    prop: {
-      type: Object,
-      required: true
-    },
-    component: Object,
-    placeholder: String,
-    index: Number,
-    setFocus: Boolean
-  },
-  emits: [
-    "update:modelValue",
-    "deleteBlock",
-    "updateBlock",
-    "addBlock"
-  ],
-  setup(__props, { emit: __emit }) {
-    const sanitizeConfig = {
-      ALLOWED_TAGS: ["b", "i", "u", "s", "a", "ul", "ol", "li", "img", "p", "h1", "h2", "h3", "h4", "h5", "h6", "table", "thead", "tr", "th"],
-      ALLOWED_ATTR: ["href", "target", "src", "alt"],
-      ALLOWED_STYLES: ["text-align"]
-    };
-    const props = __props;
-    const emit = __emit;
-    const editableDiv = vue.ref(null);
-    const isTextSelected = vue.ref(false);
-    const currentContent = vue.ref("");
-    vue.onMounted(() => {
-      if (editableDiv.value) {
-        if (props.modelValue) {
-          editableDiv.value.innerHTML = props.modelValue;
-          currentContent.value = props.modelValue;
-        }
-      }
-      document.addEventListener("selectionchange", handleSelectionChange);
-      if (props.setFocus) {
-        vue.nextTick(() => focus());
-      }
-    });
-    const handleInput = (event) => {
-      const sanitizedContent = sanitizeHTML(event.target.innerHTML);
-      currentContent.value = sanitizedContent;
-      emit("update:modelValue", sanitizedContent);
-    };
-    const extractUsefulContent = (node) => {
-      const result = [];
-      const containsOnlySingleImportantTag = (node2) => {
-        const importantElements = node2.querySelectorAll("p, h1, h2, h3, h4, h5, h6, img");
-        if (importantElements.length === 1 && !Array.from(node2.childNodes).some(
-          (child) => child.nodeType === Node.TEXT_NODE && child.textContent.trim()
-        )) {
-          return !importantElements[0].querySelector("p, h1, h2, h3, h4, h5, h6, img");
-        }
-        return false;
-      };
-      const processNode = (node2) => {
-        if (node2.nodeType === Node.TEXT_NODE) {
-          if (node2.textContent.trim()) {
-            const p = document.createElement("p");
-            p.textContent = node2.textContent;
-            result.push(p);
-          }
-          return;
-        }
-        if (node2.nodeType !== Node.ELEMENT_NODE) return;
-        const tagName = node2.nodeName.toLowerCase();
-        if (["p", "h1", "h2", "h3", "h4", "h5", "h6", "img"].includes(tagName)) {
-          result.push(node2.cloneNode(true));
-        } else if (containsOnlySingleImportantTag(node2)) {
-          const importantElement = node2.querySelector("p, h1, h2, h3, h4, h5, h6, img");
-          result.push(importantElement.cloneNode(true));
-        } else {
-          Array.from(node2.childNodes).forEach((child) => {
-            processNode(child);
-          });
-        }
-      };
-      processNode(node);
-      return result;
-    };
-    const handlePaste = (event) => {
-      event.preventDefault();
-      const clipboardData = event.clipboardData || window.clipboardData;
-      let pastedData = clipboardData.getData("text/html") || clipboardData.getData("text/plain");
-      console.log("Raw pasted data:", pastedData);
-      const sanitizedContent = sanitizeHTML(pastedData);
-      console.log("Sanitized content:", sanitizedContent);
-      const parser = new DOMParser();
-      const doc = parser.parseFromString(sanitizedContent, "text/html");
-      const extractedElements = extractUsefulContent(doc.body);
-      console.log("Extracted elements:", extractedElements.map((el) => el.outerHTML));
-      if (extractedElements.length > 0) {
-        extractedElements.forEach((element, idx) => {
-          const tagName = element.nodeName.toLowerCase();
-          let blockType = "Textarea";
-          let blockContent = "";
-          if (tagName === "img") {
-            blockType = "ImageUpload";
-            blockContent = element.getAttribute("src");
-          } else if (tagName.match(/h[1-6]/)) {
-            blockType = "H2";
-            blockContent = element.innerHTML;
-          } else {
-            blockContent = element.innerHTML;
-          }
-          if (idx === 0) {
-            document.execCommand("insertHTML", false, element.innerHTML);
-            handleInput({ target: editableDiv.value });
-          } else {
-            emit("addBlock", blockType, blockContent, props.index + idx);
-          }
-        });
-      } else {
-        const plainText = clipboardData.getData("text/plain");
-        if (plainText.trim()) {
-          handleInput({ target: editableDiv.value });
-        }
-      }
-    };
-    const handleKeyDown = (event) => {
-      if (event.key === "Enter" && !event.shiftKey) {
-        event.preventDefault();
-        const selection = window.getSelection();
-        const range = selection.getRangeAt(0);
-        const newBlockContent = extractContentAfterCursor(range);
-        const sanitizedContent = sanitizeHTML(editableDiv.value.innerHTML);
-        currentContent.value = sanitizedContent;
-        emit("update:modelValue", sanitizedContent);
-        emit("addBlock", "Textarea", newBlockContent, props.index + 1);
-      } else if (event.key === "Backspace" && editableDiv.value.innerHTML.trim() === "") {
-        event.preventDefault();
-        emit("deleteBlock", props.prop, { setCaretToEnd: true });
-      }
-    };
-    const extractContentAfterCursor = (range) => {
-      const container = range.startContainer;
-      const cursorOffset = range.startOffset;
-      if (container.nodeType === Node.TEXT_NODE) {
-        const textAfterCursor = container.textContent.slice(cursorOffset);
-        container.textContent = container.textContent.slice(0, cursorOffset);
-        return textAfterCursor;
-      } else if (container.nodeType === Node.ELEMENT_NODE) {
-        const tempDiv = document.createElement("div");
-        const childNodes = Array.from(container.childNodes);
-        let foundCursor = false;
-        childNodes.forEach((node, index) => {
-          if (index === cursorOffset) foundCursor = true;
-          if (foundCursor) tempDiv.appendChild(node.cloneNode(true));
-        });
-        while (container.childNodes[cursorOffset]) {
-          container.removeChild(container.childNodes[cursorOffset]);
-        }
-        return tempDiv.innerHTML;
-      }
-      return "";
-    };
-    const handleSelectionChange = () => {
-      if (document.activeElement === editableDiv.value) {
-        const selection = window.getSelection();
-        isTextSelected.value = selection.rangeCount > 0 && selection.toString().length > 0;
-      } else {
-        isTextSelected.value = false;
-      }
-    };
-    const focus = (options = {}) => {
-      vue.nextTick(() => {
-        editableDiv.value.focus();
-        const shouldSetCaretToEnd = options.setCaretToEnd || props.prop && props.prop.setCaretToEnd;
-        if (props.setFocus === true && !shouldSetCaretToEnd) {
-          const range = document.createRange();
-          range.setStart(editableDiv.value, 0);
-          range.collapse(true);
-          const selection = window.getSelection();
-          selection.removeAllRanges();
-          selection.addRange(range);
-        } else {
-          setCaretToEnd(editableDiv.value);
-        }
-        emit("updateBlock", props.prop, { setFocus: false, setCaretToEnd: false });
-      });
-    };
-    const sanitizeHTML = (html) => {
-      return DOMPurify.sanitize(html, sanitizeConfig);
-    };
-    const setCaretToEnd = (element) => {
-      const range = document.createRange();
-      const selection = window.getSelection();
-      range.selectNodeContents(element);
-      range.collapse(false);
-      selection.removeAllRanges();
-      selection.addRange(range);
-    };
-    const applyFormat = (format) => {
-      document.execCommand(format, false, null);
-      handleInput({ target: editableDiv.value });
-    };
-    const createLink = () => {
-      const url = prompt("Enter the URL:");
-      if (url) {
-        document.execCommand("createLink", false, url);
-        handleInput({ target: editableDiv.value });
-      }
-    };
-    const clearFormatting = () => {
-      const selection = window.getSelection();
-      if (selection.rangeCount > 0) {
-        const range = selection.getRangeAt(0);
-        const selectedContent = range.cloneContents();
-        const div = document.createElement("div");
-        div.appendChild(selectedContent);
-        const plainText = div.innerText;
-        document.execCommand("insertText", false, plainText);
-        handleInput({ target: editableDiv.value });
-      }
-    };
-    vue.onUpdated(() => {
-      if (props.setFocus) {
-        vue.nextTick(() => focus());
-      }
-    });
-    vue.onUnmounted(() => {
-      document.removeEventListener("selectionchange", handleSelectionChange);
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createElementVNode("div", {
-          ref_key: "editableDiv",
-          ref: editableDiv,
-          contenteditable: true,
-          onInput: handleInput,
-          onPaste: handlePaste,
-          onKeydown: handleKeyDown,
-          tabindex: "0",
-          class: vue.normalizeClass(["editable-div mn-b-thin", {
-            "t-main t-semi": __props.prop.type === "Link",
-            "h3": __props.prop.type === "H2"
-          }])
-        }, null, 34),
-        isTextSelected.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.createElementVNode("button", {
-            onClick: _cache[0] || (_cache[0] = ($event) => applyFormat("bold")),
-            title: "Bold"
-          }, _cache[10] || (_cache[10] = [
-            vue.createElementVNode("b", null, "B", -1)
-          ])),
-          vue.createElementVNode("button", {
-            onClick: _cache[1] || (_cache[1] = ($event) => applyFormat("italic")),
-            title: "Italic"
-          }, _cache[11] || (_cache[11] = [
-            vue.createElementVNode("i", null, "I", -1)
-          ])),
-          vue.createElementVNode("button", {
-            onClick: _cache[2] || (_cache[2] = ($event) => applyFormat("underline")),
-            title: "Underline"
-          }, _cache[12] || (_cache[12] = [
-            vue.createElementVNode("u", null, "U", -1)
-          ])),
-          vue.createElementVNode("button", {
-            onClick: _cache[3] || (_cache[3] = ($event) => applyFormat("strikeThrough")),
-            title: "Strikethrough"
-          }, _cache[13] || (_cache[13] = [
-            vue.createElementVNode("s", null, "S", -1)
-          ])),
-          vue.createElementVNode("button", {
-            onClick: createLink,
-            title: "Insert Link"
-          }, "🔗"),
-          vue.createElementVNode("button", {
-            onClick: _cache[4] || (_cache[4] = ($event) => applyFormat("unlink")),
-            title: "Remove Link"
-          }, "⛓️‍💥"),
-          vue.createElementVNode("button", {
-            onClick: _cache[5] || (_cache[5] = ($event) => applyFormat("justifyLeft")),
-            title: "Align Left"
-          }, "↲"),
-          vue.createElementVNode("button", {
-            onClick: _cache[6] || (_cache[6] = ($event) => applyFormat("justifyCenter")),
-            title: "Align Center"
-          }, "↔"),
-          vue.createElementVNode("button", {
-            onClick: _cache[7] || (_cache[7] = ($event) => applyFormat("justifyRight")),
-            title: "Align Right"
-          }, "↳"),
-          vue.createElementVNode("button", {
-            onClick: _cache[8] || (_cache[8] = ($event) => applyFormat("insertUnorderedList")),
-            title: "Bulleted List"
-          }, "•"),
-          vue.createElementVNode("button", {
-            onClick: _cache[9] || (_cache[9] = ($event) => applyFormat("insertOrderedList")),
-            title: "Numbered List"
-          }, "1."),
-          vue.createElementVNode("button", {
-            onClick: clearFormatting,
-            title: "Clear Formatting"
-          }, "🧹")
-        ])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Textarea.vue2.cjs.map