npm - @ozdao/martyrs - Versions diffs - 0.2.491 → 0.2.492 - Mend

@ozdao/martyrs 0.2.491 → 0.2.492

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1791) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.vue2.cjs","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":["ref","onMounted","nextTick","node","onUpdated","onUnmounted"],"mappings":"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"}
1	+ {"version":3,"file":"Textarea.vue2.cjs","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":["ref","onMounted","nextTick","node","onUpdated","onUnmounted"],"mappings":"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"}

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

	@@ -1 +1 @@
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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"}
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 CHANGED Viewed

@@ -1,7 +1,7 @@
 "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 Upload = require("../../../../components/Upload/Upload.vue2.cjs");
 const _hoisted_1 = { class: "mn-b-thin w-100 pd-medium bg-black t-white radius-medium" };
 const _hoisted_2 = {
   key: 0,

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

	@@ -1 +1 @@
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~~;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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,IAAAA,IAAI,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,MAC7D,OAAO;AACL,cAAM,2CAA2C;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createTextVNode, createVNode } from "vue";
-import Upload from "../../../../components/Upload/Upload.vue.js";
+import Upload from "../../../../components/Upload/Upload.vue2.js";
 const _hoisted_1 = { class: "mn-b-thin w-100 pd-medium bg-black t-white radius-medium" };
 const _hoisted_2 = {
   key: 0,

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

	@@ -1 +1 @@
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~~;;;;;;;;;;;;;;;;;;;;;;;;;"}
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,MAC7D,OAAO;AACL,cAAM,2CAA2C;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 require("axios");
+;/* empty css                                         */
 const _hoisted_1 = { class: "mn-b-thin w-100 o-hidden bg-black radius-medium" };
 const _hoisted_2 = {
   key: 0,

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

	@@ -1 +1 @@
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;;;;;;;;;;;;;;;;;"}
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 CHANGED Viewed

@@ -1,5 +1,6 @@
 import { ref, createElementBlock, openBlock, createCommentVNode, createElementVNode, createTextVNode } from "vue";
 import "axios";
+/* empty css                                       */
 const _hoisted_1 = { class: "mn-b-thin w-100 o-hidden bg-black radius-medium" };
 const _hoisted_2 = {
   key: 0,

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

	@@ -1 +1 @@
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;;;;;;;;;;;;;;;;"}
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.map CHANGED Viewed

	@@ -1 +1 @@
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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,IAAAA,IAAI,IAAI;AAC7B,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAE1B,UAAM,eAAe;AAAA,MACnB,YAAYC,SAAAA;AAAAA,MACZ,MAAMA,SAAAA;AAAAA,MACN,QAAQC,KAAAA;AAAAA,MACR,eAAeC,YAAAA;AAAAA,MACf,SAASC,MAAAA;AAAAA,MACT,SAASC,MAAAA;AAAAA,MACT,SAASC,MAAAA;AAAAA,IACX;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,MAC7D;AAAA,IACF,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,GAAAA,QAAM,GAAI;AACtH,UAAI,WAAW;AAAA,QACb;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,QAAQ,CAAA;AAAA,QACR,UAAU;AAAA,MACd;AAEE,UAAI,UAAU,QAAW;AACvB,aAAK,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,QAAQ;AAAA,MAClD,OAAO;AACL,aAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,MAClC;AAEA,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,OAAM;AAAA,MACvE;AACA,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,QAChC;AAAA,MACF;AAEA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/sections/Constructor.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Constructor.vue.js","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":["Textarea","Card","ImageUpload","Embed","Audio","Video","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,UAAM,QAAQ;AASd,UAAM,QAAQ;AAEA,QAAI,IAAI;AACtB,QAAI,OAAO,IAAI,IAAI;AAEnB,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,eAAe;AAAA,MACnB,YAAYA;AAAAA,MACZ,MAAMA;AAAAA,MACN,QAAQC;AAAAA,MACR,eAAeC;AAAAA,MACf,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,SAASC;AAAAA,IACX;AAEA,SAAK,QAAQ,EAAE,SAAS,MAAM,QAAO;AAErC,cAAU,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Constructor.vue.js","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":["Textarea","Card","ImageUpload","Embed","Audio","Video","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,UAAM,QAAQ;AASd,UAAM,QAAQ;AAEA,QAAI,IAAI;AACtB,QAAI,OAAO,IAAI,IAAI;AAEnB,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,eAAe;AAAA,MACnB,YAAYA;AAAAA,MACZ,MAAMA;AAAAA,MACN,QAAQC;AAAAA,MACR,eAAeC;AAAAA,MACf,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,SAASC;AAAAA,IACX;AAEA,SAAK,QAAQ,EAAE,SAAS,MAAM,QAAO;AAErC,cAAU,MAAM;AACd,UAAI,KAAK,SAAS,KAAK,MAAM,QAAQ,WAAW,GAAG;AACjD,uBAAe,YAAY,IAAI,GAAG,MAAM,MAAM,aAAa;AAAA,MAC7D;AAAA,IACF,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,GAAI;AACtH,UAAI,WAAW;AAAA,QACb;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,QAAQ,CAAA;AAAA,QACR,UAAU;AAAA,MACd;AAEE,UAAI,UAAU,QAAW;AACvB,aAAK,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,QAAQ;AAAA,MAClD,OAAO;AACL,aAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,MAClC;AAEA,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,OAAM;AAAA,MACvE;AACA,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,QAChC;AAAA,MACF;AAEA,YAAM,UAAU,KAAK,MAAM,OAAO;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/sections/Viewer.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Viewer.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/sections/Viewer.vue"],"sourcesContent":["<template>\n <section>\n <component\n v-model=\"block.content\"\n v-for=\"(block, index) in content\"\n :is=\"ComponentMap[block.type]\"\n :key=\"index\"\n :index=\"index\"\n :component=\"block\"\n :prop=\"block\"\n :class=\"block.class\"\n :isEditing=\"false\"\n content=\"content\"\n v-bind=\"getBlockProps(block, index)\"\n class=\"mn-b-medium\"\n />\n </section> \n</template>\n\n<script setup>\n import Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n import VideoPlayer from '@martyrs/src/modules/constructor/components/elements/VideoPlayer.vue';\n import Embed from '@martyrs/src/modules/constructor/components/elements/Embed.vue';\n import Card from '@martyrs/src/modules/constructor/components/elements/Card.vue';\n\n const props = defineProps([\n 'content',\n 'notitle'\n ])\n\nconst ComponentMap = {\n 'Textarea': 'p',\n 'H2': props.notitle ? 'h3' : 'h2',\n 'H3': 'h3',\n 'Bullets': 'p',\n 'Caption': 'p',\n 'ImageUpload': Image,\n 'Video': VideoPlayer,\n 'Embed': Embed,\n 'Card': Card\n};\n\nfunction getBlockProps(block, index) {\n if (block.type === 'Textarea') {\n // Проверяем, был ли до этого другой Textarea\n const prevTextarea = props.content.slice(0, index).find(b => b.type === 'Textarea');\n if (!prevTextarea) {\n return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n }\n return { innerHTML: block.content, class: \"p-semi\" };\n } else if (block.type === 'H2') {\n return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n } else if (block.type === 'Caption') {\n return { innerHTML: block.content };\n } else if (block.type === 'ImageUpload') {\n return { src: block.content };\n }\n return {};\n}\n</script>"],"names":["Image","VideoPlayer","Embed","Card"],"mappings":";;;;;;;;;;;;;;AAyBE,UAAM,QAAQ;AAKhB,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM,MAAM,UAAU,OAAO;AAAA,MAC7B,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeA,~~MAAK~~;~~AAAA~~,~~MACpB~~,SAASC,~~YAAW~~;~~AAAA~~,~~MACpB~~,SAASC,~~MAAK~~;~~AAAA~~,~~MACd~~,QAAQC,KAAAA;AAAAA,IACV;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,UAAI,MAAM,SAAS,YAAY;AAE7B,cAAM,eAAe,MAAM,QAAQ,MAAM,GAAG,KAAK,EAAE,KAAK,OAAK,EAAE,SAAS,UAAU;AAClF,YAAI,CAAC,cAAc;AACjB,iBAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,~~KAAM~~;AAAA,~~QAC7E~~;~~AACI~~,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,~~SAAU~~;AAAA,~~MACxD~~,~~WAAa~~,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,~~KAAM~~;AAAA,~~MAC3E~~,~~WAAa~~,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,~~QAAS~~;AAAA,~~MACvC~~,~~WAAa~~,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,~~QAAS~~;AAAA,~~MACjC~~;~~AACE~~,aAAO,~~CAAE~~;AAAA,~~IACX~~;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Viewer.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/sections/Viewer.vue"],"sourcesContent":["<template>\n <section>\n <component\n v-model=\"block.content\"\n v-for=\"(block, index) in content\"\n :is=\"ComponentMap[block.type]\"\n :key=\"index\"\n :index=\"index\"\n :component=\"block\"\n :prop=\"block\"\n :class=\"block.class\"\n :isEditing=\"false\"\n content=\"content\"\n v-bind=\"getBlockProps(block, index)\"\n class=\"mn-b-medium\"\n />\n </section> \n</template>\n\n<script setup>\n import Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n import VideoPlayer from '@martyrs/src/modules/constructor/components/elements/VideoPlayer.vue';\n import Embed from '@martyrs/src/modules/constructor/components/elements/Embed.vue';\n import Card from '@martyrs/src/modules/constructor/components/elements/Card.vue';\n\n const props = defineProps([\n 'content',\n 'notitle'\n ])\n\nconst ComponentMap = {\n 'Textarea': 'p',\n 'H2': props.notitle ? 'h3' : 'h2',\n 'H3': 'h3',\n 'Bullets': 'p',\n 'Caption': 'p',\n 'ImageUpload': Image,\n 'Video': VideoPlayer,\n 'Embed': Embed,\n 'Card': Card\n};\n\nfunction getBlockProps(block, index) {\n if (block.type === 'Textarea') {\n // Проверяем, был ли до этого другой Textarea\n const prevTextarea = props.content.slice(0, index).find(b => b.type === 'Textarea');\n if (!prevTextarea) {\n return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n }\n return { innerHTML: block.content, class: \"p-semi\" };\n } else if (block.type === 'H2') {\n return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n } else if (block.type === 'Caption') {\n return { innerHTML: block.content };\n } else if (block.type === 'ImageUpload') {\n return { src: block.content };\n }\n return {};\n}\n</script>"],"names":["Image","VideoPlayer","Embed","Card"],"mappings":";;;;;;;;;;;;;;AAyBE,UAAM,QAAQ;AAKhB,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM,MAAM,UAAU,OAAO;AAAA,MAC7B,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeA,MAAAA;AAAAA,MACf,SAASC,YAAAA;AAAAA,MACT,SAASC,MAAAA;AAAAA,MACT,QAAQC,KAAAA;AAAAA,IACV;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,UAAI,MAAM,SAAS,YAAY;AAE7B,cAAM,eAAe,MAAM,QAAQ,MAAM,GAAG,KAAK,EAAE,KAAK,OAAK,EAAE,SAAS,UAAU;AAClF,YAAI,CAAC,cAAc;AACjB,iBAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,QACvE;AACA,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,SAAQ;AAAA,MACpD,WAAW,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,MACvE,WAAW,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,QAAO;AAAA,MACnC,WAAW,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,QAAO;AAAA,MAC7B;AACA,aAAO,CAAA;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/sections/Viewer.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Viewer.vue.js","sources":["../../../../../../../src/modules/constructor/components/sections/Viewer.vue"],"sourcesContent":["<template>\n <section>\n <component\n v-model=\"block.content\"\n v-for=\"(block, index) in content\"\n :is=\"ComponentMap[block.type]\"\n :key=\"index\"\n :index=\"index\"\n :component=\"block\"\n :prop=\"block\"\n :class=\"block.class\"\n :isEditing=\"false\"\n content=\"content\"\n v-bind=\"getBlockProps(block, index)\"\n class=\"mn-b-medium\"\n />\n </section> \n</template>\n\n<script setup>\n import Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n import VideoPlayer from '@martyrs/src/modules/constructor/components/elements/VideoPlayer.vue';\n import Embed from '@martyrs/src/modules/constructor/components/elements/Embed.vue';\n import Card from '@martyrs/src/modules/constructor/components/elements/Card.vue';\n\n const props = defineProps([\n 'content',\n 'notitle'\n ])\n\nconst ComponentMap = {\n 'Textarea': 'p',\n 'H2': props.notitle ? 'h3' : 'h2',\n 'H3': 'h3',\n 'Bullets': 'p',\n 'Caption': 'p',\n 'ImageUpload': Image,\n 'Video': VideoPlayer,\n 'Embed': Embed,\n 'Card': Card\n};\n\nfunction getBlockProps(block, index) {\n if (block.type === 'Textarea') {\n // Проверяем, был ли до этого другой Textarea\n const prevTextarea = props.content.slice(0, index).find(b => b.type === 'Textarea');\n if (!prevTextarea) {\n return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n }\n return { innerHTML: block.content, class: \"p-semi\" };\n } else if (block.type === 'H2') {\n return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n } else if (block.type === 'Caption') {\n return { innerHTML: block.content };\n } else if (block.type === 'ImageUpload') {\n return { src: block.content };\n }\n return {};\n}\n</script>"],"names":["Image","VideoPlayer","Embed","Card"],"mappings":";;;;;;;;;;;;AAyBE,UAAM,QAAQ;AAKhB,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM,MAAM,UAAU,OAAO;AAAA,MAC7B,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeA;AAAAA,MACf,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,QAAQC;AAAAA,IACV;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,UAAI,MAAM,SAAS,YAAY;AAE7B,cAAM,eAAe,MAAM,QAAQ,MAAM,GAAG,KAAK,EAAE,KAAK,OAAK,EAAE,SAAS,UAAU;AAClF,YAAI,CAAC,cAAc;AACjB,iBAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,~~KAAM~~;AAAA,~~QAC7E~~;~~AACI~~,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,~~SAAU~~;AAAA,~~MACxD~~,~~WAAa~~,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,~~KAAM~~;AAAA,~~MAC3E~~,~~WAAa~~,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,~~QAAS~~;AAAA,~~MACvC~~,~~WAAa~~,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,~~QAAS~~;AAAA,~~MACjC~~;~~AACE~~,aAAO,~~CAAE~~;AAAA,~~IACX~~;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Viewer.vue.js","sources":["../../../../../../../src/modules/constructor/components/sections/Viewer.vue"],"sourcesContent":["<template>\n <section>\n <component\n v-model=\"block.content\"\n v-for=\"(block, index) in content\"\n :is=\"ComponentMap[block.type]\"\n :key=\"index\"\n :index=\"index\"\n :component=\"block\"\n :prop=\"block\"\n :class=\"block.class\"\n :isEditing=\"false\"\n content=\"content\"\n v-bind=\"getBlockProps(block, index)\"\n class=\"mn-b-medium\"\n />\n </section> \n</template>\n\n<script setup>\n import Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n import VideoPlayer from '@martyrs/src/modules/constructor/components/elements/VideoPlayer.vue';\n import Embed from '@martyrs/src/modules/constructor/components/elements/Embed.vue';\n import Card from '@martyrs/src/modules/constructor/components/elements/Card.vue';\n\n const props = defineProps([\n 'content',\n 'notitle'\n ])\n\nconst ComponentMap = {\n 'Textarea': 'p',\n 'H2': props.notitle ? 'h3' : 'h2',\n 'H3': 'h3',\n 'Bullets': 'p',\n 'Caption': 'p',\n 'ImageUpload': Image,\n 'Video': VideoPlayer,\n 'Embed': Embed,\n 'Card': Card\n};\n\nfunction getBlockProps(block, index) {\n if (block.type === 'Textarea') {\n // Проверяем, был ли до этого другой Textarea\n const prevTextarea = props.content.slice(0, index).find(b => b.type === 'Textarea');\n if (!prevTextarea) {\n return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n }\n return { innerHTML: block.content, class: \"p-semi\" };\n } else if (block.type === 'H2') {\n return { innerHTML: block.content, class: props.notitle ? \"h3\" : \"h2\" };\n } else if (block.type === 'Caption') {\n return { innerHTML: block.content };\n } else if (block.type === 'ImageUpload') {\n return { src: block.content };\n }\n return {};\n}\n</script>"],"names":["Image","VideoPlayer","Embed","Card"],"mappings":";;;;;;;;;;;;AAyBE,UAAM,QAAQ;AAKhB,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM,MAAM,UAAU,OAAO;AAAA,MAC7B,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeA;AAAAA,MACf,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,QAAQC;AAAAA,IACV;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,UAAI,MAAM,SAAS,YAAY;AAE7B,cAAM,eAAe,MAAM,QAAQ,MAAM,GAAG,KAAK,EAAE,KAAK,OAAK,EAAE,SAAS,UAAU;AAClF,YAAI,CAAC,cAAc;AACjB,iBAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,QACvE;AACA,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,SAAQ;AAAA,MACpD,WAAW,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,MAAM,UAAU,OAAO,KAAI;AAAA,MACvE,WAAW,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM,QAAO;AAAA,MACnC,WAAW,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM,QAAO;AAAA,MAC7B;AACA,aAAO,CAAA;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.cjs CHANGED Viewed

@@ -94,7 +94,6 @@ const _sfc_main = {
       return eventName;
     });
     return (_ctx, _cache) => {
-      var _a;
       return vue.openBlock(), vue.createElementBlock("article", {
         class: vue.normalizeClass([{
           "flex-nowrap flex-v-center flex": __props.type === "short",
@@ -172,7 +171,7 @@ const _sfc_main = {
               "order-1": __props.type === "short"
             }])
           }, [
-            ((_a = __props.event.date) == null ? void 0 : _a.start) ? (vue.openBlock(), vue.createElementBlock("span", {
+            __props.event.date?.start ? (vue.openBlock(), vue.createElementBlock("span", {
               key: _ctx.index,
               class: vue.normalizeClass(["d-inline-flex p-semi t-medium mn-nano pd-thin radius-small bg-white", {
                 "p-medium": __props.type === "short"

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n <article \n\t :class=\"{\n\t \t'flex-nowrap flex-v-center flex': type === 'short',\n\t \t'flex flex-column': type !== 'short',\n\t }\"\n\t class=\"pos-relative\"\n >\n \n <CardHeader \n\t :class=\"{\n\t \t'mn-b-small pd-medium': type !== 'short',\n\t \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t }\"\n\t :entity=\"event\"\n\t :entityType=\"'event'\"\n\t :user=\"user\"\n\t :owner=\"event.owner\" \n \t:creator=\"event.creator\"\n \t:members=\"event.numberOfTickets\"\n \t:membersPhotos=\"event.participantsPhotos\"\n \t:type=\"type\"\n \t:dateFormatted=\"daysUntilEvent\"\n />\n\n \t\t<div \n \t\t\tv-if=\"type !== 'short'\" \n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t <img v-if=\"event.cover\" loading=\"lazy\" \n\t \t:src=\"(FILE_SERVER_URL \|\| '') + event.cover\" \n\t \talt=\"Event image\" \n\t \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t />\n\n\t <img v-if=\"event.cover\" loading=\"lazy\" \n\t \t:src=\"(FILE_SERVER_URL \|\| '') + event.cover\" \n\t \talt=\"Event Background\" \n\t \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t \tstyle=\"\n\t \t\ttransform: scale(1.5);\n\t \t\tfilter: blur(2rem);\n \t\t\t\t-webkit-filter: blur(2rem);\"\n\t />\n\t <IconEvents\n\t \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t </div>\n\n <section \n \tclass=\"pos-relative w-100\"\n \t:class=\"{\n \t\t'pd-t-zero h-100 flex flex-column pd-medium': type !== 'short',\n \t\t'flex-nowrap flex flex-v-center': type === 'short'\n \t}\"\n >\n\n\t <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t/>\n\n \t<div\n \t\t:class=\"{\n \t\t\t'mn-b-small': type !== 'short',\n \t\t\t'order-2 mn-l-thin': type === 'short'\n \t\t}\"\n \t\tclass=\"flex-v-center flex-nowrap flex\"\n \t>\n\t\t\t\t \t<span \n\t\t\t \tv-if=\"type === 'short'\" \n\t\t\t \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t >\n\t \t{{ event.name }}\n\t\t\t </span>\n\t\t\t</div>\n\n <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t \tv-if=\"type !== 'short'\" \n\t \tclass=\"t-trim-1\"\n\t >\n\t \t\t{{ event.name }}\n\t \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n \t<span \n \t\tv-if=\"type !== 'short'\" \n \t\tclass=\"h-100 mn-b-regular p-regular t-trim-3\"\n \t>\n \t\t{{ event.description }}\n \t</span>\n\n <slot></slot>\n \n <div \n \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n \t:class=\"{\n\t \t\t'order-1': type === 'short'\n \t\t}\"\n >\n \t<span\n \t\tv-if=\"event.date?.start\"\n :key=\"index\"\n class=\"d-inline-flex p-semi t-medium mn-nano pd-thin radius-small bg-white\"\n :class=\"{\n\t\t \t\t'p-medium': type === 'short'\n\t \t\t}\"\n >\n {{ formattedDate }}\n <template\n\t\t \t\tv-if=\"type !== 'short'\"\n\t\t\t >\n\t\t \| {{ formattedTimeRange }}\n\t\t\t </template>\n </span>\n\n\n <span\n \tv-if=\"type !== 'short'\"\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex mn-nano pd-thin radius-small p-semi t-medium bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\" \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n </section>\n \n <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n // Function to calculate days until event\n const daysUntilEvent = computed(() => {\n const now = new Date();\n const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n \n const start = new Date(props.event.date.start);\n const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n \n const diffInTime = startUTC - nowUTC;\n\n if (diffInTime < 0) {\n return 'Finished';\n }\n else if (diffInTime === 0) {\n return 'Starting Now';\n }\n else {\n const diffInSeconds = Math.floor(diffInTime / 1000);\n const diffInMinutes = Math.floor(diffInSeconds / 60);\n const diffInHours = Math.floor(diffInMinutes / 60);\n const diffInDays = Math.floor(diffInHours / 24);\n\n if (diffInDays > 0) {\n return `${diffInDays} days until event`;\n }\n else if (diffInHours > 0) {\n return `${diffInHours} hours until event`;\n }\n else if (diffInMinutes > 0) {\n return `${diffInMinutes} minutes until event`;\n }\n else {\n return `${diffInSeconds} seconds until event`;\n }\n }\n});\n\n\n /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t const start = new Date(props.event.date.start);\n\t const options = { day: '2-digit', month: '2-digit' };\n\t return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n const start = new Date(props.event.date.start);\n const end = new Date(props.event.date.end);\n\n const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t const eventName = props.event.name;\n\t if (eventName.length > 26) {\n\t return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t }\n\t return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKkBA,QAAG,IAAC,oBAAI,KAAM,CAAA;AAEhBC,cAAS,UAAA;AACxB,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC1E,CAAA;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACvE,CAAA;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACb,WACa,eAAe,GAAG;AACzB,eAAO;AAAA,MACb,OACS;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QAC5B,WACe,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QAC7B,WACe,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QAC/B,OACW;AACH,iBAAO,GAAG,aAAa;AAAA,QAC/B;AAAA,MACA;AAAA,IACA,CAAC;AAIA,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAW;AACpD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACvD,CAAE;AAGD,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IAClC,CAAE;AAI0BA,QAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACzC;AACG,aAAO;AAAA,IACR,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n <article \n\t :class=\"{\n\t \t'flex-nowrap flex-v-center flex': type === 'short',\n\t \t'flex flex-column': type !== 'short',\n\t }\"\n\t class=\"pos-relative\"\n >\n \n <CardHeader \n\t :class=\"{\n\t \t'mn-b-small pd-medium': type !== 'short',\n\t \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t }\"\n\t :entity=\"event\"\n\t :entityType=\"'event'\"\n\t :user=\"user\"\n\t :owner=\"event.owner\" \n \t:creator=\"event.creator\"\n \t:members=\"event.numberOfTickets\"\n \t:membersPhotos=\"event.participantsPhotos\"\n \t:type=\"type\"\n \t:dateFormatted=\"daysUntilEvent\"\n />\n\n \t\t<div \n \t\t\tv-if=\"type !== 'short'\" \n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t <img v-if=\"event.cover\" loading=\"lazy\" \n\t \t:src=\"(FILE_SERVER_URL \|\| '') + event.cover\" \n\t \talt=\"Event image\" \n\t \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t />\n\n\t <img v-if=\"event.cover\" loading=\"lazy\" \n\t \t:src=\"(FILE_SERVER_URL \|\| '') + event.cover\" \n\t \talt=\"Event Background\" \n\t \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t \tstyle=\"\n\t \t\ttransform: scale(1.5);\n\t \t\tfilter: blur(2rem);\n \t\t\t\t-webkit-filter: blur(2rem);\"\n\t />\n\t <IconEvents\n\t \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t </div>\n\n <section \n \tclass=\"pos-relative w-100\"\n \t:class=\"{\n \t\t'pd-t-zero h-100 flex flex-column pd-medium': type !== 'short',\n \t\t'flex-nowrap flex flex-v-center': type === 'short'\n \t}\"\n >\n\n\t <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t/>\n\n \t<div\n \t\t:class=\"{\n \t\t\t'mn-b-small': type !== 'short',\n \t\t\t'order-2 mn-l-thin': type === 'short'\n \t\t}\"\n \t\tclass=\"flex-v-center flex-nowrap flex\"\n \t>\n\t\t\t\t \t<span \n\t\t\t \tv-if=\"type === 'short'\" \n\t\t\t \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t >\n\t \t{{ event.name }}\n\t\t\t </span>\n\t\t\t</div>\n\n <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t \tv-if=\"type !== 'short'\" \n\t \tclass=\"t-trim-1\"\n\t >\n\t \t\t{{ event.name }}\n\t \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n \t<span \n \t\tv-if=\"type !== 'short'\" \n \t\tclass=\"h-100 mn-b-regular p-regular t-trim-3\"\n \t>\n \t\t{{ event.description }}\n \t</span>\n\n <slot></slot>\n \n <div \n \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n \t:class=\"{\n\t \t\t'order-1': type === 'short'\n \t\t}\"\n >\n \t<span\n \t\tv-if=\"event.date?.start\"\n :key=\"index\"\n class=\"d-inline-flex p-semi t-medium mn-nano pd-thin radius-small bg-white\"\n :class=\"{\n\t\t \t\t'p-medium': type === 'short'\n\t \t\t}\"\n >\n {{ formattedDate }}\n <template\n\t\t \t\tv-if=\"type !== 'short'\"\n\t\t\t >\n\t\t \| {{ formattedTimeRange }}\n\t\t\t </template>\n </span>\n\n\n <span\n \tv-if=\"type !== 'short'\"\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex mn-nano pd-thin radius-small p-semi t-medium bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\" \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n </section>\n \n <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n // Function to calculate days until event\n const daysUntilEvent = computed(() => {\n const now = new Date();\n const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n \n const start = new Date(props.event.date.start);\n const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n \n const diffInTime = startUTC - nowUTC;\n\n if (diffInTime < 0) {\n return 'Finished';\n }\n else if (diffInTime === 0) {\n return 'Starting Now';\n }\n else {\n const diffInSeconds = Math.floor(diffInTime / 1000);\n const diffInMinutes = Math.floor(diffInSeconds / 60);\n const diffInHours = Math.floor(diffInMinutes / 60);\n const diffInDays = Math.floor(diffInHours / 24);\n\n if (diffInDays > 0) {\n return `${diffInDays} days until event`;\n }\n else if (diffInHours > 0) {\n return `${diffInHours} hours until event`;\n }\n else if (diffInMinutes > 0) {\n return `${diffInMinutes} minutes until event`;\n }\n else {\n return `${diffInSeconds} seconds until event`;\n }\n }\n});\n\n\n /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t const start = new Date(props.event.date.start);\n\t const options = { day: '2-digit', month: '2-digit' };\n\t return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n const start = new Date(props.event.date.start);\n const end = new Date(props.event.date.end);\n\n const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t const eventName = props.event.name;\n\t if (eventName.length > 26) {\n\t return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t }\n\t return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKkBA,QAAAA,IAAI,oBAAI,KAAI,CAAE;AAEhBC,cAAAA,UAAS;AACxB,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0BA,QAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.js CHANGED Viewed

@@ -92,7 +92,6 @@ const _sfc_main = {
       return eventName;
     });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("article", {
         class: normalizeClass([{
           "flex-nowrap flex-v-center flex": __props.type === "short",
@@ -170,7 +169,7 @@ const _sfc_main = {
               "order-1": __props.type === "short"
             }])
           }, [
-            ((_a = __props.event.date) == null ? void 0 : _a.start) ? (openBlock(), createElementBlock("span", {
+            __props.event.date?.start ? (openBlock(), createElementBlock("span", {
               key: _ctx.index,
               class: normalizeClass(["d-inline-flex p-semi t-medium mn-nano pd-thin radius-small bg-white", {
                 "p-medium": __props.type === "short"