@ozdao/martyrs 0.2.488 → 0.2.491

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 o-hidden 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 o-hidden 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 o-hidden 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 o-hidden 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;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/sections/Constructor.vue.cjs

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Textarea = require("../elements/Textarea.vue2.cjs");
+const ImageUpload = require("../elements/ImageUpload.vue.cjs");
+const Embed = require("../elements/Embed.vue.cjs");
+const Card = require("../elements/Card.vue.cjs");
+const Audio = require("../elements/Audio.vue.cjs");
+const Video = require("../elements/Video.vue.cjs");
+const Draggable = require("../../../../components/Draggable/Draggable.vue.cjs");
+const v4 = require("../../../../../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/v4.cjs");
+const _hoisted_1 = ["data-index"];
+const _hoisted_2 = ["onMouseover"];
+const _hoisted_3 = {
+  key: 0,
+  class: "pos-absolute z-index-4 i-semi",
+  style: { "right": "calc(100% + 0.5rem)", "top": "calc(50% - 1.125rem)" }
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex"
+};
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = ["onClick"];
+const _sfc_main = {
+  __name: "Constructor",
+  props: {
+    content: {
+      type: Array
+    },
+    notitle: {
+      type: Boolean
+    }
+  },
+  emits: ["update"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    vue.ref(null);
+    let post = vue.ref(null);
+    const showControls = vue.ref(null);
+    const showMenu = vue.ref(false);
+    const ComponentMap = {
+      "Textarea": Textarea.default,
+      "H2": Textarea.default,
+      "Card": Card.default,
+      "ImageUpload": ImageUpload.default,
+      "Embed": Embed.default,
+      "Audio": Audio.default,
+      "Video": Video.default
+    };
+    post.value = { content: props.content };
+    vue.onMounted(() => {
+      if (post.value && post.value.content.length === 0) {
+        handleAddBlock("Textarea", "", 0, null, "h2", "Enter title");
+      }
+    });
+    const updateContent = (newContent) => {
+      post.value.content = newContent;
+    };
+    const handleDragStart = (startIndex) => {
+      console.log("Drag started from index:", startIndex);
+    };
+    const handleDragEnd = (startIndex, endIndex) => {
+      console.log("Drag ended. Start index:", startIndex, "End index:", endIndex);
+    };
+    function handleAddBlock(type = "Textarea", content = "", index, data, classBlock = "", placeholder = "", id = v4.default()) {
+      let blockNew = {
+        id,
+        type,
+        style: "",
+        class: classBlock,
+        placeholder,
+        content,
+        blocks: [],
+        setFocus: true
+      };
+      if (index !== void 0) {
+        post.value.content.splice(index + 1, 0, blockNew);
+      } else {
+        post.value.content.push(blockNew);
+      }
+      showControls.value = null;
+      emits("update", post.value.content);
+    }
+    function handleUpdateBlock(block, update) {
+      const index = post.value.content.findIndex((item) => item === block);
+      if (index !== -1) {
+        post.value.content[index] = { ...post.value.content[index], ...update };
+      }
+      emits("update", post.value.content);
+    }
+    function handleDeleteBlock(blockToDelete, options = {}) {
+      const index = post.value.content.findIndex((block) => block.id === blockToDelete.id);
+      if (index !== -1 && index !== 0) {
+        post.value.content.splice(index, 1);
+        if (index > 0) {
+          const previousBlock = post.value.content[index - 1];
+          previousBlock.setFocus = true;
+          previousBlock.setCaretToEnd = true;
+        }
+      }
+      emits("update", post.value.content);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", null, [
+        vue.createVNode(Draggable.default, {
+          list: vue.unref(post).content,
+          "onUpdate:list": updateContent,
+          onStart: handleDragStart,
+          onEnd: handleDragEnd,
+          disabledClass: "no-drag"
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(post).content, (block, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: block.id,
+                "data-index": index,
+                draggable: "true",
+                class: "draggable-item pos-relative"
+              }, [
+                vue.createElementVNode("div", {
+                  onMouseover: ($event) => (showControls.value = index, showMenu.value = false),
+                  class: "pos-relative w-full h-full"
+                }, [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(ComponentMap[block.type]), {
+                    modelValue: block.content,
+                    "onUpdate:modelValue": ($event) => block.content = $event,
+                    index,
+                    component: block,
+                    prop: block,
+                    placeholder: block.placeholder,
+                    class: vue.normalizeClass(block.class),
+                    setFocus: block.setFocus,
+                    onDeleteBlock: handleDeleteBlock,
+                    onAddBlock: handleAddBlock,
+                    onUpdateBlock: handleUpdateBlock
+                  }, null, 40, ["modelValue", "onUpdate:modelValue", "index", "component", "prop", "placeholder", "class", "setFocus"]))
+                ], 40, _hoisted_2),
+                vue.createVNode(vue.Transition, { name: "fade" }, {
+                  default: vue.withCtx(() => [
+                    showControls.value === index ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                      vue.createElementVNode("button", {
+                        onClick: _cache[0] || (_cache[0] = ($event) => showMenu.value = !showMenu.value),
+                        class: "mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin"
+                      }, vue.toDisplayString(block.content ? "⋯" : "+"), 1),
+                      showMenu.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                        index !== 0 ? (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 0,
+                          onClick: ($event) => handleDeleteBlock(block),
+                          class: "mn-b-thin w-max t-red bg-white button-small button"
+                        }, " Remove ", 8, _hoisted_5)) : vue.createCommentVNode("", true),
+                        vue.createElementVNode("span", {
+                          onClick: ($event) => handleAddBlock("ImageUpload", "", index),
+                          class: "mn-b-thin w-max t-black bg-white button-small button"
+                        }, " Add Image ", 8, _hoisted_6),
+                        vue.createElementVNode("span", {
+                          onClick: ($event) => handleAddBlock("H2", "", index),
+                          class: "w-max button-small t-black bg-white button"
+                        }, " Add Title ", 8, _hoisted_7),
+                        vue.createElementVNode("span", {
+                          onClick: ($event) => handleAddBlock("Card", { photo: "", title: "", subtitle: "" }, index),
+                          class: "w-max button-small t-black bg-white button"
+                        }, " Add Card ", 8, _hoisted_8),
+                        vue.createElementVNode("span", {
+                          onClick: ($event) => handleAddBlock("Embed", "", index),
+                          class: "w-max button-small t-black bg-white button"
+                        }, " Add Embed ", 8, _hoisted_9),
+                        vue.createElementVNode("span", {
+                          onClick: ($event) => handleAddBlock("Audio", "", index),
+                          class: "w-max button-small t-black bg-white button"
+                        }, " Add Audio ", 8, _hoisted_10),
+                        vue.createElementVNode("span", {
+                          onClick: ($event) => handleAddBlock("Video", "", index),
+                          class: "w-max button-small t-black bg-white button"
+                        }, " Add Video ", 8, _hoisted_11)
+                      ])) : vue.createCommentVNode("", true)
+                    ])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 8, _hoisted_1);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["list"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Constructor.vue.cjs.map

package/dist/martyrs/src/modules/constructor/components/sections/Constructor.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Constructor.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/sections/Constructor.vue"],"sourcesContent":["<template>\n  <!-- Content -->\n  <section>\n    <Draggable \n      :list=\"post.content\" \n      @update:list=\"updateContent\" \n      @start=\"handleDragStart\" \n      @end=\"handleDragEnd\" \n      disabledClass=\"no-drag\"\n    >\n      <div\n        v-for=\"(block, index) in post.content\"\n        :key=\"block.id\" \n        :data-index=\"index\"\n        draggable=\"true\"\n        class=\"draggable-item pos-relative\"\n      >\n        <div \n          @mouseover=\"showControls = index, showMenu = false\"\n          class=\"pos-relative w-full h-full\"\n        >\n          <component\n            v-model=\"block.content\"\n            :is=\"ComponentMap[block.type]\"\n            :index=\"index\"\n            :component=\"block\"\n            :prop=\"block\"\n            :placeholder=\"block.placeholder\"\n            :class=\"block.class\"\n            :setFocus=\"block.setFocus\"\n            @deleteBlock=\"handleDeleteBlock\"\n            @addBlock=\"handleAddBlock\"\n            @updateBlock=\"handleUpdateBlock\"\n          />\n        </div>\n\n        <transition name=\"fade\">\n          <div \n            v-if=\"showControls === index\" \n            class=\"pos-absolute z-index-4 i-semi\" \n            style=\"right: calc(100% + 0.5rem); top: calc(50% - 1.125rem);\"\n          >\n            <button \n              @click=\"showMenu = !showMenu\" \n              class=\"mn-b-small cursor-pointer w-100 i-semi bg-white radius-thin\"\n            >\n              {{ block.content ? '⋯' : '+' }}\n            </button>\n            \n            <div \n              v-if=\"showMenu\" \n              class=\"z-index-5 radius-thin pd-thin bg-white w-max mn-b-small flex-nowrap flex-column flex\"\n            >\n              <span \n                v-if=\"index !== 0\"\n                @click=\"handleDeleteBlock(block)\" \n                class=\"mn-b-thin w-max t-red bg-white button-small button\"\n              >\n                Remove\n              </span>\n              <span \n                @click=\"handleAddBlock('ImageUpload', '', index)\" \n                class=\"mn-b-thin w-max t-black bg-white button-small button\"\n              >\n                Add Image\n              </span>\n              <span \n                @click=\"handleAddBlock('H2', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Title\n              </span>\n              <span \n                @click=\"handleAddBlock('Card', { photo: '', title: '', subtitle: '', }, index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Card\n              </span>\n              <span \n                @click=\"handleAddBlock('Embed', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Embed\n              </span>\n              <span \n                @click=\"handleAddBlock('Audio', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Audio\n              </span>\n              <span \n                @click=\"handleAddBlock('Video', '', index)\"\n                class=\"w-max button-small t-black bg-white button\"\n              >\n                Add Video\n              </span>\n            </div>\n          </div>\n        </transition>\n      </div>\n    </Draggable>\n  </section>\n</template>\n\n\n<script setup>\nimport Textarea     from '../elements/Textarea.vue';\nimport ImageUpload  from '../elements/ImageUpload.vue';\nimport Embed        from '../elements/Embed.vue';\nimport Card        from '../elements/Card.vue';\nimport Audio        from '../elements/Audio.vue';\nimport Video        from '../elements/Video.vue';\n\nimport Draggable        from '@martyrs/src/components/Draggable/Draggable.vue';\n\nimport { ref, onMounted, watchEffect, computed } from 'vue';\nimport { v4 as uuidv4 } from 'uuid'\n\nconst props = defineProps({\n  content: {\n    type: Array\n  },\n  notitle: {\n    type: Boolean\n  }\n});\n\nconst emits = defineEmits(['update'])\n\nlet publics = ref(null);\nlet post = ref(null); \n\nconst showControls = ref(null)\nconst showMenu = ref(false)\n\nconst ComponentMap = {\n  'Textarea': Textarea,\n  'H2': Textarea,\n  'Card': Card,\n  'ImageUpload': ImageUpload,\n  'Embed': Embed,\n  'Audio': Audio,\n  'Video': Video,\n};\n\npost.value = { content: props.content }; \n\nonMounted(() => {\n  if (post.value && post.value.content.length === 0) {\n    handleAddBlock('Textarea', '', 0, null, 'h2', 'Enter title');\n  }\n})\n\nconst updateContent = (newContent) => {\n  post.value.content = newContent;\n};\n\nconst handleDragStart = (startIndex) => {\n  console.log('Drag started from index:', startIndex);\n};\n\nconst handleDragEnd = (startIndex, endIndex) => {\n  console.log('Drag ended. Start index:', startIndex, 'End index:', endIndex);\n};\n\nfunction handleAddBlock(type = 'Textarea', content = '', index, data, classBlock = '', placeholder = '', id = uuidv4()) {\n  let blockNew = {\n    id: id,\n    type: type,\n    style: '',\n    class: classBlock,\n    placeholder: placeholder,\n    content: content,\n    blocks: [],\n    setFocus: true,\n  };\n  \n  if (index !== undefined) {\n    post.value.content.splice(index + 1, 0, blockNew);\n  } else {\n    post.value.content.push(blockNew);\n  }\n  \n  showControls.value = null\n  emits('update', post.value.content);\n}\n\nfunction handleUpdateBlock(block, update) {\n  const index = post.value.content.findIndex(item => item === block);\n\n  if (index !== -1) {\n    post.value.content[index] = { ...post.value.content[index], ...update };\n  }\n  emits('update', post.value.content);\n}\n\nfunction handleDeleteBlock(blockToDelete, options = {}) {\n  const index = post.value.content.findIndex(block => block.id === blockToDelete.id)\n\n  if (index !== -1 && index !== 0) {\n    post.value.content.splice(index, 1)\n    \n    if (index > 0) {\n      const previousBlock = post.value.content[index - 1]\n      previousBlock.setFocus = true\n      previousBlock.setCaretToEnd = true\n    }\n  }\n  \n  emits('update', post.value.content)\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","Textarea","Card","ImageUpload","Embed","Audio","Video","onMounted","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,UAAM,QAAQ;AASd,UAAM,QAAQ;AAEAA,QAAAA,IAAI,IAAI;AACtB,QAAI,OAAOA,IAAAA,IAAI,IAAI;AAEnB,UAAM,eAAeA,IAAG,IAAC,IAAI;AAC7B,UAAM,WAAWA,IAAG,IAAC,KAAK;AAE1B,UAAM,eAAe;AAAA,MACnB,YAAYC,SAAQ;AAAA,MACpB,MAAMA,SAAQ;AAAA,MACd,QAAQC,KAAI;AAAA,MACZ,eAAeC,YAAW;AAAA,MAC1B,SAASC,MAAK;AAAA,MACd,SAASC,MAAK;AAAA,MACd,SAASC,MAAK;AAAA,IAChB;AAEA,SAAK,QAAQ,EAAE,SAAS,MAAM,QAAO;AAErCC,QAAAA,UAAU,MAAM;AACd,UAAI,KAAK,SAAS,KAAK,MAAM,QAAQ,WAAW,GAAG;AACjD,uBAAe,YAAY,IAAI,GAAG,MAAM,MAAM,aAAa;AAAA,MAC/D;AAAA,IACA,CAAC;AAED,UAAM,gBAAgB,CAAC,eAAe;AACpC,WAAK,MAAM,UAAU;AAAA,IACvB;AAEA,UAAM,kBAAkB,CAAC,eAAe;AACtC,cAAQ,IAAI,4BAA4B,UAAU;AAAA,IACpD;AAEA,UAAM,gBAAgB,CAAC,YAAY,aAAa;AAC9C,cAAQ,IAAI,4BAA4B,YAAY,cAAc,QAAQ;AAAA,IAC5E;AAEA,aAAS,eAAe,OAAO,YAAY,UAAU,IAAI,OAAO,MAAM,aAAa,IAAI,cAAc,IAAI,KAAKC,GAAM,QAAA,GAAI;AACtH,UAAI,WAAW;AAAA,QACb;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,QAAQ,CAAE;AAAA,QACV,UAAU;AAAA,MACX;AAED,UAAI,UAAU,QAAW;AACvB,aAAK,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,QAAQ;AAAA,MACpD,OAAS;AACL,aAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,MACpC;AAEE,mBAAa,QAAQ;AACrB,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,OAAO,QAAQ;AACxC,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,UAAQ,SAAS,KAAK;AAEjE,UAAI,UAAU,IAAI;AAChB,aAAK,MAAM,QAAQ,KAAK,IAAI,EAAE,GAAG,KAAK,MAAM,QAAQ,KAAK,GAAG,GAAG,OAAQ;AAAA,MAC3E;AACE,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;AAEA,aAAS,kBAAkB,eAAe,UAAU,IAAI;AACtD,YAAM,QAAQ,KAAK,MAAM,QAAQ,UAAU,WAAS,MAAM,OAAO,cAAc,EAAE;AAEjF,UAAI,UAAU,MAAM,UAAU,GAAG;AAC/B,aAAK,MAAM,QAAQ,OAAO,OAAO,CAAC;AAElC,YAAI,QAAQ,GAAG;AACb,gBAAM,gBAAgB,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAClD,wBAAc,WAAW;AACzB,wBAAc,gBAAgB;AAAA,QACpC;AAAA,MACA;AAEE,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}