@ozdao/martyrs 0.2.424 → 0.2.426

package/dist/builder.js

@@ -637,7 +637,6 @@ function requireSsr_dev() {
   const { transformDevStats } = requireSsrTransformWebpackStats();
   ssr_dev = function createSsrDevServer(projectRoot, { clientConfig, serverConfig, ssrConfig, createServerPath }) {
     const clientCompiler = webpack2(clientConfig);
-    const serverCompiler = webpack2(serverConfig);
     const ssrCompiler = webpack2(ssrConfig);
     const createDevRenderer = (onUpdate) => {
       const createHotReloadingServerRenderer = (config) => {
@@ -750,15 +749,6 @@ function requireSsr_dev() {
         process.exit(1);
       }
     };
-    serverCompiler.watch({}, async (err, stats) => {
-      if (err) {
-        console.error(err);
-        return;
-      }
-      console.log(stats.toString(serverConfig.stats));
-      console.log("Server.js has changed, updating...");
-      await startServer();
-    });
     return startServer;
   };
   return ssr_dev;
@@ -870,7 +860,7 @@ function requireSpa_dev() {
       Object.keys(require.cache).forEach((id) => {
         delete require.cache[id];
       });
-      const { createServer } = require(createServerPath);
+      const { createServer } = createServerPath;
       let { app, server, env } = await createServer();
       app.use(history());
       app.use(clientDevMiddleware);
@@ -921,7 +911,7 @@ function requireSpa_prod() {
   spa_prod = function createSpaProdServer(projectRoot, { createServerPath }) {
     const port = process.env.PORT || 8080;
     const startServer = async () => {
-      const { createServer } = require(createServerPath);
+      const { createServer } = createServerPath;
       let { app, server } = await createServer();
       app.use(express.static(path.resolve(projectRoot, "builds/web/spa")));
       app.use(history({

package/dist/builder.mjs

@@ -614,7 +614,6 @@ function requireSsr_dev() {
   const { transformDevStats } = requireSsrTransformWebpackStats();
   ssr_dev = function createSsrDevServer(projectRoot, { clientConfig, serverConfig, ssrConfig, createServerPath }) {
     const clientCompiler = webpack2(clientConfig);
-    const serverCompiler = webpack2(serverConfig);
     const ssrCompiler = webpack2(ssrConfig);
     const createDevRenderer = (onUpdate) => {
       const createHotReloadingServerRenderer = (config) => {
@@ -727,15 +726,6 @@ function requireSsr_dev() {
         process.exit(1);
       }
     };
-    serverCompiler.watch({}, async (err, stats) => {
-      if (err) {
-        console.error(err);
-        return;
-      }
-      console.log(stats.toString(serverConfig.stats));
-      console.log("Server.js has changed, updating...");
-      await startServer();
-    });
     return startServer;
   };
   return ssr_dev;
@@ -847,7 +837,7 @@ function requireSpa_dev() {
       Object.keys(require.cache).forEach((id) => {
         delete require.cache[id];
       });
-      const { createServer } = require(createServerPath);
+      const { createServer } = createServerPath;
       let { app, server, env } = await createServer();
       app.use(history());
       app.use(clientDevMiddleware);
@@ -898,7 +888,7 @@ function requireSpa_prod() {
   spa_prod = function createSpaProdServer(projectRoot, { createServerPath }) {
     const port = process.env.PORT || 8080;
     const startServer = async () => {
-      const { createServer } = require(createServerPath);
+      const { createServer } = createServerPath;
       let { app, server } = await createServer();
       app.use(express.static(path.resolve(projectRoot, "builds/web/spa")));
       app.use(history({

package/dist/martyrs/src/components/Block/Block.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tooltip = require("../Tooltip/Tooltip.vue.cjs");
+const Tooltip = require("../Tooltip/Tooltip.vue2.cjs");
 const _hoisted_1 = { class: "bg-light pd-medium radius-medium" };
 const _hoisted_2 = {
   key: 0,

package/dist/martyrs/src/components/Block/Block.vue.js

@@ -1,5 +1,5 @@
 import { useSlots, createElementBlock, openBlock, createCommentVNode, renderSlot, createBlock, toDisplayString, Fragment, renderList, normalizeClass, withCtx, createElementVNode, Comment } from "vue";
-import _sfc_main$1 from "../Tooltip/Tooltip.vue.js";
+import _sfc_main$1 from "../Tooltip/Tooltip.vue2.js";
 const _hoisted_1 = { class: "bg-light pd-medium radius-medium" };
 const _hoisted_2 = {
   key: 0,

package/dist/martyrs/src/components/PhotoViewer/PhotoViewer.vue.cjs

@@ -16,16 +16,57 @@ const _sfc_main = {
     const startPosition = vue.reactive({ x: 0, y: 0 });
     const startScale = vue.ref(1);
     const startDistance = vue.ref(0);
+    const image = vue.ref(null);
+    vue.ref(null);
     const imgStyle = vue.computed(() => ({
       transform: `scale(${scale.value}) translate(${position.x}px, ${position.y}px)`
     }));
+    vue.watch(scale, () => {
+      constrainPosition();
+    });
+    const getImageDimensions = () => {
+      var _a;
+      if (!image.value) return { width: 0, height: 0 };
+      const imgWidth = image.value.naturalWidth;
+      const imgHeight = image.value.naturalHeight;
+      const containerRect = (_a = image.value.parentElement) == null ? void 0 : _a.getBoundingClientRect();
+      if (!containerRect) return { width: 0, height: 0 };
+      const containerWidth = containerRect.width;
+      const containerHeight = containerRect.height;
+      let renderedWidth, renderedHeight;
+      if (imgWidth > containerWidth || imgHeight > containerHeight) {
+        const ratioX = containerWidth / imgWidth;
+        const ratioY = containerHeight / imgHeight;
+        const ratio = Math.min(ratioX, ratioY);
+        renderedWidth = imgWidth * ratio;
+        renderedHeight = imgHeight * ratio;
+      } else {
+        renderedWidth = imgWidth;
+        renderedHeight = imgHeight;
+      }
+      return {
+        renderedWidth,
+        renderedHeight,
+        containerWidth,
+        containerHeight
+      };
+    };
     const handleWheel = (event) => {
       event.preventDefault();
       const delta = event.deltaY > 0 ? -0.1 : 0.1;
-      scale.value = Math.min(Math.max(1, scale.value + delta), 3);
+      const newScale = Math.min(Math.max(1, scale.value + delta), 3);
+      const rect = image.value.getBoundingClientRect();
+      const mouseX = event.clientX - rect.left - rect.width / 2;
+      const mouseY = event.clientY - rect.top - rect.height / 2;
+      const scaleChange = newScale / scale.value;
+      position.x = position.x - mouseX / scale.value * (scaleChange - 1);
+      position.y = position.y - mouseY / scale.value * (scaleChange - 1);
+      scale.value = newScale;
+      constrainPosition();
     };
     const startDrag = (event) => {
       event.preventDefault();
+      if (scale.value <= 1) return;
       dragging.value = true;
       startPosition.x = event.type === "mousedown" ? event.clientX : event.touches[0].clientX;
       startPosition.y = event.type === "mousedown" ? event.clientY : event.touches[0].clientY;
@@ -33,8 +74,11 @@ const _sfc_main = {
         if (dragging.value) {
           const currentX = moveEvent.type === "mousemove" ? moveEvent.clientX : moveEvent.touches[0].clientX;
           const currentY = moveEvent.type === "mousemove" ? moveEvent.clientY : moveEvent.touches[0].clientY;
-          position.x += (currentX - startPosition.x) / scale.value;
-          position.y += (currentY - startPosition.y) / scale.value;
+          const deltaX = (currentX - startPosition.x) / scale.value;
+          const deltaY = (currentY - startPosition.y) / scale.value;
+          position.x += deltaX;
+          position.y += deltaY;
+          constrainPosition();
           startPosition.x = currentX;
           startPosition.y = currentY;
         }
@@ -72,7 +116,17 @@ const _sfc_main = {
         const distanceY = Math.abs(touch1.clientY - touch2.clientY);
         const newDistance = Math.sqrt(distanceX ** 2 + distanceY ** 2);
         const scaleFactor = newDistance / startDistance.value;
-        scale.value = Math.min(Math.max(1, startScale.value * scaleFactor), 3);
+        const centerX = (touch1.clientX + touch2.clientX) / 2;
+        const centerY = (touch1.clientY + touch2.clientY) / 2;
+        const rect = image.value.getBoundingClientRect();
+        const touchCenterX = centerX - rect.left - rect.width / 2;
+        const touchCenterY = centerY - rect.top - rect.height / 2;
+        const newScale = Math.min(Math.max(1, startScale.value * scaleFactor), 3);
+        const scaleChange = newScale / scale.value;
+        position.x = position.x - touchCenterX / scale.value * (scaleChange - 1);
+        position.y = position.y - touchCenterY / scale.value * (scaleChange - 1);
+        scale.value = newScale;
+        constrainPosition();
       }
     };
     const handleTouchEnd = (event) => {
@@ -85,6 +139,33 @@ const _sfc_main = {
       position.x = 0;
       position.y = 0;
     };
+    const constrainPosition = () => {
+      if (scale.value <= 1) {
+        position.x = 0;
+        position.y = 0;
+        return;
+      }
+      const { renderedWidth, renderedHeight, containerWidth, containerHeight } = getImageDimensions();
+      const scaledWidth = renderedWidth * scale.value;
+      const scaledHeight = renderedHeight * scale.value;
+      const horizontalOffset = (scaledWidth - containerWidth) / 2 / scale.value;
+      const verticalOffset = (scaledHeight - containerHeight) / 2 / scale.value;
+      if (horizontalOffset > 0) {
+        position.x = Math.max(-horizontalOffset, Math.min(horizontalOffset, position.x));
+      } else {
+        position.x = 0;
+      }
+      if (verticalOffset > 0) {
+        position.y = Math.max(-verticalOffset, Math.min(verticalOffset, position.y));
+      } else {
+        position.y = 0;
+      }
+    };
+    vue.onMounted(() => {
+      window.addEventListener("resize", () => {
+        constrainPosition();
+      });
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "photo-container",
@@ -98,7 +179,8 @@ const _sfc_main = {
           loading: "lazy",
           src: __props.photoUrl,
           style: vue.normalizeStyle(imgStyle.value),
-          ref: "image",
+          ref_key: "image",
+          ref: image,
           onLoad: initialize
         }, null, 44, _hoisted_1)
       ], 32);

package/dist/martyrs/src/components/PhotoViewer/PhotoViewer.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoViewer.vue.cjs","sources":["../../../../../src/components/PhotoViewer/PhotoViewer.vue"],"sourcesContent":["<template>\n  <div class=\"photo-container\" @wheel=\"handleWheel\" @mousedown=\"startDrag\" @touchstart=\"handleTouchStart\" @touchmove=\"handleTouchMove\" @touchend=\"handleTouchEnd\">\n    <img loading=\"lazy\" :src=\"photoUrl\" :style=\"imgStyle\" ref=\"image\" @load=\"initialize\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed } from 'vue';\n\nconst props = defineProps({\n  photoUrl: String,\n  show: Boolean,\n});\n\nconst scale = ref(1);\nconst position = reactive({ x: 0, y: 0 });\nconst dragging = ref(false);\nconst startPosition = reactive({ x: 0, y: 0 });\nconst startScale = ref(1);\nconst startDistance = ref(0);\n\nconst imgStyle = computed(() => ({\n  transform: `scale(${scale.value}) translate(${position.x}px, ${position.y}px)`,\n}));\n\nconst handleWheel = (event) => {\n  event.preventDefault();\n  const delta = event.deltaY > 0 ? -0.1 : 0.1;\n  scale.value = Math.min(Math.max(1, scale.value + delta), 3);\n};\n\nconst startDrag = (event) => {\n  event.preventDefault();\n  dragging.value = true;\n  startPosition.x = event.type === 'mousedown' ? event.clientX : event.touches[0].clientX;\n  startPosition.y = event.type === 'mousedown' ? event.clientY : event.touches[0].clientY;\n  const move = (moveEvent) => {\n    if (dragging.value) {\n      const currentX = moveEvent.type === 'mousemove' ? moveEvent.clientX : moveEvent.touches[0].clientX;\n      const currentY = moveEvent.type === 'mousemove' ? moveEvent.clientY : moveEvent.touches[0].clientY;\n      position.x += (currentX - startPosition.x) / scale.value;\n      position.y += (currentY - startPosition.y) / scale.value;\n      startPosition.x = currentX;\n      startPosition.y = currentY;\n    }\n  };\n  const endDrag = () => {\n    dragging.value = false;\n    document.removeEventListener('mousemove', move);\n    document.removeEventListener('mouseup', endDrag);\n    document.removeEventListener('touchmove', move);\n    document.removeEventListener('touchend', endDrag);\n  };\n  document.addEventListener('mousemove', move);\n  document.addEventListener('mouseup', endDrag);\n  document.addEventListener('touchmove', move);\n  document.addEventListener('touchend', endDrag);\n};\n\nconst handleTouchStart = (event) => {\n  if (event.touches.length === 2) {\n    const touch1 = event.touches[0];\n    const touch2 = event.touches[1];\n    const distanceX = Math.abs(touch1.clientX - touch2.clientX);\n    const distanceY = Math.abs(touch1.clientY - touch2.clientY);\n    startDistance.value = Math.sqrt(distanceX ** 2 + distanceY ** 2);\n    startScale.value = scale.value;\n  } else {\n    startDrag(event);\n  }\n};\n\nconst handleTouchMove = (event) => {\n  if (event.touches.length === 2) {\n    event.preventDefault();\n    const touch1 = event.touches[0];\n    const touch2 = event.touches[1];\n    const distanceX = Math.abs(touch1.clientX - touch2.clientX);\n    const distanceY = Math.abs(touch1.clientY - touch2.clientY);\n    const newDistance = Math.sqrt(distanceX ** 2 + distanceY ** 2);\n    const scaleFactor = newDistance / startDistance.value;\n    scale.value = Math.min(Math.max(1, startScale.value * scaleFactor), 3);\n  }\n};\n\nconst handleTouchEnd = (event) => {\n  if (event.touches.length === 0) {\n    startDistance.value = 0;\n  }\n};\n\nconst initialize = () => {\n  scale.value = 1;\n  position.x = 0;\n  position.y = 0;\n};\n</script>\n\n<style>\n.photo-container {\n  width: 100%;\n  height: 100%;\n  background: black;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n}\n\n.photo-container img {\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  transition: transform 0.3s;\n}\n</style>\n"],"names":["ref","reactive","computed"],"mappings":"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"}
+{"version":3,"file":"PhotoViewer.vue.cjs","sources":["../../../../../src/components/PhotoViewer/PhotoViewer.vue"],"sourcesContent":["<template>\n  <div class=\"photo-container\" @wheel=\"handleWheel\" @mousedown=\"startDrag\" @touchstart=\"handleTouchStart\" @touchmove=\"handleTouchMove\" @touchend=\"handleTouchEnd\">\n    <img loading=\"lazy\" :src=\"photoUrl\" :style=\"imgStyle\" ref=\"image\" @load=\"initialize\" />\n  </div>\n</template>\n<script setup>\nimport { ref, reactive, computed, onMounted, watch } from 'vue';\nconst props = defineProps({\n  photoUrl: String,\n  show: Boolean,\n});\nconst scale = ref(1);\nconst position = reactive({ x: 0, y: 0 });\nconst dragging = ref(false);\nconst startPosition = reactive({ x: 0, y: 0 });\nconst startScale = ref(1);\nconst startDistance = ref(0);\nconst image = ref(null);\nconst container = ref(null);\n\nconst imgStyle = computed(() => ({\n  transform: `scale(${scale.value}) translate(${position.x}px, ${position.y}px)`,\n}));\n\n// Наблюдаем за изменением масштаба, чтобы ограничивать позицию\nwatch(scale, () => {\n  constrainPosition();\n});\n\nconst getImageDimensions = () => {\n  if (!image.value) return { width: 0, height: 0 };\n  \n  // Используем естественные размеры изображения\n  const imgWidth = image.value.naturalWidth;\n  const imgHeight = image.value.naturalHeight;\n  \n  // Получаем размеры контейнера\n  const containerRect = image.value.parentElement?.getBoundingClientRect();\n  if (!containerRect) return { width: 0, height: 0 };\n  \n  const containerWidth = containerRect.width;\n  const containerHeight = containerRect.height;\n  \n  // Определяем, как изображение вписывается в контейнер (с учетом object-fit: scale-down)\n  let renderedWidth, renderedHeight;\n  \n  if (imgWidth > containerWidth || imgHeight > containerHeight) {\n    const ratioX = containerWidth / imgWidth;\n    const ratioY = containerHeight / imgHeight;\n    const ratio = Math.min(ratioX, ratioY);\n    \n    renderedWidth = imgWidth * ratio;\n    renderedHeight = imgHeight * ratio;\n  } else {\n    renderedWidth = imgWidth;\n    renderedHeight = imgHeight;\n  }\n  \n  return {\n    renderedWidth,\n    renderedHeight,\n    containerWidth,\n    containerHeight\n  };\n};\n\nconst handleWheel = (event) => {\n  event.preventDefault();\n  \n  const delta = event.deltaY > 0 ? -0.1 : 0.1;\n  const newScale = Math.min(Math.max(1, scale.value + delta), 3);\n  \n  // Рассчитываем позицию курсора относительно центра изображения\n  const rect = image.value.getBoundingClientRect();\n  const mouseX = event.clientX - rect.left - rect.width / 2;\n  const mouseY = event.clientY - rect.top - rect.height / 2;\n  \n  // Сохраняем соотношение позиции курсора к изображению при масштабировании\n  const scaleChange = newScale / scale.value;\n  \n  // Обновляем позицию так, чтобы точка под курсором оставалась на месте\n  position.x = position.x - (mouseX / scale.value) * (scaleChange - 1);\n  position.y = position.y - (mouseY / scale.value) * (scaleChange - 1);\n  \n  // Обновляем масштаб\n  scale.value = newScale;\n  \n  // Ограничиваем позицию после обновления масштаба\n  constrainPosition();\n};\n\nconst startDrag = (event) => {\n  event.preventDefault();\n  if (scale.value <= 1) return; // Не позволяем перетаскивать при масштабе 1\n  \n  dragging.value = true;\n  startPosition.x = event.type === 'mousedown' ? event.clientX : event.touches[0].clientX;\n  startPosition.y = event.type === 'mousedown' ? event.clientY : event.touches[0].clientY;\n  \n  const move = (moveEvent) => {\n    if (dragging.value) {\n      const currentX = moveEvent.type === 'mousemove' ? moveEvent.clientX : moveEvent.touches[0].clientX;\n      const currentY = moveEvent.type === 'mousemove' ? moveEvent.clientY : moveEvent.touches[0].clientY;\n      \n      const deltaX = (currentX - startPosition.x) / scale.value;\n      const deltaY = (currentY - startPosition.y) / scale.value;\n      \n      position.x += deltaX;\n      position.y += deltaY;\n      \n      // Ограничиваем позицию после перемещения\n      constrainPosition();\n      \n      startPosition.x = currentX;\n      startPosition.y = currentY;\n    }\n  };\n  \n  const endDrag = () => {\n    dragging.value = false;\n    document.removeEventListener('mousemove', move);\n    document.removeEventListener('mouseup', endDrag);\n    document.removeEventListener('touchmove', move);\n    document.removeEventListener('touchend', endDrag);\n  };\n  \n  document.addEventListener('mousemove', move);\n  document.addEventListener('mouseup', endDrag);\n  document.addEventListener('touchmove', move);\n  document.addEventListener('touchend', endDrag);\n};\n\nconst handleTouchStart = (event) => {\n  if (event.touches.length === 2) {\n    const touch1 = event.touches[0];\n    const touch2 = event.touches[1];\n    const distanceX = Math.abs(touch1.clientX - touch2.clientX);\n    const distanceY = Math.abs(touch1.clientY - touch2.clientY);\n    startDistance.value = Math.sqrt(distanceX ** 2 + distanceY ** 2);\n    startScale.value = scale.value;\n  } else {\n    startDrag(event);\n  }\n};\n\nconst handleTouchMove = (event) => {\n  if (event.touches.length === 2) {\n    event.preventDefault();\n    const touch1 = event.touches[0];\n    const touch2 = event.touches[1];\n    const distanceX = Math.abs(touch1.clientX - touch2.clientX);\n    const distanceY = Math.abs(touch1.clientY - touch2.clientY);\n    const newDistance = Math.sqrt(distanceX ** 2 + distanceY ** 2);\n    const scaleFactor = newDistance / startDistance.value;\n    \n    // Получаем центр между двумя касаниями\n    const centerX = (touch1.clientX + touch2.clientX) / 2;\n    const centerY = (touch1.clientY + touch2.clientY) / 2;\n    \n    // Получаем координаты центра касания относительно изображения\n    const rect = image.value.getBoundingClientRect();\n    const touchCenterX = centerX - rect.left - rect.width / 2;\n    const touchCenterY = centerY - rect.top - rect.height / 2;\n    \n    const newScale = Math.min(Math.max(1, startScale.value * scaleFactor), 3);\n    const scaleChange = newScale / scale.value;\n    \n    // Обновляем позицию, чтобы центр касания оставался на месте\n    position.x = position.x - (touchCenterX / scale.value) * (scaleChange - 1);\n    position.y = position.y - (touchCenterY / scale.value) * (scaleChange - 1);\n    \n    scale.value = newScale;\n    constrainPosition();\n  }\n};\n\nconst handleTouchEnd = (event) => {\n  if (event.touches.length === 0) {\n    startDistance.value = 0;\n  }\n};\n\nconst initialize = () => {\n  scale.value = 1;\n  position.x = 0;\n  position.y = 0;\n};\n\nconst constrainPosition = () => {\n  // Если масштаб 1, сбрасываем позицию в центр\n  if (scale.value <= 1) {\n    position.x = 0;\n    position.y = 0;\n    return;\n  }\n  \n  const { renderedWidth, renderedHeight, containerWidth, containerHeight } = getImageDimensions();\n  \n  // Вычисляем максимальное смещение\n  const scaledWidth = renderedWidth * scale.value;\n  const scaledHeight = renderedHeight * scale.value;\n  \n  // Отступ от края изображения до края контейнера при текущем масштабе\n  const horizontalOffset = (scaledWidth - containerWidth) / 2 / scale.value;\n  const verticalOffset = (scaledHeight - containerHeight) / 2 / scale.value;\n  \n  // Ограничиваем смещение, чтобы изображение не выходило за пределы контейнера\n  if (horizontalOffset > 0) {\n    position.x = Math.max(-horizontalOffset, Math.min(horizontalOffset, position.x));\n  } else {\n    position.x = 0;\n  }\n  \n  if (verticalOffset > 0) {\n    position.y = Math.max(-verticalOffset, Math.min(verticalOffset, position.y));\n  } else {\n    position.y = 0;\n  }\n};\n\nonMounted(() => {\n  window.addEventListener('resize', () => {\n    constrainPosition();\n  });\n});\n</script>\n<style>\n.photo-container {\n  width: 100%;\n  height: 100%;\n  background: black;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n}\n.photo-container img {\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  transition: transform 0.05s;\n  transform-origin: center center;\n}\n</style>"],"names":["ref","reactive","computed","watch","onMounted"],"mappings":"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"}

package/dist/martyrs/src/components/PhotoViewer/PhotoViewer.vue.js

@@ -1,4 +1,4 @@
-import { ref, reactive, computed, createElementBlock, openBlock, createElementVNode, normalizeStyle } from "vue";
+import { ref, reactive, computed, watch, onMounted, createElementBlock, openBlock, createElementVNode, normalizeStyle } from "vue";
 /* empty css                 */
 const _hoisted_1 = ["src"];
 const _sfc_main = {
@@ -14,16 +14,57 @@ const _sfc_main = {
     const startPosition = reactive({ x: 0, y: 0 });
     const startScale = ref(1);
     const startDistance = ref(0);
+    const image = ref(null);
+    ref(null);
     const imgStyle = computed(() => ({
       transform: `scale(${scale.value}) translate(${position.x}px, ${position.y}px)`
     }));
+    watch(scale, () => {
+      constrainPosition();
+    });
+    const getImageDimensions = () => {
+      var _a;
+      if (!image.value) return { width: 0, height: 0 };
+      const imgWidth = image.value.naturalWidth;
+      const imgHeight = image.value.naturalHeight;
+      const containerRect = (_a = image.value.parentElement) == null ? void 0 : _a.getBoundingClientRect();
+      if (!containerRect) return { width: 0, height: 0 };
+      const containerWidth = containerRect.width;
+      const containerHeight = containerRect.height;
+      let renderedWidth, renderedHeight;
+      if (imgWidth > containerWidth || imgHeight > containerHeight) {
+        const ratioX = containerWidth / imgWidth;
+        const ratioY = containerHeight / imgHeight;
+        const ratio = Math.min(ratioX, ratioY);
+        renderedWidth = imgWidth * ratio;
+        renderedHeight = imgHeight * ratio;
+      } else {
+        renderedWidth = imgWidth;
+        renderedHeight = imgHeight;
+      }
+      return {
+        renderedWidth,
+        renderedHeight,
+        containerWidth,
+        containerHeight
+      };
+    };
     const handleWheel = (event) => {
       event.preventDefault();
       const delta = event.deltaY > 0 ? -0.1 : 0.1;
-      scale.value = Math.min(Math.max(1, scale.value + delta), 3);
+      const newScale = Math.min(Math.max(1, scale.value + delta), 3);
+      const rect = image.value.getBoundingClientRect();
+      const mouseX = event.clientX - rect.left - rect.width / 2;
+      const mouseY = event.clientY - rect.top - rect.height / 2;
+      const scaleChange = newScale / scale.value;
+      position.x = position.x - mouseX / scale.value * (scaleChange - 1);
+      position.y = position.y - mouseY / scale.value * (scaleChange - 1);
+      scale.value = newScale;
+      constrainPosition();
     };
     const startDrag = (event) => {
       event.preventDefault();
+      if (scale.value <= 1) return;
       dragging.value = true;
       startPosition.x = event.type === "mousedown" ? event.clientX : event.touches[0].clientX;
       startPosition.y = event.type === "mousedown" ? event.clientY : event.touches[0].clientY;
@@ -31,8 +72,11 @@ const _sfc_main = {
         if (dragging.value) {
           const currentX = moveEvent.type === "mousemove" ? moveEvent.clientX : moveEvent.touches[0].clientX;
           const currentY = moveEvent.type === "mousemove" ? moveEvent.clientY : moveEvent.touches[0].clientY;
-          position.x += (currentX - startPosition.x) / scale.value;
-          position.y += (currentY - startPosition.y) / scale.value;
+          const deltaX = (currentX - startPosition.x) / scale.value;
+          const deltaY = (currentY - startPosition.y) / scale.value;
+          position.x += deltaX;
+          position.y += deltaY;
+          constrainPosition();
           startPosition.x = currentX;
           startPosition.y = currentY;
         }
@@ -70,7 +114,17 @@ const _sfc_main = {
         const distanceY = Math.abs(touch1.clientY - touch2.clientY);
         const newDistance = Math.sqrt(distanceX ** 2 + distanceY ** 2);
         const scaleFactor = newDistance / startDistance.value;
-        scale.value = Math.min(Math.max(1, startScale.value * scaleFactor), 3);
+        const centerX = (touch1.clientX + touch2.clientX) / 2;
+        const centerY = (touch1.clientY + touch2.clientY) / 2;
+        const rect = image.value.getBoundingClientRect();
+        const touchCenterX = centerX - rect.left - rect.width / 2;
+        const touchCenterY = centerY - rect.top - rect.height / 2;
+        const newScale = Math.min(Math.max(1, startScale.value * scaleFactor), 3);
+        const scaleChange = newScale / scale.value;
+        position.x = position.x - touchCenterX / scale.value * (scaleChange - 1);
+        position.y = position.y - touchCenterY / scale.value * (scaleChange - 1);
+        scale.value = newScale;
+        constrainPosition();
       }
     };
     const handleTouchEnd = (event) => {
@@ -83,6 +137,33 @@ const _sfc_main = {
       position.x = 0;
       position.y = 0;
     };
+    const constrainPosition = () => {
+      if (scale.value <= 1) {
+        position.x = 0;
+        position.y = 0;
+        return;
+      }
+      const { renderedWidth, renderedHeight, containerWidth, containerHeight } = getImageDimensions();
+      const scaledWidth = renderedWidth * scale.value;
+      const scaledHeight = renderedHeight * scale.value;
+      const horizontalOffset = (scaledWidth - containerWidth) / 2 / scale.value;
+      const verticalOffset = (scaledHeight - containerHeight) / 2 / scale.value;
+      if (horizontalOffset > 0) {
+        position.x = Math.max(-horizontalOffset, Math.min(horizontalOffset, position.x));
+      } else {
+        position.x = 0;
+      }
+      if (verticalOffset > 0) {
+        position.y = Math.max(-verticalOffset, Math.min(verticalOffset, position.y));
+      } else {
+        position.y = 0;
+      }
+    };
+    onMounted(() => {
+      window.addEventListener("resize", () => {
+        constrainPosition();
+      });
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "photo-container",
@@ -96,7 +177,8 @@ const _sfc_main = {
           loading: "lazy",
           src: __props.photoUrl,
           style: normalizeStyle(imgStyle.value),
-          ref: "image",
+          ref_key: "image",
+          ref: image,
           onLoad: initialize
         }, null, 44, _hoisted_1)
       ], 32);

package/dist/martyrs/src/components/PhotoViewer/PhotoViewer.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoViewer.vue.js","sources":["../../../../../src/components/PhotoViewer/PhotoViewer.vue"],"sourcesContent":["<template>\n  <div class=\"photo-container\" @wheel=\"handleWheel\" @mousedown=\"startDrag\" @touchstart=\"handleTouchStart\" @touchmove=\"handleTouchMove\" @touchend=\"handleTouchEnd\">\n    <img loading=\"lazy\" :src=\"photoUrl\" :style=\"imgStyle\" ref=\"image\" @load=\"initialize\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed } from 'vue';\n\nconst props = defineProps({\n  photoUrl: String,\n  show: Boolean,\n});\n\nconst scale = ref(1);\nconst position = reactive({ x: 0, y: 0 });\nconst dragging = ref(false);\nconst startPosition = reactive({ x: 0, y: 0 });\nconst startScale = ref(1);\nconst startDistance = ref(0);\n\nconst imgStyle = computed(() => ({\n  transform: `scale(${scale.value}) translate(${position.x}px, ${position.y}px)`,\n}));\n\nconst handleWheel = (event) => {\n  event.preventDefault();\n  const delta = event.deltaY > 0 ? -0.1 : 0.1;\n  scale.value = Math.min(Math.max(1, scale.value + delta), 3);\n};\n\nconst startDrag = (event) => {\n  event.preventDefault();\n  dragging.value = true;\n  startPosition.x = event.type === 'mousedown' ? event.clientX : event.touches[0].clientX;\n  startPosition.y = event.type === 'mousedown' ? event.clientY : event.touches[0].clientY;\n  const move = (moveEvent) => {\n    if (dragging.value) {\n      const currentX = moveEvent.type === 'mousemove' ? moveEvent.clientX : moveEvent.touches[0].clientX;\n      const currentY = moveEvent.type === 'mousemove' ? moveEvent.clientY : moveEvent.touches[0].clientY;\n      position.x += (currentX - startPosition.x) / scale.value;\n      position.y += (currentY - startPosition.y) / scale.value;\n      startPosition.x = currentX;\n      startPosition.y = currentY;\n    }\n  };\n  const endDrag = () => {\n    dragging.value = false;\n    document.removeEventListener('mousemove', move);\n    document.removeEventListener('mouseup', endDrag);\n    document.removeEventListener('touchmove', move);\n    document.removeEventListener('touchend', endDrag);\n  };\n  document.addEventListener('mousemove', move);\n  document.addEventListener('mouseup', endDrag);\n  document.addEventListener('touchmove', move);\n  document.addEventListener('touchend', endDrag);\n};\n\nconst handleTouchStart = (event) => {\n  if (event.touches.length === 2) {\n    const touch1 = event.touches[0];\n    const touch2 = event.touches[1];\n    const distanceX = Math.abs(touch1.clientX - touch2.clientX);\n    const distanceY = Math.abs(touch1.clientY - touch2.clientY);\n    startDistance.value = Math.sqrt(distanceX ** 2 + distanceY ** 2);\n    startScale.value = scale.value;\n  } else {\n    startDrag(event);\n  }\n};\n\nconst handleTouchMove = (event) => {\n  if (event.touches.length === 2) {\n    event.preventDefault();\n    const touch1 = event.touches[0];\n    const touch2 = event.touches[1];\n    const distanceX = Math.abs(touch1.clientX - touch2.clientX);\n    const distanceY = Math.abs(touch1.clientY - touch2.clientY);\n    const newDistance = Math.sqrt(distanceX ** 2 + distanceY ** 2);\n    const scaleFactor = newDistance / startDistance.value;\n    scale.value = Math.min(Math.max(1, startScale.value * scaleFactor), 3);\n  }\n};\n\nconst handleTouchEnd = (event) => {\n  if (event.touches.length === 0) {\n    startDistance.value = 0;\n  }\n};\n\nconst initialize = () => {\n  scale.value = 1;\n  position.x = 0;\n  position.y = 0;\n};\n</script>\n\n<style>\n.photo-container {\n  width: 100%;\n  height: 100%;\n  background: black;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n}\n\n.photo-container img {\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  transition: transform 0.3s;\n}\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PhotoViewer.vue.js","sources":["../../../../../src/components/PhotoViewer/PhotoViewer.vue"],"sourcesContent":["<template>\n  <div class=\"photo-container\" @wheel=\"handleWheel\" @mousedown=\"startDrag\" @touchstart=\"handleTouchStart\" @touchmove=\"handleTouchMove\" @touchend=\"handleTouchEnd\">\n    <img loading=\"lazy\" :src=\"photoUrl\" :style=\"imgStyle\" ref=\"image\" @load=\"initialize\" />\n  </div>\n</template>\n<script setup>\nimport { ref, reactive, computed, onMounted, watch } from 'vue';\nconst props = defineProps({\n  photoUrl: String,\n  show: Boolean,\n});\nconst scale = ref(1);\nconst position = reactive({ x: 0, y: 0 });\nconst dragging = ref(false);\nconst startPosition = reactive({ x: 0, y: 0 });\nconst startScale = ref(1);\nconst startDistance = ref(0);\nconst image = ref(null);\nconst container = ref(null);\n\nconst imgStyle = computed(() => ({\n  transform: `scale(${scale.value}) translate(${position.x}px, ${position.y}px)`,\n}));\n\n// Наблюдаем за изменением масштаба, чтобы ограничивать позицию\nwatch(scale, () => {\n  constrainPosition();\n});\n\nconst getImageDimensions = () => {\n  if (!image.value) return { width: 0, height: 0 };\n  \n  // Используем естественные размеры изображения\n  const imgWidth = image.value.naturalWidth;\n  const imgHeight = image.value.naturalHeight;\n  \n  // Получаем размеры контейнера\n  const containerRect = image.value.parentElement?.getBoundingClientRect();\n  if (!containerRect) return { width: 0, height: 0 };\n  \n  const containerWidth = containerRect.width;\n  const containerHeight = containerRect.height;\n  \n  // Определяем, как изображение вписывается в контейнер (с учетом object-fit: scale-down)\n  let renderedWidth, renderedHeight;\n  \n  if (imgWidth > containerWidth || imgHeight > containerHeight) {\n    const ratioX = containerWidth / imgWidth;\n    const ratioY = containerHeight / imgHeight;\n    const ratio = Math.min(ratioX, ratioY);\n    \n    renderedWidth = imgWidth * ratio;\n    renderedHeight = imgHeight * ratio;\n  } else {\n    renderedWidth = imgWidth;\n    renderedHeight = imgHeight;\n  }\n  \n  return {\n    renderedWidth,\n    renderedHeight,\n    containerWidth,\n    containerHeight\n  };\n};\n\nconst handleWheel = (event) => {\n  event.preventDefault();\n  \n  const delta = event.deltaY > 0 ? -0.1 : 0.1;\n  const newScale = Math.min(Math.max(1, scale.value + delta), 3);\n  \n  // Рассчитываем позицию курсора относительно центра изображения\n  const rect = image.value.getBoundingClientRect();\n  const mouseX = event.clientX - rect.left - rect.width / 2;\n  const mouseY = event.clientY - rect.top - rect.height / 2;\n  \n  // Сохраняем соотношение позиции курсора к изображению при масштабировании\n  const scaleChange = newScale / scale.value;\n  \n  // Обновляем позицию так, чтобы точка под курсором оставалась на месте\n  position.x = position.x - (mouseX / scale.value) * (scaleChange - 1);\n  position.y = position.y - (mouseY / scale.value) * (scaleChange - 1);\n  \n  // Обновляем масштаб\n  scale.value = newScale;\n  \n  // Ограничиваем позицию после обновления масштаба\n  constrainPosition();\n};\n\nconst startDrag = (event) => {\n  event.preventDefault();\n  if (scale.value <= 1) return; // Не позволяем перетаскивать при масштабе 1\n  \n  dragging.value = true;\n  startPosition.x = event.type === 'mousedown' ? event.clientX : event.touches[0].clientX;\n  startPosition.y = event.type === 'mousedown' ? event.clientY : event.touches[0].clientY;\n  \n  const move = (moveEvent) => {\n    if (dragging.value) {\n      const currentX = moveEvent.type === 'mousemove' ? moveEvent.clientX : moveEvent.touches[0].clientX;\n      const currentY = moveEvent.type === 'mousemove' ? moveEvent.clientY : moveEvent.touches[0].clientY;\n      \n      const deltaX = (currentX - startPosition.x) / scale.value;\n      const deltaY = (currentY - startPosition.y) / scale.value;\n      \n      position.x += deltaX;\n      position.y += deltaY;\n      \n      // Ограничиваем позицию после перемещения\n      constrainPosition();\n      \n      startPosition.x = currentX;\n      startPosition.y = currentY;\n    }\n  };\n  \n  const endDrag = () => {\n    dragging.value = false;\n    document.removeEventListener('mousemove', move);\n    document.removeEventListener('mouseup', endDrag);\n    document.removeEventListener('touchmove', move);\n    document.removeEventListener('touchend', endDrag);\n  };\n  \n  document.addEventListener('mousemove', move);\n  document.addEventListener('mouseup', endDrag);\n  document.addEventListener('touchmove', move);\n  document.addEventListener('touchend', endDrag);\n};\n\nconst handleTouchStart = (event) => {\n  if (event.touches.length === 2) {\n    const touch1 = event.touches[0];\n    const touch2 = event.touches[1];\n    const distanceX = Math.abs(touch1.clientX - touch2.clientX);\n    const distanceY = Math.abs(touch1.clientY - touch2.clientY);\n    startDistance.value = Math.sqrt(distanceX ** 2 + distanceY ** 2);\n    startScale.value = scale.value;\n  } else {\n    startDrag(event);\n  }\n};\n\nconst handleTouchMove = (event) => {\n  if (event.touches.length === 2) {\n    event.preventDefault();\n    const touch1 = event.touches[0];\n    const touch2 = event.touches[1];\n    const distanceX = Math.abs(touch1.clientX - touch2.clientX);\n    const distanceY = Math.abs(touch1.clientY - touch2.clientY);\n    const newDistance = Math.sqrt(distanceX ** 2 + distanceY ** 2);\n    const scaleFactor = newDistance / startDistance.value;\n    \n    // Получаем центр между двумя касаниями\n    const centerX = (touch1.clientX + touch2.clientX) / 2;\n    const centerY = (touch1.clientY + touch2.clientY) / 2;\n    \n    // Получаем координаты центра касания относительно изображения\n    const rect = image.value.getBoundingClientRect();\n    const touchCenterX = centerX - rect.left - rect.width / 2;\n    const touchCenterY = centerY - rect.top - rect.height / 2;\n    \n    const newScale = Math.min(Math.max(1, startScale.value * scaleFactor), 3);\n    const scaleChange = newScale / scale.value;\n    \n    // Обновляем позицию, чтобы центр касания оставался на месте\n    position.x = position.x - (touchCenterX / scale.value) * (scaleChange - 1);\n    position.y = position.y - (touchCenterY / scale.value) * (scaleChange - 1);\n    \n    scale.value = newScale;\n    constrainPosition();\n  }\n};\n\nconst handleTouchEnd = (event) => {\n  if (event.touches.length === 0) {\n    startDistance.value = 0;\n  }\n};\n\nconst initialize = () => {\n  scale.value = 1;\n  position.x = 0;\n  position.y = 0;\n};\n\nconst constrainPosition = () => {\n  // Если масштаб 1, сбрасываем позицию в центр\n  if (scale.value <= 1) {\n    position.x = 0;\n    position.y = 0;\n    return;\n  }\n  \n  const { renderedWidth, renderedHeight, containerWidth, containerHeight } = getImageDimensions();\n  \n  // Вычисляем максимальное смещение\n  const scaledWidth = renderedWidth * scale.value;\n  const scaledHeight = renderedHeight * scale.value;\n  \n  // Отступ от края изображения до края контейнера при текущем масштабе\n  const horizontalOffset = (scaledWidth - containerWidth) / 2 / scale.value;\n  const verticalOffset = (scaledHeight - containerHeight) / 2 / scale.value;\n  \n  // Ограничиваем смещение, чтобы изображение не выходило за пределы контейнера\n  if (horizontalOffset > 0) {\n    position.x = Math.max(-horizontalOffset, Math.min(horizontalOffset, position.x));\n  } else {\n    position.x = 0;\n  }\n  \n  if (verticalOffset > 0) {\n    position.y = Math.max(-verticalOffset, Math.min(verticalOffset, position.y));\n  } else {\n    position.y = 0;\n  }\n};\n\nonMounted(() => {\n  window.addEventListener('resize', () => {\n    constrainPosition();\n  });\n});\n</script>\n<style>\n.photo-container {\n  width: 100%;\n  height: 100%;\n  background: black;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n}\n.photo-container img {\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  transition: transform 0.05s;\n  transform-origin: center center;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;AAWA,UAAM,QAAQ,IAAI,CAAC;AACnB,UAAM,WAAW,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG;AACxC,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,gBAAgB,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG;AAC7C,UAAM,aAAa,IAAI,CAAC;AACxB,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,QAAQ,IAAI,IAAI;AACJ,QAAI,IAAI;AAE1B,UAAM,WAAW,SAAS,OAAO;AAAA,MAC/B,WAAW,SAAS,MAAM,KAAK,eAAe,SAAS,CAAC,OAAO,SAAS,CAAC;AAAA,IAC3E,EAAE;AAGF,UAAM,OAAO,MAAM;AACjB,wBAAmB;AAAA,IACrB,CAAC;AAED,UAAM,qBAAqB,MAAM;;AAC/B,UAAI,CAAC,MAAM,MAAO,QAAO,EAAE,OAAO,GAAG,QAAQ,EAAG;AAGhD,YAAM,WAAW,MAAM,MAAM;AAC7B,YAAM,YAAY,MAAM,MAAM;AAG9B,YAAM,iBAAgB,WAAM,MAAM,kBAAZ,mBAA2B;AACjD,UAAI,CAAC,cAAe,QAAO,EAAE,OAAO,GAAG,QAAQ,EAAG;AAElD,YAAM,iBAAiB,cAAc;AACrC,YAAM,kBAAkB,cAAc;AAGtC,UAAI,eAAe;AAEnB,UAAI,WAAW,kBAAkB,YAAY,iBAAiB;AAC5D,cAAM,SAAS,iBAAiB;AAChC,cAAM,SAAS,kBAAkB;AACjC,cAAM,QAAQ,KAAK,IAAI,QAAQ,MAAM;AAErC,wBAAgB,WAAW;AAC3B,yBAAiB,YAAY;AAAA,MACjC,OAAS;AACL,wBAAgB;AAChB,yBAAiB;AAAA,MACrB;AAEE,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,IACH;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,YAAM,eAAgB;AAEtB,YAAM,QAAQ,MAAM,SAAS,IAAI,OAAO;AACxC,YAAM,WAAW,KAAK,IAAI,KAAK,IAAI,GAAG,MAAM,QAAQ,KAAK,GAAG,CAAC;AAG7D,YAAM,OAAO,MAAM,MAAM,sBAAuB;AAChD,YAAM,SAAS,MAAM,UAAU,KAAK,OAAO,KAAK,QAAQ;AACxD,YAAM,SAAS,MAAM,UAAU,KAAK,MAAM,KAAK,SAAS;AAGxD,YAAM,cAAc,WAAW,MAAM;AAGrC,eAAS,IAAI,SAAS,IAAK,SAAS,MAAM,SAAU,cAAc;AAClE,eAAS,IAAI,SAAS,IAAK,SAAS,MAAM,SAAU,cAAc;AAGlE,YAAM,QAAQ;AAGd,wBAAmB;AAAA,IACrB;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,YAAM,eAAgB;AACtB,UAAI,MAAM,SAAS,EAAG;AAEtB,eAAS,QAAQ;AACjB,oBAAc,IAAI,MAAM,SAAS,cAAc,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE;AAChF,oBAAc,IAAI,MAAM,SAAS,cAAc,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE;AAEhF,YAAM,OAAO,CAAC,cAAc;AAC1B,YAAI,SAAS,OAAO;AAClB,gBAAM,WAAW,UAAU,SAAS,cAAc,UAAU,UAAU,UAAU,QAAQ,CAAC,EAAE;AAC3F,gBAAM,WAAW,UAAU,SAAS,cAAc,UAAU,UAAU,UAAU,QAAQ,CAAC,EAAE;AAE3F,gBAAM,UAAU,WAAW,cAAc,KAAK,MAAM;AACpD,gBAAM,UAAU,WAAW,cAAc,KAAK,MAAM;AAEpD,mBAAS,KAAK;AACd,mBAAS,KAAK;AAGd,4BAAmB;AAEnB,wBAAc,IAAI;AAClB,wBAAc,IAAI;AAAA,QACxB;AAAA,MACG;AAED,YAAM,UAAU,MAAM;AACpB,iBAAS,QAAQ;AACjB,iBAAS,oBAAoB,aAAa,IAAI;AAC9C,iBAAS,oBAAoB,WAAW,OAAO;AAC/C,iBAAS,oBAAoB,aAAa,IAAI;AAC9C,iBAAS,oBAAoB,YAAY,OAAO;AAAA,MACjD;AAED,eAAS,iBAAiB,aAAa,IAAI;AAC3C,eAAS,iBAAiB,WAAW,OAAO;AAC5C,eAAS,iBAAiB,aAAa,IAAI;AAC3C,eAAS,iBAAiB,YAAY,OAAO;AAAA,IAC/C;AAEA,UAAM,mBAAmB,CAAC,UAAU;AAClC,UAAI,MAAM,QAAQ,WAAW,GAAG;AAC9B,cAAM,SAAS,MAAM,QAAQ,CAAC;AAC9B,cAAM,SAAS,MAAM,QAAQ,CAAC;AAC9B,cAAM,YAAY,KAAK,IAAI,OAAO,UAAU,OAAO,OAAO;AAC1D,cAAM,YAAY,KAAK,IAAI,OAAO,UAAU,OAAO,OAAO;AAC1D,sBAAc,QAAQ,KAAK,KAAK,aAAa,IAAI,aAAa,CAAC;AAC/D,mBAAW,QAAQ,MAAM;AAAA,MAC7B,OAAS;AACL,kBAAU,KAAK;AAAA,MACnB;AAAA,IACA;AAEA,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,MAAM,QAAQ,WAAW,GAAG;AAC9B,cAAM,eAAgB;AACtB,cAAM,SAAS,MAAM,QAAQ,CAAC;AAC9B,cAAM,SAAS,MAAM,QAAQ,CAAC;AAC9B,cAAM,YAAY,KAAK,IAAI,OAAO,UAAU,OAAO,OAAO;AAC1D,cAAM,YAAY,KAAK,IAAI,OAAO,UAAU,OAAO,OAAO;AAC1D,cAAM,cAAc,KAAK,KAAK,aAAa,IAAI,aAAa,CAAC;AAC7D,cAAM,cAAc,cAAc,cAAc;AAGhD,cAAM,WAAW,OAAO,UAAU,OAAO,WAAW;AACpD,cAAM,WAAW,OAAO,UAAU,OAAO,WAAW;AAGpD,cAAM,OAAO,MAAM,MAAM,sBAAuB;AAChD,cAAM,eAAe,UAAU,KAAK,OAAO,KAAK,QAAQ;AACxD,cAAM,eAAe,UAAU,KAAK,MAAM,KAAK,SAAS;AAExD,cAAM,WAAW,KAAK,IAAI,KAAK,IAAI,GAAG,WAAW,QAAQ,WAAW,GAAG,CAAC;AACxE,cAAM,cAAc,WAAW,MAAM;AAGrC,iBAAS,IAAI,SAAS,IAAK,eAAe,MAAM,SAAU,cAAc;AACxE,iBAAS,IAAI,SAAS,IAAK,eAAe,MAAM,SAAU,cAAc;AAExE,cAAM,QAAQ;AACd,0BAAmB;AAAA,MACvB;AAAA,IACA;AAEA,UAAM,iBAAiB,CAAC,UAAU;AAChC,UAAI,MAAM,QAAQ,WAAW,GAAG;AAC9B,sBAAc,QAAQ;AAAA,MAC1B;AAAA,IACA;AAEA,UAAM,aAAa,MAAM;AACvB,YAAM,QAAQ;AACd,eAAS,IAAI;AACb,eAAS,IAAI;AAAA,IACf;AAEA,UAAM,oBAAoB,MAAM;AAE9B,UAAI,MAAM,SAAS,GAAG;AACpB,iBAAS,IAAI;AACb,iBAAS,IAAI;AACb;AAAA,MACJ;AAEE,YAAM,EAAE,eAAe,gBAAgB,gBAAgB,gBAAe,IAAK,mBAAoB;AAG/F,YAAM,cAAc,gBAAgB,MAAM;AAC1C,YAAM,eAAe,iBAAiB,MAAM;AAG5C,YAAM,oBAAoB,cAAc,kBAAkB,IAAI,MAAM;AACpE,YAAM,kBAAkB,eAAe,mBAAmB,IAAI,MAAM;AAGpE,UAAI,mBAAmB,GAAG;AACxB,iBAAS,IAAI,KAAK,IAAI,CAAC,kBAAkB,KAAK,IAAI,kBAAkB,SAAS,CAAC,CAAC;AAAA,MACnF,OAAS;AACL,iBAAS,IAAI;AAAA,MACjB;AAEE,UAAI,iBAAiB,GAAG;AACtB,iBAAS,IAAI,KAAK,IAAI,CAAC,gBAAgB,KAAK,IAAI,gBAAgB,SAAS,CAAC,CAAC;AAAA,MAC/E,OAAS;AACL,iBAAS,IAAI;AAAA,MACjB;AAAA,IACA;AAEA,cAAU,MAAM;AACd,aAAO,iBAAiB,UAAU,MAAM;AACtC,0BAAmB;AAAA,MACvB,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tooltip/{Tooltip.vue.cjs → Tooltip.vue2.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css               */
+;/* empty css              */
 const _sfc_main = {
   __name: "Tooltip",
   props: {
@@ -49,4 +49,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Tooltip.vue.cjs.map
+//# sourceMappingURL=Tooltip.vue2.cjs.map

package/dist/martyrs/src/components/Tooltip/Tooltip.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.vue2.cjs","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <div  class=\"tooltip-content\" :style=\"tooltipStyle\">\n      {{ text }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\n\nconst tooltipStyle = reactive({\n  position: 'absolute',\n  width: 'max-content',\n  zIndex: 1000,\n  background: '#333',\n  color: '#fff',\n  padding: '5px 10px',\n  borderRadius: '3px',\n  fontSize: '14px',\n  display: 'none',\n});\n\nfunction showTooltip(event) {\n  visible.value = true;\n  tooltipStyle.left = `${(event.clientX / 100) + 10 }px`;\n  tooltipStyle.top = `${(event.clientY / 100) + 10 }px`;\n  tooltipStyle.display = 'block';\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n  tooltipStyle.display = 'none';\n}\n</script>\n\n<style >\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  pointer-events: none;\n}\n</style>"],"names":["ref","reactive"],"mappings":";;;;;;;;;;;;;AAmBA,UAAM,UAAUA,IAAG,IAAC,KAAK;AAEzB,UAAM,eAAeC,IAAAA,SAAS;AAAA,MAC5B,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,mBAAa,OAAO,GAAI,MAAM,UAAU,MAAO,EAAE;AACjD,mBAAa,MAAM,GAAI,MAAM,UAAU,MAAO,EAAE;AAChD,mBAAa,UAAU;AAAA,IACzB;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAChB,mBAAa,UAAU;AAAA,IACzB;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tooltip/{Tooltip.vue.js → Tooltip.vue2.js}

@@ -1,5 +1,5 @@
 import { ref, reactive, createElementBlock, openBlock, renderSlot, createElementVNode, normalizeStyle, toDisplayString } from "vue";
-/* empty css             */
+/* empty css            */
 const _sfc_main = {
   __name: "Tooltip",
   props: {
@@ -49,4 +49,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Tooltip.vue.js.map
+//# sourceMappingURL=Tooltip.vue2.js.map

package/dist/martyrs/src/components/Tooltip/{Tooltip.vue.cjs.map → Tooltip.vue2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.vue.cjs","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <div  class=\"tooltip-content\" :style=\"tooltipStyle\">\n      {{ text }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\n\nconst tooltipStyle = reactive({\n  position: 'absolute',\n  width: 'max-content',\n  zIndex: 1000,\n  background: '#333',\n  color: '#fff',\n  padding: '5px 10px',\n  borderRadius: '3px',\n  fontSize: '14px',\n  display: 'none',\n});\n\nfunction showTooltip(event) {\n  visible.value = true;\n  tooltipStyle.left = `${(event.clientX / 100) + 10 }px`;\n  tooltipStyle.top = `${(event.clientY / 100) + 10 }px`;\n  tooltipStyle.display = 'block';\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n  tooltipStyle.display = 'none';\n}\n</script>\n\n<style >\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  pointer-events: none;\n}\n</style>"],"names":["ref","reactive"],"mappings":";;;;;;;;;;;;;AAmBA,UAAM,UAAUA,IAAG,IAAC,KAAK;AAEzB,UAAM,eAAeC,IAAAA,SAAS;AAAA,MAC5B,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,mBAAa,OAAO,GAAI,MAAM,UAAU,MAAO,EAAE;AACjD,mBAAa,MAAM,GAAI,MAAM,UAAU,MAAO,EAAE;AAChD,mBAAa,UAAU;AAAA,IACzB;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAChB,mBAAa,UAAU;AAAA,IACzB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tooltip.vue2.js","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <div  class=\"tooltip-content\" :style=\"tooltipStyle\">\n      {{ text }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\n\nconst tooltipStyle = reactive({\n  position: 'absolute',\n  width: 'max-content',\n  zIndex: 1000,\n  background: '#333',\n  color: '#fff',\n  padding: '5px 10px',\n  borderRadius: '3px',\n  fontSize: '14px',\n  display: 'none',\n});\n\nfunction showTooltip(event) {\n  visible.value = true;\n  tooltipStyle.left = `${(event.clientX / 100) + 10 }px`;\n  tooltipStyle.top = `${(event.clientY / 100) + 10 }px`;\n  tooltipStyle.display = 'block';\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n  tooltipStyle.display = 'none';\n}\n</script>\n\n<style >\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  pointer-events: none;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAmBA,UAAM,UAAU,IAAI,KAAK;AAEzB,UAAM,eAAe,SAAS;AAAA,MAC5B,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,mBAAa,OAAO,GAAI,MAAM,UAAU,MAAO,EAAE;AACjD,mBAAa,MAAM,GAAI,MAAM,UAAU,MAAO,EAAE;AAChD,mBAAa,UAAU;AAAA,IACzB;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAChB,mBAAa,UAAU;AAAA,IACzB;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tooltip = require("../../../../../components/Tooltip/Tooltip.vue.cjs");
+const Tooltip = require("../../../../../components/Tooltip/Tooltip.vue2.cjs");
 const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue2.cjs");
 const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
 const PlaceholderOrganizationPic = require("../../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.js

@@ -1,6 +1,6 @@
 import { resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, toDisplayString, withCtx, createTextVNode, Fragment, renderList, normalizeClass } from "vue";
 import { useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue.js";
+import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue2.js";
 import _sfc_main$3 from "../../../../../components/Dropdown/Dropdown.vue2.js";
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
 import PlaceholderOrganizationPic from "../../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tooltip = require("../../../../components/Tooltip/Tooltip.vue.cjs");
+const Tooltip = require("../../../../components/Tooltip/Tooltip.vue2.cjs");
 const IconStatusCreated = require("../icons/IconStatusCreated.vue.cjs");
 const IconStatusConfirmed = require("../icons/IconStatusConfirmed.vue.cjs");
 const IconStatusInUse = require("../icons/IconStatusInUse.vue.cjs");

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.js

@@ -1,5 +1,5 @@
 import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, Fragment, renderList, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent } from "vue";
-import _sfc_main$7 from "../../../../components/Tooltip/Tooltip.vue.js";
+import _sfc_main$7 from "../../../../components/Tooltip/Tooltip.vue2.js";
 import _sfc_main$6 from "../icons/IconStatusCreated.vue.js";
 import _sfc_main$5 from "../icons/IconStatusConfirmed.vue.js";
 import _sfc_main$2 from "../icons/IconStatusInUse.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                   */
-;/* empty css                                            */
+;/* empty css                                           */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const MembersAdd = require("../sections/MembersAdd.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js

@@ -2,7 +2,7 @@ import { ref, onMounted, computed, resolveComponent, createElementBlock, openBlo
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                 */
-/* empty css                                          */
+/* empty css                                         */
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../sections/MembersAdd.vue.js";

package/dist/martyrs/src/modules/pages/views/components/pages/PageEdit.vue.cjs

@@ -6,7 +6,7 @@ const mixins = require("../../../../globals/views/mixins/mixins.cjs");
 const pages = require("../../store/pages.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");
 ;/* empty css                        */
-;/* empty css                                               */
+;/* empty css                                              */
 const Constructor = require("../../../../constructor/components/sections/Constructor.vue.cjs");
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/pages/views/components/pages/PageEdit.vue.js

@@ -4,7 +4,7 @@ import { useGlobalMixins } from "../../../../globals/views/mixins/mixins.js";
 import { actions, state } from "../../store/pages.js";
 import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
 /* empty css                      */
-/* empty css                                             */
+/* empty css                                            */
 import _sfc_main$1 from "../../../../constructor/components/sections/Constructor.vue.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {