@ozdao/martyrs 0.2.487 → 0.2.488

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

@@ -1,210 +0,0 @@
-import { ref, computed, onMounted, onBeforeUnmount, watch, createElementBlock, createCommentVNode, openBlock, normalizeStyle, normalizeClass, createElementVNode, renderSlot, Fragment, renderList } from "vue";
-/* empty css             */
-const _hoisted_1 = {
-  class: "marquee",
-  "aria-hidden": true
-};
-const _sfc_main = {
-  __name: "Marquee",
-  props: {
-    vertical: { type: Boolean, default: false },
-    direction: { type: String, default: "normal" },
-    duration: { type: Number, default: 20 },
-    delay: { type: Number, default: 0 },
-    loop: { type: Number, default: 0 },
-    clone: { type: Boolean, default: false },
-    gradient: { type: Boolean, default: false },
-    gradientColor: { type: [Array, String], default: () => [255, 255, 255] },
-    gradientLength: { type: String },
-    pauseOnHover: { type: Boolean, default: false },
-    pauseOnClick: { type: Boolean, default: false },
-    pause: { type: Boolean, default: false }
-  },
-  emits: ["onComplete", "onLoopComplete", "onPause", "onResume"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const ready = ref(false);
-    const componentKey = ref(0);
-    const cloneAmount = ref(0);
-    const loopCounter = ref(0);
-    const loopInterval = ref(null);
-    const widthMin = ref("100%");
-    const widthContainer = ref(0);
-    const widthContent = ref(0);
-    const heightMin = ref("100%");
-    const heightContainer = ref(0);
-    const heightContent = ref(0);
-    const gradientLength = ref("200px");
-    const verticalAnimationPause = ref(false);
-    const marqueeContent = ref(null);
-    const marqueeOverlayContainer = ref(null);
-    const ForcesUpdate = async () => {
-      await checkForClone();
-      componentKey.value++;
-    };
-    const checkForClone = async () => {
-      if (props.vertical) {
-        verticalAnimationPause.value = true;
-      }
-      setInterval(() => {
-        widthMin.value = "0%";
-        heightMin.value = "0%";
-        if (marqueeContent.value !== null && marqueeOverlayContainer.value !== null) {
-          if (marqueeContent.value && marqueeOverlayContainer.value) {
-            if (props.vertical && "clientHeight" in marqueeContent.value && "clientHeight" in marqueeOverlayContainer.value) {
-              heightContent.value = marqueeContent.value.clientHeight;
-              heightContainer.value = marqueeOverlayContainer.value.clientHeight;
-              const localCloneAmount = Math.ceil(heightContainer.value / heightContent.value);
-              cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0;
-              verticalAnimationPause.value = false;
-              return cloneAmount.value;
-            } else if (!props.vertical && "clientWidth" in marqueeContent.value && "clientWidth" in marqueeOverlayContainer.value) {
-              widthContent.value = marqueeContent.value.clientWidth;
-              widthContainer.value = marqueeOverlayContainer.value.clientWidth;
-              const localCloneAmount = Math.ceil(widthContainer.value / widthContent.value);
-              cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0;
-              return cloneAmount.value;
-            } else {
-              widthMin.value = "100%";
-              heightMin.value = "100%";
-              return 0;
-            }
-          } else {
-            widthMin.value = "100%";
-            heightMin.value = "100%";
-            return 0;
-          }
-        } else {
-          widthMin.value = "100%";
-          heightMin.value = "100%";
-          return 0;
-        }
-      }, 100);
-    };
-    const hoverStarted = () => {
-      if (props.pauseOnHover) emits("onPause");
-    };
-    const hoverEnded = () => {
-      if (props.pauseOnHover) emits("onResume");
-    };
-    const mouseDown = () => {
-      if (props.pauseOnClick) emits("onPause");
-    };
-    const mouseUp = () => {
-      if (props.pauseOnClick) emits("onResume");
-    };
-    const getCurrentStyle = computed(() => {
-      return {
-        "--loops": `${props.loop === 0 ? "infinite" : props.loop}`,
-        "--duration": `${props.duration}s`,
-        "--delay": `${props.delay}s`,
-        "--direction": `${props.direction}`,
-        "--pauseOnHover": `${props.pauseOnHover ? "paused" : "running"}`,
-        "--pauseOnClick": `${props.pauseOnClick ? "paused" : "running"}`,
-        "--pauseAnimation": `${props.vertical && verticalAnimationPause.value || props.pause ? "paused" : "running"}`,
-        "--gradient-color": `rgba(${props.gradientColor}, 1), rgba(${props.gradientColor}, 0)`,
-        "--gradient-length": `${gradientLength.value}`,
-        "--min-width": `${widthMin.value}`,
-        "--min-height": `${heightMin.value}`,
-        "--orientation": props.vertical ? "scrollY" : "scrollX"
-      };
-    });
-    const setupMarquee = async () => {
-      if (props.vertical) {
-        heightMin.value = "100%";
-        widthMin.value = "auto";
-      } else {
-        heightMin.value = "auto";
-        widthMin.value = "100%";
-      }
-      if (props.gradient && props.gradientLength) {
-        gradientLength.value = props.gradientLength;
-      }
-      if (props.clone) {
-        await checkForClone();
-        ForcesUpdate();
-        ready.value = true;
-      } else {
-        ready.value = true;
-      }
-    };
-    onMounted(async () => {
-      setupMarquee();
-      loopInterval.value = setInterval(() => {
-        loopCounter.value++;
-        if (props.loop !== 0 && loopCounter.value === props.loop) {
-          emits("onComplete");
-          clearInterval(loopInterval.value);
-        }
-        emits("onLoopComplete");
-      }, props.duration * 1e3);
-    });
-    onBeforeUnmount(() => {
-      clearInterval(loopInterval.value);
-    });
-    watch(widthContent, async () => {
-      if (props.clone) {
-        ForcesUpdate();
-      }
-    });
-    watch(widthContainer, async () => {
-      if (props.clone) {
-        ForcesUpdate();
-      }
-    });
-    watch(
-      () => props.pause,
-      (newVal, oldVal) => {
-        if (newVal !== oldVal) {
-          if (newVal) {
-            emits("onResume");
-          } else {
-            emits("onPause");
-          }
-        }
-      }
-    );
-    return (_ctx, _cache) => {
-      return ready.value ? (openBlock(), createElementBlock("div", {
-        class: normalizeClass(["vue3-marquee", { vertical: __props.vertical, horizontal: !__props.vertical }]),
-        style: normalizeStyle(getCurrentStyle.value),
-        key: componentKey.value,
-        onMouseenter: hoverStarted,
-        onMouseleave: hoverEnded,
-        onMousedown: mouseDown,
-        onMouseup: mouseUp
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["transparent-overlay", { vertical: __props.vertical, horizontal: !__props.vertical, overlay: __props.gradient }]),
-          ref_key: "marqueeOverlayContainer",
-          ref: marqueeOverlayContainer,
-          "aria-hidden": true
-        }, null, 2),
-        createElementVNode("div", {
-          class: "marquee",
-          ref_key: "marqueeContent",
-          ref: marqueeContent
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 512),
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(cloneAmount.value, (num) => {
-          return openBlock(), createElementBlock("div", {
-            key: num,
-            "aria-hidden": true,
-            class: "marquee cloned"
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ]);
-        }), 128))
-      ], 38)) : createCommentVNode("", true);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=Marquee.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Marquee.vue.js","sources":["../../../../../src/components/Marquee/Marquee.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"ready\"\n    class=\"vue3-marquee\"\n    :class=\"{ vertical: vertical, horizontal: !vertical }\"\n    :style=\"getCurrentStyle\"\n    :key=\"componentKey\"\n    @mouseenter=\"hoverStarted\"\n    @mouseleave=\"hoverEnded\"\n    @mousedown=\"mouseDown\"\n    @mouseup=\"mouseUp\"\n  >\n    <div\n      class=\"transparent-overlay\"\n      ref=\"marqueeOverlayContainer\"\n      :aria-hidden=\"true\"\n      :class=\"{ vertical: vertical, horizontal: !vertical, overlay: gradient }\"\n    />\n\n    <div \n      class=\"marquee\"\n      ref=\"marqueeContent\">\n      <slot></slot>\n    </div>\n\n    <div \n      class=\"marquee\" \n      :aria-hidden=\"true\"\n    >\n      <slot></slot>\n    </div>\n\n    <div\n      v-for=\"num in cloneAmount\"\n      :key=\"num\"\n      :aria-hidden=\"true\"\n      class=\"marquee cloned\"\n    >\n      <slot></slot>\n    </div\n    >\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount, computed, watch } from 'vue'\n\nconst props = defineProps({\n  vertical: { type: Boolean, default: false },\n  direction: { type: String, default: 'normal' },\n  duration: { type: Number, default: 20 },\n  delay: { type: Number, default: 0 },\n  loop: { type: Number, default: 0 },\n  clone: { type: Boolean, default: false },\n  gradient: { type: Boolean, default: false },\n  gradientColor: { type: [Array,String], default: () => [255, 255, 255] },\n  gradientLength: { type: String },\n  pauseOnHover: { type: Boolean, default: false },\n  pauseOnClick: { type: Boolean, default: false },\n  pause: { type: Boolean, default: false }\n})\n\nconst emits = defineEmits(['onComplete', 'onLoopComplete', 'onPause', 'onResume'])\n\nconst ready = ref(false)\n\nconst componentKey = ref(0)\nconst cloneAmount = ref(0)\nconst loopCounter = ref(0)\nconst loopInterval = ref(null)\n\nconst widthMin = ref('100%')\nconst widthContainer = ref(0)\nconst widthContent = ref(0)\nconst heightMin = ref('100%')\nconst heightContainer = ref(0)\nconst heightContent = ref(0)\n\nconst gradientLength = ref('200px')\n\nconst verticalAnimationPause = ref(false)\nconst marqueeContent = ref(null)\nconst marqueeOverlayContainer = ref(null)\n\nconst ForcesUpdate = async () => {\n  await checkForClone()\n  componentKey.value++\n}\n\nconst checkForClone = async () => {\n  if (props.vertical) {\n    verticalAnimationPause.value = true\n  }\n\n  setInterval(() => {\n    widthMin.value = '0%'\n    heightMin.value = '0%'\n\n    if (marqueeContent.value !== null && marqueeOverlayContainer.value !== null) {\n      if (marqueeContent.value && marqueeOverlayContainer.value) {\n        if (\n          props.vertical &&\n          'clientHeight' in marqueeContent.value &&\n          'clientHeight' in marqueeOverlayContainer.value\n        ) {\n          heightContent.value = marqueeContent.value.clientHeight\n          heightContainer.value = marqueeOverlayContainer.value.clientHeight\n\n          const localCloneAmount = Math.ceil(heightContainer.value / heightContent.value)\n\n          cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n          verticalAnimationPause.value = false\n\n          return cloneAmount.value\n        } else if (\n          !props.vertical &&\n          'clientWidth' in marqueeContent.value &&\n          'clientWidth' in marqueeOverlayContainer.value\n        ) {\n          widthContent.value = marqueeContent.value.clientWidth\n          widthContainer.value = marqueeOverlayContainer.value.clientWidth\n\n          const localCloneAmount = Math.ceil(widthContainer.value / widthContent.value)\n\n          cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n          return cloneAmount.value\n        } else {\n          widthMin.value = '100%'\n          heightMin.value = '100%'\n          return 0\n        }\n      } else {\n        widthMin.value = '100%'\n        heightMin.value = '100%'\n        return 0\n      }\n    } else {\n      widthMin.value = '100%'\n      heightMin.value = '100%'\n      return 0\n    }\n  }, 100)\n}\n\nconst hoverStarted = () => { if (props.pauseOnHover) emits('onPause') }\nconst hoverEnded = () => { if (props.pauseOnHover) emits('onResume') }\nconst mouseDown = () => { if (props.pauseOnClick) emits('onPause') }\nconst mouseUp = () => { if (props.pauseOnClick) emits('onResume') }\n\nconst getCurrentStyle = computed(() => {\n  return {\n    '--loops': `${props.loop === 0 ? 'infinite' : props.loop}`,\n    '--duration': `${props.duration}s`,\n    '--delay': `${props.delay}s`,\n    '--direction': `${props.direction}`,\n    '--pauseOnHover': `${props.pauseOnHover ? 'paused' : 'running'}`,\n    '--pauseOnClick': `${props.pauseOnClick ? 'paused' : 'running'}`,\n    '--pauseAnimation': `${(props.vertical && verticalAnimationPause.value) || props.pause ? 'paused' : 'running'}`,\n    '--gradient-color': `rgba(${props.gradientColor}, 1), rgba(${props.gradientColor}, 0)`,\n    '--gradient-length': `${gradientLength.value}`,\n    '--min-width': `${widthMin.value}`,\n    '--min-height': `${heightMin.value}`,\n    '--orientation': props.vertical ? 'scrollY' : 'scrollX'\n  }\n})\n\nconst setupMarquee = async () => {\n  if (props.vertical) {\n    heightMin.value = '100%'\n    widthMin.value = 'auto'\n  } else {\n    heightMin.value = 'auto'\n    widthMin.value = '100%'\n  }\n\n  if (props.gradient && props.gradientLength) {\n    gradientLength.value = props.gradientLength\n  }\n\n  if (props.clone) {\n    await checkForClone()\n    ForcesUpdate()\n    ready.value = true\n  } else {\n    ready.value = true\n  }\n}\n\nonMounted(async () => {\n  setupMarquee()\n\n  loopInterval.value = setInterval(() => {\n    loopCounter.value++\n\n    if (props.loop !== 0 && loopCounter.value === props.loop) {\n      emits('onComplete')\n      clearInterval(loopInterval.value)\n    }\n\n    emits('onLoopComplete')\n  }, props.duration * 1000)\n})\n\nonBeforeUnmount(() => {\n  clearInterval(loopInterval.value)\n})\n\nwatch(widthContent, async () => {\n  if (props.clone) {\n    ForcesUpdate()\n  }\n})\n\nwatch(widthContainer, async () => {\n  if (props.clone) {\n    ForcesUpdate()\n  }\n})\n\nwatch(\n  () => props.pause,\n  (newVal, oldVal) => {\n    if (newVal !== oldVal) {\n      if (newVal) {\n        emits('onResume')\n      } else {\n        emits('onPause')\n      }\n    }\n  }\n)\n</script>\n\n<style lang=\"scss\">\n.vue3-marquee {\n  display: flex !important;\n  position: relative;\n\n  .marquee {\n    flex: 0 0 auto;\n    min-width: var(--min-width);\n    min-height: var(--min-height);\n    z-index: 1;\n\n    animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);\n    animation-play-state: var(--pauseAnimation);\n    animation-direction: var(--direction);\n  }\n\n  .overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n\n    &:before {\n      left: 0;\n      top: 0;\n    }\n\n    &:before, &:after {\n      content: '';\n      position: absolute;\n      z-index: 2;\n    }\n  }\n\n  .transparent-overlay {\n    position: absolute;\n    width: 100.5%;\n    height: 100.5%;\n  }\n\n\n  &.horizontal {\n    overflow-x: hidden !important;\n    flex-direction: row !important;\n    width: 100%;\n    height: max-content;\n\n    .marquee {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n\n    .overlay::before,.overlay::after {\n      background: linear-gradient(to right, var(--gradient-color));\n      height: 100%;\n      width: var(--gradient-length);\n    }\n\n    .overlay::after {\n      transform: rotateZ(180deg);\n      right: 0;\n      top: 0;\n    }\n  }\n\n  &.vertical {\n    overflow-y: hidden !important;\n    flex-direction: column !important;\n    height: 100%;\n    width: max-content;\n\n    .marquee {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .overlay::before, .overlay::after {\n      background: linear-gradient(to bottom, var(--gradient-color));\n      height: var(--gradient-length);\n      width: 100%;\n    }\n\n    .overlay::after {\n      transform: rotateZ(-180deg);\n      left: 0;\n      bottom: 0;\n    }\n  }\n\n  &:hover {\n    div {\n      animation-play-state: var(--pauseOnHover);\n    }\n  }\n\n  &:active {\n    div {\n      animation-play-state: var(--pauseOnClick);\n    } \n  }\n}\n\n@keyframes scrollX {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n@keyframes scrollY {\n  0% {\n    transform: translateY(0%);\n  }\n  100% {\n    transform: translateY(-100%);\n  }\n}\n</style>"],"names":[],"mappings":"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"}

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

@@ -1,153 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "media-container pos-relative" };
-const _hoisted_2 = ["src", "data-src", "alt"];
-const _hoisted_3 = ["controls", "loop", "muted", "autoplay", "playsinline", "preload"];
-const _hoisted_4 = ["src", "type"];
-const _hoisted_5 = {
-  key: 2,
-  class: "media-placeholder"
-};
-const _hoisted_6 = {
-  key: 3,
-  class: "media-error"
-};
-const _sfc_main = {
-  __name: "Media",
-  props: {
-    url: {
-      type: String,
-      required: true
-    },
-    options: {
-      type: Object,
-      default: () => ({
-        muted: true,
-        loop: true,
-        playsinline: true,
-        preload: "metadata"
-        // 'none' | 'metadata' | 'auto'
-      })
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const videoElement = vue.ref(null);
-    const imageElement = vue.ref(null);
-    const isLoaded = vue.ref(false);
-    const error = vue.ref(null);
-    const isIntersecting = vue.ref(false);
-    let observer = null;
-    let isPlaying = false;
-    const fileExtension = vue.computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = props.url) == null ? void 0 : _a.split(".")) == null ? void 0 : _b.pop()) == null ? void 0 : _c.toLowerCase();
-    });
-    const isImage = vue.computed(() => {
-      const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp", "svg", "avif"];
-      return imageExtensions.includes(fileExtension.value);
-    });
-    const isVideo = vue.computed(() => {
-      const videoExtensions = ["mp4", "webm", "ogg"];
-      return videoExtensions.includes(fileExtension.value);
-    });
-    const videoType = vue.computed(() => {
-      const types = {
-        "mp4": "video/mp4",
-        "webm": "video/webm",
-        "ogg": "video/ogg"
-      };
-      return types[fileExtension.value] || "";
-    });
-    function handleLoad() {
-      isLoaded.value = true;
-    }
-    function handleError(err) {
-      error.value = `Ошибка загрузки медиа: ${err.message}`;
-      isLoaded.value = false;
-    }
-    async function playVideo() {
-      if (!videoElement.value) return;
-      try {
-        if (videoElement.value.paused && !isPlaying) {
-          await videoElement.value.play();
-          isPlaying = true;
-        }
-      } catch (err) {
-        handleError(err);
-      }
-    }
-    function setupIntersectionObserver() {
-      const options = {
-        root: null,
-        rootMargin: "50px",
-        threshold: 0.1
-      };
-      observer = new IntersectionObserver((entries) => {
-        entries.forEach((entry) => {
-          var _a;
-          isIntersecting.value = entry.isIntersecting;
-          if (entry.isIntersecting) {
-            if (isVideo.value && ((_a = props.options) == null ? void 0 : _a.autoplay)) {
-              playVideo();
-            }
-            observer.disconnect();
-          }
-        });
-      }, options);
-      const element = isImage.value ? imageElement.value : videoElement.value;
-      if (element) {
-        observer.observe(element);
-      }
-    }
-    vue.onMounted(() => {
-      setupIntersectionObserver();
-    });
-    vue.onUnmounted(() => {
-      if (observer) {
-        observer.disconnect();
-      }
-    });
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        isImage.value ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
-          key: 0,
-          src: isIntersecting.value ? __props.url : "",
-          "data-src": __props.url,
-          alt: ((_a = __props.options) == null ? void 0 : _a.alt) || "Image",
-          class: ["media-item", { "loading": !isLoaded.value }],
-          loading: "lazy",
-          onLoad: handleLoad
-        }, __props.options, {
-          ref_key: "imageElement",
-          ref: imageElement
-        }), null, 16, _hoisted_2)) : isVideo.value ? (vue.openBlock(), vue.createElementBlock("video", vue.mergeProps({
-          key: 1,
-          ref_key: "videoElement",
-          ref: videoElement,
-          class: [{ "loading": !isLoaded.value }, "media-item"],
-          controls: !((_b = __props.options) == null ? void 0 : _b.hideControls),
-          loop: ((_c = __props.options) == null ? void 0 : _c.loop) !== false,
-          muted: ((_d = __props.options) == null ? void 0 : _d.muted) !== false,
-          autoplay: (_e = __props.options) == null ? void 0 : _e.autoplay,
-          playsinline: ((_f = __props.options) == null ? void 0 : _f.playsinline) !== false,
-          preload: ((_g = __props.options) == null ? void 0 : _g.preload) || "metadata",
-          onLoadeddata: handleLoad
-        }, __props.options), [
-          vue.createElementVNode("source", {
-            src: __props.url,
-            type: videoType.value
-          }, null, 8, _hoisted_4)
-        ], 16, _hoisted_3)) : vue.createCommentVNode("", true),
-        !isLoaded.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, " Loading... ")) : vue.createCommentVNode("", true),
-        error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-const Media = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b5d5974f"]]);
-exports.default = Media;
-//# sourceMappingURL=Media.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Media.vue.cjs","sources":["../../../../../src/components/Media/Media.vue"],"sourcesContent":["<template>\n  <div class=\"media-container pos-relative\">\n    <!-- Изображение с ленивой загрузкой и placeholder -->\n    <img\n      v-if=\"isImage\"\n      :src=\"isIntersecting ? url : ''\"\n      :data-src=\"url\"\n      :alt=\"options?.alt || 'Image'\"\n      class=\"media-item\"\n      :class=\"{ 'loading': !isLoaded }\"\n      loading=\"lazy\"\n      @load=\"handleLoad\"\n      v-bind=\"options\"\n      ref=\"imageElement\"\n    />\n    \n    <!-- Видео с предварительной загрузкой -->\n    <video\n      v-else-if=\"isVideo\"\n      ref=\"videoElement\"\n      :class=\"{ 'loading': !isLoaded }\"\n      class=\"media-item\"\n      :controls=\"!options?.hideControls\"\n      :loop=\"options?.loop !== false\"\n      :muted=\"options?.muted !== false\"\n      :autoplay=\"options?.autoplay\"\n      :playsinline=\"options?.playsinline !== false\"\n      :preload=\"options?.preload || 'metadata'\"\n      @loadeddata=\"handleLoad\"\n      v-bind=\"options\"\n    >\n      <source :src=\"url\" :type=\"videoType\">\n    </video>\n    \n    <!-- Плейсхолдер во время загрузки -->\n    <div v-if=\"!isLoaded\" class=\"media-placeholder\">\n      Loading...\n    </div>\n    \n    <!-- Сообщение об ошибке -->\n    <div v-if=\"error\" class=\"media-error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onUnmounted } from 'vue'\n\nconst props = defineProps({\n  url: {\n    type: String,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      muted: true,\n      loop: true,\n      playsinline: true,\n      preload: 'metadata' // 'none' | 'metadata' | 'auto'\n    })\n  }\n})\n\n// Refs\nconst videoElement = ref(null)\nconst imageElement = ref(null)\nconst isLoaded = ref(false)\nconst error = ref(null)\nconst isIntersecting = ref(false)\nlet observer = null\nlet isPlaying = false\n\n// Определяем тип медиа\nconst fileExtension = computed(() => {\n  return props.url?.split('.')?.pop()?.toLowerCase()\n})\n\nconst isImage = computed(() => {\n  const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif']\n  return imageExtensions.includes(fileExtension.value)\n})\n\nconst isVideo = computed(() => {\n  const videoExtensions = ['mp4', 'webm', 'ogg']\n  return videoExtensions.includes(fileExtension.value)\n})\n\n// Определяем MIME-тип для видео\nconst videoType = computed(() => {\n  const types = {\n    'mp4': 'video/mp4',\n    'webm': 'video/webm',\n    'ogg': 'video/ogg'\n  }\n  return types[fileExtension.value] || ''\n})\n\n// Обработчик загрузки медиа\nfunction handleLoad() {\n  isLoaded.value = true\n}\n\n// Обработка ошибок\nfunction handleError(err) {\n  error.value = `Ошибка загрузки медиа: ${err.message}`\n  isLoaded.value = false\n}\n\n// Управление видео с обработкой ошибок\nasync function playVideo() {\n  if (!videoElement.value) return\n  \n  try {\n    if (videoElement.value.paused && !isPlaying) {\n      await videoElement.value.play()\n      isPlaying = true\n    }\n  } catch (err) {\n    handleError(err)\n  }\n}\n\nfunction checkAndPlayVideo() {\n  if (!videoElement.value) return\n  \n  videoElement.value.onplaying = () => {\n    isPlaying = true\n  }\n  \n  videoElement.value.onpause = () => {\n    isPlaying = false\n  }\n  \n  videoElement.value.onerror = handleError\n}\n\n// Intersection Observer для ленивой загрузки\nfunction setupIntersectionObserver() {\n  const options = {\n    root: null,\n    rootMargin: '50px',\n    threshold: 0.1\n  }\n  \n  observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      isIntersecting.value = entry.isIntersecting\n      \n      if (entry.isIntersecting) {\n        if (isVideo.value && props.options?.autoplay) {\n          playVideo()\n        }\n        // Отключаем observer после первой загрузки\n        observer.disconnect()\n      }\n    })\n  }, options)\n  \n  // Наблюдаем за элементом в зависимости от типа медиа\n  const element = isImage.value ? imageElement.value : videoElement.value\n  if (element) {\n    observer.observe(element)\n  }\n}\n\n// Lifecycle hooks\nonMounted(() => {\n  setupIntersectionObserver()\n})\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect()\n  }\n})\n</script>\n\n<style scoped>\n.media-container {\n}\n\n.media-item {\n  all: inherit;\n  opacity: 1;\n  transition: opacity 0.3s ease;\n}\n\n.media-item.loading {\n  opacity: 0;\n}\n\n.media-placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #f5f5f5;\n}\n\n.media-error {\n  color: #ff4444;\n  padding: 1rem;\n  text-align: center;\n}\n</style>"],"names":["ref","computed","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,QAAQ;AAiBd,UAAM,eAAeA,IAAG,IAAC,IAAI;AAC7B,UAAM,eAAeA,IAAG,IAAC,IAAI;AAC7B,UAAM,WAAWA,IAAG,IAAC,KAAK;AAC1B,UAAM,QAAQA,IAAG,IAAC,IAAI;AACtB,UAAM,iBAAiBA,IAAG,IAAC,KAAK;AAChC,QAAI,WAAW;AACf,QAAI,YAAY;AAGhB,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;;AACnC,cAAO,uBAAM,QAAN,mBAAW,MAAM,SAAjB,mBAAuB,UAAvB,mBAA8B;AAAA,IACvC,CAAC;AAED,UAAM,UAAUA,IAAQ,SAAC,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AAC3E,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAED,UAAM,UAAUA,IAAQ,SAAC,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,KAAK;AAC7C,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAGD,UAAM,YAAYA,IAAQ,SAAC,MAAM;AAC/B,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACX;AACE,aAAO,MAAM,cAAc,KAAK,KAAK;AAAA,IACvC,CAAC;AAGD,aAAS,aAAa;AACpB,eAAS,QAAQ;AAAA,IACnB;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,QAAQ,0BAA0B,IAAI,OAAO;AACnD,eAAS,QAAQ;AAAA,IACnB;AAGA,mBAAe,YAAY;AACzB,UAAI,CAAC,aAAa,MAAO;AAEzB,UAAI;AACF,YAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,gBAAM,aAAa,MAAM,KAAI;AAC7B,sBAAY;AAAA,QAClB;AAAA,MACG,SAAQ,KAAK;AACZ,oBAAY,GAAG;AAAA,MACnB;AAAA,IACA;AAiBA,aAAS,4BAA4B;AACnC,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACf;AAEE,iBAAW,IAAI,qBAAqB,CAAC,YAAY;AAC/C,gBAAQ,QAAQ,WAAS;;AACvB,yBAAe,QAAQ,MAAM;AAE7B,cAAI,MAAM,gBAAgB;AACxB,gBAAI,QAAQ,WAAS,WAAM,YAAN,mBAAe,WAAU;AAC5C,wBAAS;AAAA,YACnB;AAEQ,qBAAS,WAAU;AAAA,UAC3B;AAAA,QACK,CAAA;AAAA,MACL,GAAK,OAAO;AAGV,YAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,aAAa;AAClE,UAAI,SAAS;AACX,iBAAS,QAAQ,OAAO;AAAA,MAC5B;AAAA,IACA;AAGAC,QAAAA,UAAU,MAAM;AACd,gCAAyB;AAAA,IAC3B,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACvB;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,153 +0,0 @@
-import { ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, mergeProps, createElementVNode, toDisplayString } from "vue";
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "media-container pos-relative" };
-const _hoisted_2 = ["src", "data-src", "alt"];
-const _hoisted_3 = ["controls", "loop", "muted", "autoplay", "playsinline", "preload"];
-const _hoisted_4 = ["src", "type"];
-const _hoisted_5 = {
-  key: 2,
-  class: "media-placeholder"
-};
-const _hoisted_6 = {
-  key: 3,
-  class: "media-error"
-};
-const _sfc_main = {
-  __name: "Media",
-  props: {
-    url: {
-      type: String,
-      required: true
-    },
-    options: {
-      type: Object,
-      default: () => ({
-        muted: true,
-        loop: true,
-        playsinline: true,
-        preload: "metadata"
-        // 'none' | 'metadata' | 'auto'
-      })
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const videoElement = ref(null);
-    const imageElement = ref(null);
-    const isLoaded = ref(false);
-    const error = ref(null);
-    const isIntersecting = ref(false);
-    let observer = null;
-    let isPlaying = false;
-    const fileExtension = computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = props.url) == null ? void 0 : _a.split(".")) == null ? void 0 : _b.pop()) == null ? void 0 : _c.toLowerCase();
-    });
-    const isImage = computed(() => {
-      const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp", "svg", "avif"];
-      return imageExtensions.includes(fileExtension.value);
-    });
-    const isVideo = computed(() => {
-      const videoExtensions = ["mp4", "webm", "ogg"];
-      return videoExtensions.includes(fileExtension.value);
-    });
-    const videoType = computed(() => {
-      const types = {
-        "mp4": "video/mp4",
-        "webm": "video/webm",
-        "ogg": "video/ogg"
-      };
-      return types[fileExtension.value] || "";
-    });
-    function handleLoad() {
-      isLoaded.value = true;
-    }
-    function handleError(err) {
-      error.value = `Ошибка загрузки медиа: ${err.message}`;
-      isLoaded.value = false;
-    }
-    async function playVideo() {
-      if (!videoElement.value) return;
-      try {
-        if (videoElement.value.paused && !isPlaying) {
-          await videoElement.value.play();
-          isPlaying = true;
-        }
-      } catch (err) {
-        handleError(err);
-      }
-    }
-    function setupIntersectionObserver() {
-      const options = {
-        root: null,
-        rootMargin: "50px",
-        threshold: 0.1
-      };
-      observer = new IntersectionObserver((entries) => {
-        entries.forEach((entry) => {
-          var _a;
-          isIntersecting.value = entry.isIntersecting;
-          if (entry.isIntersecting) {
-            if (isVideo.value && ((_a = props.options) == null ? void 0 : _a.autoplay)) {
-              playVideo();
-            }
-            observer.disconnect();
-          }
-        });
-      }, options);
-      const element = isImage.value ? imageElement.value : videoElement.value;
-      if (element) {
-        observer.observe(element);
-      }
-    }
-    onMounted(() => {
-      setupIntersectionObserver();
-    });
-    onUnmounted(() => {
-      if (observer) {
-        observer.disconnect();
-      }
-    });
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        isImage.value ? (openBlock(), createElementBlock("img", mergeProps({
-          key: 0,
-          src: isIntersecting.value ? __props.url : "",
-          "data-src": __props.url,
-          alt: ((_a = __props.options) == null ? void 0 : _a.alt) || "Image",
-          class: ["media-item", { "loading": !isLoaded.value }],
-          loading: "lazy",
-          onLoad: handleLoad
-        }, __props.options, {
-          ref_key: "imageElement",
-          ref: imageElement
-        }), null, 16, _hoisted_2)) : isVideo.value ? (openBlock(), createElementBlock("video", mergeProps({
-          key: 1,
-          ref_key: "videoElement",
-          ref: videoElement,
-          class: [{ "loading": !isLoaded.value }, "media-item"],
-          controls: !((_b = __props.options) == null ? void 0 : _b.hideControls),
-          loop: ((_c = __props.options) == null ? void 0 : _c.loop) !== false,
-          muted: ((_d = __props.options) == null ? void 0 : _d.muted) !== false,
-          autoplay: (_e = __props.options) == null ? void 0 : _e.autoplay,
-          playsinline: ((_f = __props.options) == null ? void 0 : _f.playsinline) !== false,
-          preload: ((_g = __props.options) == null ? void 0 : _g.preload) || "metadata",
-          onLoadeddata: handleLoad
-        }, __props.options), [
-          createElementVNode("source", {
-            src: __props.url,
-            type: videoType.value
-          }, null, 8, _hoisted_4)
-        ], 16, _hoisted_3)) : createCommentVNode("", true),
-        !isLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_5, " Loading... ")) : createCommentVNode("", true),
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(error.value), 1)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-const Media = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b5d5974f"]]);
-export {
-  Media as default
-};
-//# sourceMappingURL=Media.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Media.vue.js","sources":["../../../../../src/components/Media/Media.vue"],"sourcesContent":["<template>\n  <div class=\"media-container pos-relative\">\n    <!-- Изображение с ленивой загрузкой и placeholder -->\n    <img\n      v-if=\"isImage\"\n      :src=\"isIntersecting ? url : ''\"\n      :data-src=\"url\"\n      :alt=\"options?.alt || 'Image'\"\n      class=\"media-item\"\n      :class=\"{ 'loading': !isLoaded }\"\n      loading=\"lazy\"\n      @load=\"handleLoad\"\n      v-bind=\"options\"\n      ref=\"imageElement\"\n    />\n    \n    <!-- Видео с предварительной загрузкой -->\n    <video\n      v-else-if=\"isVideo\"\n      ref=\"videoElement\"\n      :class=\"{ 'loading': !isLoaded }\"\n      class=\"media-item\"\n      :controls=\"!options?.hideControls\"\n      :loop=\"options?.loop !== false\"\n      :muted=\"options?.muted !== false\"\n      :autoplay=\"options?.autoplay\"\n      :playsinline=\"options?.playsinline !== false\"\n      :preload=\"options?.preload || 'metadata'\"\n      @loadeddata=\"handleLoad\"\n      v-bind=\"options\"\n    >\n      <source :src=\"url\" :type=\"videoType\">\n    </video>\n    \n    <!-- Плейсхолдер во время загрузки -->\n    <div v-if=\"!isLoaded\" class=\"media-placeholder\">\n      Loading...\n    </div>\n    \n    <!-- Сообщение об ошибке -->\n    <div v-if=\"error\" class=\"media-error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onUnmounted } from 'vue'\n\nconst props = defineProps({\n  url: {\n    type: String,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      muted: true,\n      loop: true,\n      playsinline: true,\n      preload: 'metadata' // 'none' | 'metadata' | 'auto'\n    })\n  }\n})\n\n// Refs\nconst videoElement = ref(null)\nconst imageElement = ref(null)\nconst isLoaded = ref(false)\nconst error = ref(null)\nconst isIntersecting = ref(false)\nlet observer = null\nlet isPlaying = false\n\n// Определяем тип медиа\nconst fileExtension = computed(() => {\n  return props.url?.split('.')?.pop()?.toLowerCase()\n})\n\nconst isImage = computed(() => {\n  const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif']\n  return imageExtensions.includes(fileExtension.value)\n})\n\nconst isVideo = computed(() => {\n  const videoExtensions = ['mp4', 'webm', 'ogg']\n  return videoExtensions.includes(fileExtension.value)\n})\n\n// Определяем MIME-тип для видео\nconst videoType = computed(() => {\n  const types = {\n    'mp4': 'video/mp4',\n    'webm': 'video/webm',\n    'ogg': 'video/ogg'\n  }\n  return types[fileExtension.value] || ''\n})\n\n// Обработчик загрузки медиа\nfunction handleLoad() {\n  isLoaded.value = true\n}\n\n// Обработка ошибок\nfunction handleError(err) {\n  error.value = `Ошибка загрузки медиа: ${err.message}`\n  isLoaded.value = false\n}\n\n// Управление видео с обработкой ошибок\nasync function playVideo() {\n  if (!videoElement.value) return\n  \n  try {\n    if (videoElement.value.paused && !isPlaying) {\n      await videoElement.value.play()\n      isPlaying = true\n    }\n  } catch (err) {\n    handleError(err)\n  }\n}\n\nfunction checkAndPlayVideo() {\n  if (!videoElement.value) return\n  \n  videoElement.value.onplaying = () => {\n    isPlaying = true\n  }\n  \n  videoElement.value.onpause = () => {\n    isPlaying = false\n  }\n  \n  videoElement.value.onerror = handleError\n}\n\n// Intersection Observer для ленивой загрузки\nfunction setupIntersectionObserver() {\n  const options = {\n    root: null,\n    rootMargin: '50px',\n    threshold: 0.1\n  }\n  \n  observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      isIntersecting.value = entry.isIntersecting\n      \n      if (entry.isIntersecting) {\n        if (isVideo.value && props.options?.autoplay) {\n          playVideo()\n        }\n        // Отключаем observer после первой загрузки\n        observer.disconnect()\n      }\n    })\n  }, options)\n  \n  // Наблюдаем за элементом в зависимости от типа медиа\n  const element = isImage.value ? imageElement.value : videoElement.value\n  if (element) {\n    observer.observe(element)\n  }\n}\n\n// Lifecycle hooks\nonMounted(() => {\n  setupIntersectionObserver()\n})\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect()\n  }\n})\n</script>\n\n<style scoped>\n.media-container {\n}\n\n.media-item {\n  all: inherit;\n  opacity: 1;\n  transition: opacity 0.3s ease;\n}\n\n.media-item.loading {\n  opacity: 0;\n}\n\n.media-placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #f5f5f5;\n}\n\n.media-error {\n  color: #ff4444;\n  padding: 1rem;\n  text-align: center;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,QAAQ;AAiBd,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,iBAAiB,IAAI,KAAK;AAChC,QAAI,WAAW;AACf,QAAI,YAAY;AAGhB,UAAM,gBAAgB,SAAS,MAAM;;AACnC,cAAO,uBAAM,QAAN,mBAAW,MAAM,SAAjB,mBAAuB,UAAvB,mBAA8B;AAAA,IACvC,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AAC3E,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,KAAK;AAC7C,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACX;AACE,aAAO,MAAM,cAAc,KAAK,KAAK;AAAA,IACvC,CAAC;AAGD,aAAS,aAAa;AACpB,eAAS,QAAQ;AAAA,IACnB;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,QAAQ,0BAA0B,IAAI,OAAO;AACnD,eAAS,QAAQ;AAAA,IACnB;AAGA,mBAAe,YAAY;AACzB,UAAI,CAAC,aAAa,MAAO;AAEzB,UAAI;AACF,YAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,gBAAM,aAAa,MAAM,KAAI;AAC7B,sBAAY;AAAA,QAClB;AAAA,MACG,SAAQ,KAAK;AACZ,oBAAY,GAAG;AAAA,MACnB;AAAA,IACA;AAiBA,aAAS,4BAA4B;AACnC,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACf;AAEE,iBAAW,IAAI,qBAAqB,CAAC,YAAY;AAC/C,gBAAQ,QAAQ,WAAS;;AACvB,yBAAe,QAAQ,MAAM;AAE7B,cAAI,MAAM,gBAAgB;AACxB,gBAAI,QAAQ,WAAS,WAAM,YAAN,mBAAe,WAAU;AAC5C,wBAAS;AAAA,YACnB;AAEQ,qBAAS,WAAU;AAAA,UAC3B;AAAA,QACK,CAAA;AAAA,MACL,GAAK,OAAO;AAGV,YAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,aAAa;AAClE,UAAI,SAAS;AACX,iBAAS,QAAQ,OAAO;AAAA,MAC5B;AAAA,IACA;AAGA,cAAU,MAAM;AACd,gCAAyB;AAAA,IAC3B,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACvB;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-;/* empty css            */
-const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
-const _sfc_main = {
-  __name: "Menu",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Menu.vue.cjs.map

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

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

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

@@ -1,17 +0,0 @@
-import { createElementBlock, openBlock, renderSlot } from "vue";
-/* empty css          */
-const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
-const _sfc_main = {
-  __name: "Menu",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=Menu.vue.js.map

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

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