@ozdao/martyrs 0.2.423

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

@@ -0,0 +1,317 @@
+import { ref, onMounted, nextTick, onUpdated, onUnmounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass } from "vue";
+import DOMPurify from "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 = ref(null);
+    const isTextSelected = ref(false);
+    const currentContent = ref("");
+    onMounted(() => {
+      if (editableDiv.value) {
+        if (props.modelValue) {
+          editableDiv.value.innerHTML = props.modelValue;
+          currentContent.value = props.modelValue;
+        }
+      }
+      document.addEventListener("selectionchange", handleSelectionChange);
+      if (props.setFocus) {
+        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 = {}) => {
+      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 });
+      }
+    };
+    onUpdated(() => {
+      if (props.setFocus) {
+        nextTick(() => focus());
+      }
+    });
+    onUnmounted(() => {
+      document.removeEventListener("selectionchange", handleSelectionChange);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", {
+          ref_key: "editableDiv",
+          ref: editableDiv,
+          contenteditable: true,
+          onInput: handleInput,
+          onPaste: handlePaste,
+          onKeydown: handleKeyDown,
+          tabindex: "0",
+          class: normalizeClass(["editable-div mn-b-thin", {
+            "t-main t-semi": __props.prop.type === "Link",
+            "h3": __props.prop.type === "H2"
+          }])
+        }, null, 34),
+        isTextSelected.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => applyFormat("bold")),
+            title: "Bold"
+          }, _cache[10] || (_cache[10] = [
+            createElementVNode("b", null, "B", -1)
+          ])),
+          createElementVNode("button", {
+            onClick: _cache[1] || (_cache[1] = ($event) => applyFormat("italic")),
+            title: "Italic"
+          }, _cache[11] || (_cache[11] = [
+            createElementVNode("i", null, "I", -1)
+          ])),
+          createElementVNode("button", {
+            onClick: _cache[2] || (_cache[2] = ($event) => applyFormat("underline")),
+            title: "Underline"
+          }, _cache[12] || (_cache[12] = [
+            createElementVNode("u", null, "U", -1)
+          ])),
+          createElementVNode("button", {
+            onClick: _cache[3] || (_cache[3] = ($event) => applyFormat("strikeThrough")),
+            title: "Strikethrough"
+          }, _cache[13] || (_cache[13] = [
+            createElementVNode("s", null, "S", -1)
+          ])),
+          createElementVNode("button", {
+            onClick: createLink,
+            title: "Insert Link"
+          }, "🔗"),
+          createElementVNode("button", {
+            onClick: _cache[4] || (_cache[4] = ($event) => applyFormat("unlink")),
+            title: "Remove Link"
+          }, "⛓️‍💥"),
+          createElementVNode("button", {
+            onClick: _cache[5] || (_cache[5] = ($event) => applyFormat("justifyLeft")),
+            title: "Align Left"
+          }, "↲"),
+          createElementVNode("button", {
+            onClick: _cache[6] || (_cache[6] = ($event) => applyFormat("justifyCenter")),
+            title: "Align Center"
+          }, "↔"),
+          createElementVNode("button", {
+            onClick: _cache[7] || (_cache[7] = ($event) => applyFormat("justifyRight")),
+            title: "Align Right"
+          }, "↳"),
+          createElementVNode("button", {
+            onClick: _cache[8] || (_cache[8] = ($event) => applyFormat("insertUnorderedList")),
+            title: "Bulleted List"
+          }, "•"),
+          createElementVNode("button", {
+            onClick: _cache[9] || (_cache[9] = ($event) => applyFormat("insertOrderedList")),
+            title: "Numbered List"
+          }, "1."),
+          createElementVNode("button", {
+            onClick: clearFormatting,
+            title: "Clear Formatting"
+          }, "🧹")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Textarea.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.vue2.js","sources":["../../../../../../../src/modules/constructor/components/elements/Textarea.vue"],"sourcesContent":["<template>\n  <div>\n    <div \n      ref=\"editableDiv\"\n      :contenteditable=\"true\"\n      @input=\"handleInput\"\n      @paste=\"handlePaste\"\n      @keydown=\"handleKeyDown\"\n      tabindex=\"0\"\n      class=\"editable-div mn-b-thin\"\n      :class=\"{\n        't-main t-semi': prop.type === 'Link',\n        'h3': prop.type === 'H2'\n      }\"\n    />\n    <div v-if=\"isTextSelected\" class=\"formatting-bar\">\n      <button @click=\"applyFormat('bold')\" title=\"Bold\"><b>B</b></button>\n      <button @click=\"applyFormat('italic')\" title=\"Italic\"><i>I</i></button>\n      <button @click=\"applyFormat('underline')\" title=\"Underline\"><u>U</u></button>\n      <button @click=\"applyFormat('strikeThrough')\" title=\"Strikethrough\"><s>S</s></button>\n      <button @click=\"createLink\" title=\"Insert Link\">🔗</button>\n      <button @click=\"applyFormat('unlink')\" title=\"Remove Link\">⛓️‍💥</button>\n      <button @click=\"applyFormat('justifyLeft')\" title=\"Align Left\">↲</button>\n      <button @click=\"applyFormat('justifyCenter')\" title=\"Align Center\">↔</button>\n      <button @click=\"applyFormat('justifyRight')\" title=\"Align Right\">↳</button>\n      <button @click=\"applyFormat('insertUnorderedList')\" title=\"Bulleted List\">•</button>\n      <button @click=\"applyFormat('insertOrderedList')\" title=\"Numbered List\">1.</button>\n      <button @click=\"clearFormatting\" title=\"Clear Formatting\">🧹</button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, nextTick, onUpdated, onUnmounted, watch } from 'vue'\nimport DOMPurify from 'isomorphic-dompurify'\n\nconst sanitizeConfig = {\n  ALLOWED_TAGS: ['b', 'i', 'u', 's', 'a', 'ul', 'ol', 'li', 'img', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'table', 'thead','tr','th'],\n  ALLOWED_ATTR: ['href', 'target', 'src', 'alt'],\n  ALLOWED_STYLES: ['text-align']\n}\n\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  prop: {\n    type: Object,\n    required: true\n  },\n  component: Object,\n  placeholder: String,\n  index: Number,\n  setFocus: Boolean\n})\n\nconst emit = defineEmits([\n  'update:modelValue', \n  'deleteBlock', \n  'updateBlock', \n  'addBlock'\n])\n\nconst editableDiv = ref(null)\nconst isTextSelected = ref(false)\nconst currentContent = ref('')\n\n// Обновляем содержимое при монтировании\nonMounted(() => {\n  if (editableDiv.value) {\n    if (props.modelValue) {\n      editableDiv.value.innerHTML = props.modelValue\n      currentContent.value = props.modelValue\n    }\n  }\n\n  document.addEventListener('selectionchange', handleSelectionChange)\n  \n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\n// // Отслеживаем изменения в modelValue и обновляем DOM, если они есть\n// watch(() => props.modelValue, (newValue) => {\n//   if (editableDiv.value && newValue !== currentContent.value) {\n//     editableDiv.value.innerHTML = newValue || ''\n//     currentContent.value = newValue\n//   }\n// }, { immediate: true })\n\nconst handleInput = (event) => {\n  const sanitizedContent = sanitizeHTML(event.target.innerHTML)\n  currentContent.value = sanitizedContent\n  emit('update:modelValue', sanitizedContent)\n}\n// Улучшенная функция для извлечения нужных элементов из DOM-структуры\nconst extractUsefulContent = (node) => {\n  const result = [];\n  \n  // Функция для определения, содержит ли узел только один из нужных нам тегов\n  const containsOnlySingleImportantTag = (node) => {\n    const importantElements = node.querySelectorAll('p, h1, h2, h3, h4, h5, h6, img');\n    \n    // Если найден только один важный элемент и нет текста непосредственно в узле\n    if (importantElements.length === 1 && !Array.from(node.childNodes).some(child => \n      child.nodeType === Node.TEXT_NODE && child.textContent.trim()\n    )) {\n      // Убедимся, что этот элемент не содержит других важных элементов\n      return !importantElements[0].querySelector('p, h1, h2, h3, h4, h5, h6, img');\n    }\n    \n    return false;\n  };\n  \n  // Рекурсивно просматривает дерево и извлекает только нужные элементы\n  const processNode = (node) => {\n    // Если это текстовый узел с непустым содержимым\n    if (node.nodeType === Node.TEXT_NODE) {\n      if (node.textContent.trim()) {\n        // Создаем p-элемент для текста без родителя\n        const p = document.createElement('p');\n        p.textContent = node.textContent;\n        result.push(p);\n      }\n      return;\n    }\n    \n    // Если это не элемент, пропускаем\n    if (node.nodeType !== Node.ELEMENT_NODE) return;\n    \n    // Проверяем, что это один из нужных тегов\n    const tagName = node.nodeName.toLowerCase();\n    \n    if (['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img'].includes(tagName)) {\n      // Если это нужный тег - добавляем в результат\n      result.push(node.cloneNode(true));\n    } else if (containsOnlySingleImportantTag(node)) {\n      // Если div содержит только один важный элемент, добавляем этот элемент\n      const importantElement = node.querySelector('p, h1, h2, h3, h4, h5, h6, img');\n      result.push(importantElement.cloneNode(true));\n    } else {\n      // Если это div или другой контейнер - проходим по его дочерним узлам\n      Array.from(node.childNodes).forEach(child => {\n        processNode(child);\n      });\n    }\n  };\n  \n  processNode(node);\n  return result;\n};\n\nconst handlePaste = (event) => {\n  event.preventDefault();\n  const clipboardData = event.clipboardData || window.clipboardData;\n  let pastedData = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n  \n  console.log('Raw pasted data:', pastedData);\n  \n  // Предварительная очистка через функцию sanitizeHTML\n  const sanitizedContent = sanitizeHTML(pastedData);\n  \n  console.log('Sanitized content:', sanitizedContent);\n  \n  // Парсим очищенный HTML\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(sanitizedContent, 'text/html');\n  \n  // Извлекаем полезное содержимое\n  const extractedElements = extractUsefulContent(doc.body);\n  \n  console.log('Extracted elements:', extractedElements.map(el => el.outerHTML));\n  \n  if (extractedElements.length > 0) {\n    // Вставляем каждый элемент как отдельный блок\n    extractedElements.forEach((element, idx) => {\n      const tagName = element.nodeName.toLowerCase();\n      \n      // Определяем тип блока в зависимости от тега\n      let blockType = 'Textarea';\n      let blockContent = '';\n      \n      if (tagName === 'img') {\n        blockType = 'ImageUpload';\n        // Для изображений сохраняем только src атрибут\n        blockContent = element.getAttribute('src');\n      } else if (tagName.match(/h[1-6]/)) {\n        blockType = 'H2'; // Используем H2 для всех заголовков, или можно настроить по-разному\n        blockContent = element.innerHTML;\n      } else {\n        // Для p и других текстовых элементов\n        blockContent = element.innerHTML;\n      }\n      \n      if (idx === 0) {\n        // Первый блок обновляем текущий\n        document.execCommand('insertHTML', false, element.innerHTML);\n        handleInput({ target: editableDiv.value });\n      } else {\n        // Остальные добавляем как новые блоки\n        emit('addBlock', blockType, blockContent, props.index + idx);\n      }\n    });\n  } else {\n    // Если после очистки ничего не осталось, вставляем как обычный текст\n    const plainText = clipboardData.getData('text/plain');\n    if (plainText.trim()) {\n      // document.execCommand('insertText', false, plainText);\n      handleInput({ target: editableDiv.value });\n    }\n  }\n};\n\n\n// Обновленная функция для обработки вставки и создания блоков\nconst handleBlockCreation = (element, index) => {\n  const tagName = element.nodeName.toLowerCase();\n  \n  let blockType = 'Textarea';\n  let blockContent = '';\n  \n  if (tagName === 'img') {\n    blockType = 'ImageUpload';\n    blockContent = element.getAttribute('src');\n  } else if (tagName.match(/h[1-6]/)) {\n    blockType = tagName.toUpperCase(); // H2, H3, etc.\n    blockContent = element.innerHTML;\n  } else {\n    blockContent = element.innerHTML;\n  }\n  \n  if (index === 0) {\n    // Первый блок обновляем текущий\n    document.execCommand('insertHTML', false, element.outerHTML);\n    handleInput({ target: editableDiv.value });\n  } else {\n    // Остальные добавляем как новые блоки\n    emit('addBlock', blockType, blockContent, props.index + index);\n  }\n};\n\nconst handleKeyDown = (event) => {\n  if (event.key === 'Enter' && !event.shiftKey) {\n    event.preventDefault()\n    const selection = window.getSelection()\n    const range = selection.getRangeAt(0)\n    const newBlockContent = extractContentAfterCursor(range)\n    \n    const sanitizedContent = sanitizeHTML(editableDiv.value.innerHTML)\n    currentContent.value = sanitizedContent\n    \n    emit('update:modelValue', sanitizedContent)\n    emit('addBlock', 'Textarea', newBlockContent, props.index + 1)\n  } else if (event.key === 'Backspace' && editableDiv.value.innerHTML.trim() === \"\") {\n    event.preventDefault()\n    emit('deleteBlock', props.prop, { setCaretToEnd: true })\n  }\n}\n\nconst extractContentAfterCursor = (range) => {\n  const container = range.startContainer\n  const cursorOffset = range.startOffset\n\n  if (container.nodeType === Node.TEXT_NODE) {\n    const textAfterCursor = container.textContent.slice(cursorOffset)\n    container.textContent = container.textContent.slice(0, cursorOffset)\n    return textAfterCursor\n  } else if (container.nodeType === Node.ELEMENT_NODE) {\n    const tempDiv = document.createElement('div')\n    const childNodes = Array.from(container.childNodes)\n    let foundCursor = false\n    \n    childNodes.forEach((node, index) => {\n      if (index === cursorOffset) foundCursor = true\n      if (foundCursor) tempDiv.appendChild(node.cloneNode(true))\n    })\n    \n    while (container.childNodes[cursorOffset]) {\n      container.removeChild(container.childNodes[cursorOffset])\n    }\n    \n    return tempDiv.innerHTML\n  }\n  return ''\n}\n\nconst handleSelectionChange = () => {\n  if (document.activeElement === editableDiv.value) {\n    const selection = window.getSelection()\n    isTextSelected.value = selection.rangeCount > 0 && selection.toString().length > 0\n  } else {\n    isTextSelected.value = false\n  }\n}\n\nconst focus = (options = {}) => {\n  nextTick(() => {\n    editableDiv.value.focus()\n    \n    const shouldSetCaretToEnd = options.setCaretToEnd || (props.prop && props.prop.setCaretToEnd)\n    if (props.setFocus === true && !shouldSetCaretToEnd) {\n      const range = document.createRange()\n      range.setStart(editableDiv.value, 0)\n      range.collapse(true)\n      const selection = window.getSelection()\n      selection.removeAllRanges()\n      selection.addRange(range)\n    } else {\n      setCaretToEnd(editableDiv.value)\n    }\n    \n    emit('updateBlock', props.prop, { setFocus: false, setCaretToEnd: false })\n  })\n}\n\nconst sanitizeHTML = (html) => {\n  return DOMPurify.sanitize(html, sanitizeConfig)\n}\n\nconst setCaretToEnd = (element) => {\n  const range = document.createRange()\n  const selection = window.getSelection()\n  range.selectNodeContents(element)\n  range.collapse(false)\n  selection.removeAllRanges()\n  selection.addRange(range)\n}\n\nconst applyFormat = (format) => {\n  document.execCommand(format, false, null)\n  handleInput({ target: editableDiv.value })\n}\n\nconst createLink = () => {\n  const url = prompt('Enter the URL:')\n  if (url) {\n    document.execCommand('createLink', false, url)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nconst clearFormatting = () => {\n  const selection = window.getSelection()\n  if (selection.rangeCount > 0) {\n    const range = selection.getRangeAt(0)\n    const selectedContent = range.cloneContents()\n    const div = document.createElement('div')\n    div.appendChild(selectedContent)\n    const plainText = div.innerText\n    document.execCommand('insertText', false, plainText)\n    handleInput({ target: editableDiv.value })\n  }\n}\n\nonUpdated(() => {\n  if (props.setFocus) {\n    nextTick(() => focus())\n  }\n})\n\nonUnmounted(() => {\n  document.removeEventListener('selectionchange', handleSelectionChange)\n})\n</script>\n\n<style lang=\"scss\">\n.editable-div {\n  width: 100%;\n  min-height: 1rem;\n  background-color: transparent;\n  outline: none;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  \n  &:empty::before {\n    content: attr(placeholder);\n    color: #999;\n  }\n  \n  &:focus {\n    border: 0;\n  }\n}\n\n.formatting-bar {\n  display: flex;\n  gap: 5px;\n  margin-top: 5px;\n  padding: 5px;\n  background-color: #f5f5f5;\n  border-radius: 4px;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n  \n  button {\n    padding: 4px 8px;\n    background-color: white;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    cursor: pointer;\n    font-size: 14px;\n    min-width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n    &:hover {\n      background-color: #e0e0e0;\n    }\n    \n    &:active {\n      background-color: #d0d0d0;\n    }\n  }\n}\n</style>"],"names":["node"],"mappings":"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"}

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Upload = require("../../../../components/Upload/Upload.vue.cjs");
+const _hoisted_1 = { class: "mn-b-thin w-100 pd-medium bg-black t-white radius-medium" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex-center flex"
+};
+const _hoisted_3 = {
+  controls: "",
+  class: "w-100 h-max-30r"
+};
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { key: 1 };
+const _sfc_main = {
+  __name: "Video",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  emits: ["input", "updateBlock"],
+  setup(__props, { emit: __emit }) {
+    const videoUrl = vue.ref(null);
+    vue.ref(null);
+    const props = __props;
+    const emit = __emit;
+    function onComponentSave(url) {
+      videoUrl.value = url;
+      if (videoUrl.value) {
+        emit("input", videoUrl.value);
+        emit("updateBlock", props.prop, { content: videoUrl.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", _hoisted_2, [
+          vue.createElementVNode("audio", _hoisted_3, [
+            vue.createElementVNode("source", {
+              src: __props.prop.content,
+              type: "audio/mp3"
+            }, null, 8, _hoisted_4),
+            _cache[1] || (_cache[1] = vue.createTextVNode(" Your browser does not support the audio tag. "))
+          ])
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          vue.createVNode(Upload.default, {
+            field: videoUrl.value,
+            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => videoUrl.value = $event),
+            onFileChange: onComponentSave,
+            type: "file",
+            placeholder: "Enter embed code",
+            class: "w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"
+          }, null, 8, ["field"])
+        ]))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Video.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Video.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Video.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 pd-medium bg-black t-white radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"audio/mp3\">\n        Your browser does not support the audio tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"videoUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"file\"   \n        :placeholder=\"'Enter embed code'\" \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>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst videoUrl = 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 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\n\nfunction onComponentSave(url) {\n  videoUrl.value = url\n\n  if (videoUrl.value ) {\n    emit('input', videoUrl.value);\n    emit('updateBlock', props.prop, { content: videoUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAWA,IAAG,IAAC,IAAI;AACPA,QAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC/D,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Video.vue.js

@@ -0,0 +1,63 @@
+import { ref, createElementBlock, openBlock, createElementVNode, createTextVNode, createVNode } from "vue";
+import Upload from "../../../../components/Upload/Upload.vue.js";
+const _hoisted_1 = { class: "mn-b-thin w-100 pd-medium bg-black t-white radius-medium" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex-center flex"
+};
+const _hoisted_3 = {
+  controls: "",
+  class: "w-100 h-max-30r"
+};
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { key: 1 };
+const _sfc_main = {
+  __name: "Video",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  emits: ["input", "updateBlock"],
+  setup(__props, { emit: __emit }) {
+    const videoUrl = ref(null);
+    ref(null);
+    const props = __props;
+    const emit = __emit;
+    function onComponentSave(url) {
+      videoUrl.value = url;
+      if (videoUrl.value) {
+        emit("input", videoUrl.value);
+        emit("updateBlock", props.prop, { content: videoUrl.value });
+      } else {
+        alert("Invalid embed code or source not allowed.");
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.prop.content ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("audio", _hoisted_3, [
+            createElementVNode("source", {
+              src: __props.prop.content,
+              type: "audio/mp3"
+            }, null, 8, _hoisted_4),
+            _cache[1] || (_cache[1] = createTextVNode(" Your browser does not support the audio tag. "))
+          ])
+        ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+          createVNode(Upload, {
+            field: videoUrl.value,
+            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => videoUrl.value = $event),
+            onFileChange: onComponentSave,
+            type: "file",
+            placeholder: "Enter embed code",
+            class: "w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"
+          }, null, 8, ["field"])
+        ]))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Video.vue.js.map

package/dist/martyrs/src/modules/constructor/components/elements/Video.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Video.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 pd-medium bg-black t-white radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <audio controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"audio/mp3\">\n        Your browser does not support the audio tag.\n      </audio>\n    </div>\n\n    <div\n      v-else\n    >\n      <Upload \n        v-model:field=\"videoUrl\"\n        @file-change=\"onComponentSave\"\n        type=\"file\"   \n        :placeholder=\"'Enter embed code'\" \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>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\n\nconst videoUrl = 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 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\n\nfunction onComponentSave(url) {\n  videoUrl.value = url\n\n  if (videoUrl.value ) {\n    emit('input', videoUrl.value);\n    emit('updateBlock', props.prop, { content: videoUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,WAAW,IAAI,IAAI;AACP,QAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAUb,aAAS,gBAAgB,KAAK;AAC5B,eAAS,QAAQ;AAEjB,UAAI,SAAS,OAAQ;AACnB,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC/D,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("axios");
+const _hoisted_1 = { class: "mn-b-thin w-100 pd-medium bg-black radius-medium" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex-center flex"
+};
+const _hoisted_3 = {
+  controls: "",
+  class: "w-100 h-max-30r"
+};
+const _hoisted_4 = ["src"];
+const _sfc_main = {
+  __name: "VideoPlayer",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  emits: ["input", "updateBlock"],
+  setup(__props, { emit: __emit }) {
+    vue.ref(null);
+    vue.ref(null);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.prop.content ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createElementVNode("video", _hoisted_3, [
+            vue.createElementVNode("source", {
+              src: __props.prop.content,
+              type: "video/mp4"
+            }, null, 8, _hoisted_4),
+            _cache[0] || (_cache[0] = vue.createTextVNode(" Your browser does not support the video tag. "))
+          ])
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=VideoPlayer.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/VideoPlayer.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 pd-medium bg-black radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <video controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </video>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\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 isValidEmbedCode(code) {\n  const allowedSources = [/youtube\\.com/, /soundcloud\\.com/, /vimeo\\.com/];\n  return allowedSources.some(pattern => pattern.test(code));\n}\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\n\nfunction onComponentSave(url) {\n  console.log(imageUrl.value )\n\n  imageUrl.value = url\n\n  if (imageUrl.value ) {\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBiBA,QAAAA,IAAI,IAAI;AACPA,QAAAA,IAAI,IAAI;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/VideoPlayer.vue.js

@@ -0,0 +1,42 @@
+import { ref, createElementBlock, openBlock, createCommentVNode, createElementVNode, createTextVNode } from "vue";
+import "axios";
+const _hoisted_1 = { class: "mn-b-thin w-100 pd-medium bg-black radius-medium" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex-center flex"
+};
+const _hoisted_3 = {
+  controls: "",
+  class: "w-100 h-max-30r"
+};
+const _hoisted_4 = ["src"];
+const _sfc_main = {
+  __name: "VideoPlayer",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  emits: ["input", "updateBlock"],
+  setup(__props, { emit: __emit }) {
+    ref(null);
+    ref(null);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.prop.content ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("video", _hoisted_3, [
+            createElementVNode("source", {
+              src: __props.prop.content,
+              type: "video/mp4"
+            }, null, 8, _hoisted_4),
+            _cache[0] || (_cache[0] = createTextVNode(" Your browser does not support the video tag. "))
+          ])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=VideoPlayer.vue.js.map

package/dist/martyrs/src/modules/constructor/components/elements/VideoPlayer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/VideoPlayer.vue"],"sourcesContent":["<template>\n  <div \n    class=\"mn-b-thin w-100 pd-medium bg-black radius-medium\"\n  >\n      \n    <div v-if=\"prop.content\" class=\"flex-center flex\">\n      <video controls class=\"w-100 h-max-30r\">\n        <source :src=\"prop.content\" type=\"video/mp4\">\n        Your browser does not support the video tag.\n      </video>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Upload         from '@martyrs/src/components/Upload/Upload.vue'\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 isValidEmbedCode(code) {\n  const allowedSources = [/youtube\\.com/, /soundcloud\\.com/, /vimeo\\.com/];\n  return allowedSources.some(pattern => pattern.test(code));\n}\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\n\nfunction onComponentSave(url) {\n  console.log(imageUrl.value )\n\n  imageUrl.value = url\n\n  if (imageUrl.value ) {\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBiB,QAAI,IAAI;AACP,QAAI,IAAI;;;;;;;;;;;;;;;;"}