@ozdao/martyrs 0.2.423

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocationMarker.vue2.cjs","sources":["../../../../../src/components/LocationMarker/LocationMarker.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <div ref=\"mapContainer\" class=\"w-100 h-100\"></div>\n\n    <button class=\"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra\" @click=\"setUserLocation\">\n\n      <transition name=\"ScaleOut\" mode=\"out-in\"> \n        <svg v-if=\"!locationLoading\" class=\"i-regular\" width=\"98\" height=\"98\" viewBox=\"0 0 98 98\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z\" fill=\"rgb(var(--white))\"/>\n          <path d=\"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z\" fill=\"rgb(var(--white))\"/>      \n        </svg>\n\n        <Loader v-else  class=\"pos-t-0 pos-l-0 i-small\"/>\n      </transition>\n\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n// Добавим новый проп для ключа API\nconst props = defineProps({\n  location: {\n    type: Object,\n    default: () => ({ lat: 15.8700, lng: 100.9925 })\n  },\n  address: {\n    type: String,\n    default: null\n  },\n  apiKey: String,\n  locale: {\n    type: String,\n    default: 'en'\n  }\n})\n\nconst emit = defineEmits(['update:location', 'update:address', 'update:country', 'update:state', 'update:city']);\n\nconst mapContainer = ref(null);\nconst locationLoading = ref(false);\n\nlet map, marker;\n\nonMounted(() => {\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {\n    map = new google.maps.Map(mapContainer.value, {\n      center: props.location,\n      zoom: 15,\n      mapTypeControl: false,\n      fullscreenControl: false,\n      disableDefaultUI: true\n    });\n\n    marker = new google.maps.Marker({\n      position: props.location,\n      map,\n      draggable: true,\n    });\n\n    marker.addListener(\"dragend\", (e) => {\n      const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };\n\n      emit('update:location', newLocation);\n\n      getAddressFromLocation(newLocation);\n    });\n  }).catch(e => {\n    console.error(e);\n  });\n});\n\nwatchEffect(() => {\n  if (props.location && marker) {\n    marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n  }\n});\n\nwatchEffect(() => {\n  if (props.location && map) {\n    const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);\n    \n    map.setCenter(newCenter);\n    map.setZoom(15);\n  }\n});\n\nfunction getAddressFromLocation(location) {\n  \n  const geocoder = new google.maps.Geocoder;\n\n  geocoder.geocode({ 'location': location }, (results, status) => {\n    if (status === 'OK') {\n      if (results[0]) {\n        emit('update:address', results[0].formatted_address);\n\n        let country = '', state = '', city = '';\n\n        results[0].address_components.forEach((addr) => {\n          if (addr.types.includes('country')) {\n            country = addr.long_name;\n          }\n          if (addr.types.includes('administrative_area_level_1')) {\n            state = addr.long_name;\n          }\n          if (addr.types.includes('locality')) {\n            city = addr.long_name;\n          }\n        });\n\n        emit('update:country', country);\n        emit('update:state', state);\n        emit('update:city', city);\n      } else {\n        console.error('No results found');\n      }\n    } else {\n      console.error('Geocoder failed due to: ' + status);\n    }\n  });\n}\n\n// Функция для установки местоположения пользователя\nasync function setUserLocation() {\n  locationLoading.value = true\n  \n  if (navigator.geolocation) {\n    navigator.geolocation.getCurrentPosition((position) => {\n      const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };\n      emit('update:location', newLocation);\n      getAddressFromLocation(newLocation);\n      locationLoading.value = false\n    }, () => {\n      console.error('Error getting location');\n      locationLoading.value = false\n    });\n  } else {\n    console.error('Geolocation is not supported by this browser.');\n    locationLoading.value = false\n  }\n}\n</script>\n\n\n<style >\n.my-location-button {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  z-index: 99;\n}\n\n.gm-style-cc { display:none; }\n\n\n</style>\n"],"names":["ref","onMounted","GMLoader","watchEffect"],"mappings":"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"}

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.js

@@ -0,0 +1,166 @@
+import { ref, onMounted, watchEffect, createElementBlock, openBlock, createElementVNode, createVNode, Transition, withCtx, createBlock } from "vue";
+import { Loader } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
+import Loader$1 from "../Loader/Loader.vue2.js";
+/* empty css                   */
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "i-regular",
+  width: "98",
+  height: "98",
+  viewBox: "0 0 98 98",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _sfc_main = {
+  __name: "LocationMarker",
+  props: {
+    location: {
+      type: Object,
+      default: () => ({ lat: 15.87, lng: 100.9925 })
+    },
+    address: {
+      type: String,
+      default: null
+    },
+    apiKey: String,
+    locale: {
+      type: String,
+      default: "en"
+    }
+  },
+  emits: ["update:location", "update:address", "update:country", "update:state", "update:city"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const mapContainer = ref(null);
+    const locationLoading = ref(false);
+    let map, marker;
+    onMounted(() => {
+      const loader = new Loader({
+        apiKey: props.apiKey,
+        version: "weekly",
+        libraries: ["places"],
+        language: props.locale
+      });
+      loader.load().then(() => {
+        map = new google.maps.Map(mapContainer.value, {
+          center: props.location,
+          zoom: 15,
+          mapTypeControl: false,
+          fullscreenControl: false,
+          disableDefaultUI: true
+        });
+        marker = new google.maps.Marker({
+          position: props.location,
+          map,
+          draggable: true
+        });
+        marker.addListener("dragend", (e) => {
+          const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };
+          emit("update:location", newLocation);
+          getAddressFromLocation(newLocation);
+        });
+      }).catch((e) => {
+        console.error(e);
+      });
+    });
+    watchEffect(() => {
+      if (props.location && marker) {
+        marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));
+      }
+    });
+    watchEffect(() => {
+      if (props.location && map) {
+        const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);
+        map.setCenter(newCenter);
+        map.setZoom(15);
+      }
+    });
+    function getAddressFromLocation(location) {
+      const geocoder = new google.maps.Geocoder();
+      geocoder.geocode({ "location": location }, (results, status) => {
+        if (status === "OK") {
+          if (results[0]) {
+            emit("update:address", results[0].formatted_address);
+            let country = "", state = "", city = "";
+            results[0].address_components.forEach((addr) => {
+              if (addr.types.includes("country")) {
+                country = addr.long_name;
+              }
+              if (addr.types.includes("administrative_area_level_1")) {
+                state = addr.long_name;
+              }
+              if (addr.types.includes("locality")) {
+                city = addr.long_name;
+              }
+            });
+            emit("update:country", country);
+            emit("update:state", state);
+            emit("update:city", city);
+          } else {
+            console.error("No results found");
+          }
+        } else {
+          console.error("Geocoder failed due to: " + status);
+        }
+      });
+    }
+    async function setUserLocation() {
+      locationLoading.value = true;
+      if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition((position) => {
+          const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };
+          emit("update:location", newLocation);
+          getAddressFromLocation(newLocation);
+          locationLoading.value = false;
+        }, () => {
+          console.error("Error getting location");
+          locationLoading.value = false;
+        });
+      } else {
+        console.error("Geolocation is not supported by this browser.");
+        locationLoading.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          ref_key: "mapContainer",
+          ref: mapContainer,
+          class: "w-100 h-100"
+        }, null, 512),
+        createElementVNode("button", {
+          class: "cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra",
+          onClick: setUserLocation
+        }, [
+          createVNode(Transition, {
+            name: "ScaleOut",
+            mode: "out-in"
+          }, {
+            default: withCtx(() => [
+              !locationLoading.value ? (openBlock(), createElementBlock("svg", _hoisted_2, _cache[0] || (_cache[0] = [
+                createElementVNode("path", {
+                  d: "M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z",
+                  fill: "rgb(var(--white))"
+                }, null, -1),
+                createElementVNode("path", {
+                  d: "M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z",
+                  fill: "rgb(var(--white))"
+                }, null, -1)
+              ]))) : (openBlock(), createBlock(Loader$1, {
+                key: 1,
+                class: "pos-t-0 pos-l-0 i-small"
+              }))
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LocationMarker.vue2.js.map

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationMarker.vue2.js","sources":["../../../../../src/components/LocationMarker/LocationMarker.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <div ref=\"mapContainer\" class=\"w-100 h-100\"></div>\n\n    <button class=\"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra\" @click=\"setUserLocation\">\n\n      <transition name=\"ScaleOut\" mode=\"out-in\"> \n        <svg v-if=\"!locationLoading\" class=\"i-regular\" width=\"98\" height=\"98\" viewBox=\"0 0 98 98\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z\" fill=\"rgb(var(--white))\"/>\n          <path d=\"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z\" fill=\"rgb(var(--white))\"/>      \n        </svg>\n\n        <Loader v-else  class=\"pos-t-0 pos-l-0 i-small\"/>\n      </transition>\n\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n// Добавим новый проп для ключа API\nconst props = defineProps({\n  location: {\n    type: Object,\n    default: () => ({ lat: 15.8700, lng: 100.9925 })\n  },\n  address: {\n    type: String,\n    default: null\n  },\n  apiKey: String,\n  locale: {\n    type: String,\n    default: 'en'\n  }\n})\n\nconst emit = defineEmits(['update:location', 'update:address', 'update:country', 'update:state', 'update:city']);\n\nconst mapContainer = ref(null);\nconst locationLoading = ref(false);\n\nlet map, marker;\n\nonMounted(() => {\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {\n    map = new google.maps.Map(mapContainer.value, {\n      center: props.location,\n      zoom: 15,\n      mapTypeControl: false,\n      fullscreenControl: false,\n      disableDefaultUI: true\n    });\n\n    marker = new google.maps.Marker({\n      position: props.location,\n      map,\n      draggable: true,\n    });\n\n    marker.addListener(\"dragend\", (e) => {\n      const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };\n\n      emit('update:location', newLocation);\n\n      getAddressFromLocation(newLocation);\n    });\n  }).catch(e => {\n    console.error(e);\n  });\n});\n\nwatchEffect(() => {\n  if (props.location && marker) {\n    marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n  }\n});\n\nwatchEffect(() => {\n  if (props.location && map) {\n    const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);\n    \n    map.setCenter(newCenter);\n    map.setZoom(15);\n  }\n});\n\nfunction getAddressFromLocation(location) {\n  \n  const geocoder = new google.maps.Geocoder;\n\n  geocoder.geocode({ 'location': location }, (results, status) => {\n    if (status === 'OK') {\n      if (results[0]) {\n        emit('update:address', results[0].formatted_address);\n\n        let country = '', state = '', city = '';\n\n        results[0].address_components.forEach((addr) => {\n          if (addr.types.includes('country')) {\n            country = addr.long_name;\n          }\n          if (addr.types.includes('administrative_area_level_1')) {\n            state = addr.long_name;\n          }\n          if (addr.types.includes('locality')) {\n            city = addr.long_name;\n          }\n        });\n\n        emit('update:country', country);\n        emit('update:state', state);\n        emit('update:city', city);\n      } else {\n        console.error('No results found');\n      }\n    } else {\n      console.error('Geocoder failed due to: ' + status);\n    }\n  });\n}\n\n// Функция для установки местоположения пользователя\nasync function setUserLocation() {\n  locationLoading.value = true\n  \n  if (navigator.geolocation) {\n    navigator.geolocation.getCurrentPosition((position) => {\n      const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };\n      emit('update:location', newLocation);\n      getAddressFromLocation(newLocation);\n      locationLoading.value = false\n    }, () => {\n      console.error('Error getting location');\n      locationLoading.value = false\n    });\n  } else {\n    console.error('Geolocation is not supported by this browser.');\n    locationLoading.value = false\n  }\n}\n</script>\n\n\n<style >\n.my-location-button {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  z-index: 99;\n}\n\n.gm-style-cc { display:none; }\n\n\n</style>\n"],"names":["GMLoader"],"mappings":"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"}

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _sfc_main = {
+  __name: "Map",
+  props: {
+    location: Object,
+    apiKey: String,
+    locale: String
+  },
+  setup(__props) {
+    const props = __props;
+    let gmap = vue.ref(null);
+    let map = null;
+    let marker = null;
+    vue.onMounted(async () => {
+      const loader = new index.Loader({
+        apiKey: props.apiKey,
+        version: "weekly",
+        libraries: ["places"],
+        language: props.locale
+      });
+      loader.load().then(() => {
+        map = new google.maps.Map(gmap.value, {
+          zoom: 13,
+          center: {
+            lat: props.location.lat,
+            lng: props.location.lng
+          }
+        });
+        marker = new google.maps.Marker({
+          position: {
+            lat: props.location.lat,
+            lng: props.location.lng
+          },
+          map
+        });
+      }).catch((e) => {
+        console.error(e);
+      });
+    });
+    vue.watch(() => props.location, () => {
+      if (map && marker) {
+        marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));
+        map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));
+      }
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "gmap",
+        ref: gmap,
+        class: "gmap"
+      }, null, 512);
+    };
+  }
+};
+const Map = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b891021c"]]);
+exports.default = Map;
+//# sourceMappingURL=Map.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.vue.cjs","sources":["../../../../../src/components/Map/Map.vue"],"sourcesContent":["<template>\n  <div ref=\"gmap\" class=\"gmap\"></div>\n  \n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n  location: Object,\n  apiKey: String,\n  locale: String,\n});\n\nlet gmap = ref(null);\nlet map = null;\nlet marker = null;\n\nonMounted(async () => {\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {\n    map = new google.maps.Map(gmap.value, {\n      zoom: 13,\n      center: {\n        lat: props.location.lat,\n        lng: props.location.lng,\n      },\n    });\n\n    // Добавить маркер\n    marker = new google.maps.Marker({\n      position: {\n        lat: props.location.lat,\n        lng: props.location.lng,\n      },\n      map: map,\n    });\n }).catch(e => {\n    console.error(e);\n  });\n});\nwatch(() => props.location, () => {\n  if (map && marker) {\n    // Обновить позицию маркера\n    marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n\n    // Обновить центр карты\n    map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));\n  }\n}, { deep: true });\n\n</script>\n\n<style scoped>\n.gmap {\n  height: 100%;\n  width: 100%;\n}\n</style>\n"],"names":["ref","onMounted","GMLoader","watch"],"mappings":";;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAMd,QAAI,OAAOA,IAAG,IAAC,IAAI;AACnB,QAAI,MAAM;AACV,QAAI,SAAS;AAEbC,QAAAA,UAAU,YAAY;AACpB,YAAM,SAAS,IAAIC,aAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,KAAK,OAAO;AAAA,UACpC,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UACrB;AAAA,QACP,CAAK;AAGD,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,YACR,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UACrB;AAAA,UACD;AAAA,QACN,CAAK;AAAA,MACL,CAAE,EAAE,MAAM,OAAK;AACX,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;AACDC,QAAAA,MAAM,MAAM,MAAM,UAAU,MAAM;AAChC,UAAI,OAAO,QAAQ;AAEjB,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAGjF,YAAI,UAAU,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,MAChF;AAAA,IACA,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;;"}

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

@@ -0,0 +1,61 @@
+import { ref, onMounted, watch, createElementBlock, openBlock } from "vue";
+import { Loader } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  __name: "Map",
+  props: {
+    location: Object,
+    apiKey: String,
+    locale: String
+  },
+  setup(__props) {
+    const props = __props;
+    let gmap = ref(null);
+    let map = null;
+    let marker = null;
+    onMounted(async () => {
+      const loader = new Loader({
+        apiKey: props.apiKey,
+        version: "weekly",
+        libraries: ["places"],
+        language: props.locale
+      });
+      loader.load().then(() => {
+        map = new google.maps.Map(gmap.value, {
+          zoom: 13,
+          center: {
+            lat: props.location.lat,
+            lng: props.location.lng
+          }
+        });
+        marker = new google.maps.Marker({
+          position: {
+            lat: props.location.lat,
+            lng: props.location.lng
+          },
+          map
+        });
+      }).catch((e) => {
+        console.error(e);
+      });
+    });
+    watch(() => props.location, () => {
+      if (map && marker) {
+        marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));
+        map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));
+      }
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "gmap",
+        ref: gmap,
+        class: "gmap"
+      }, null, 512);
+    };
+  }
+};
+const Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b891021c"]]);
+export {
+  Map as default
+};
+//# sourceMappingURL=Map.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.vue.js","sources":["../../../../../src/components/Map/Map.vue"],"sourcesContent":["<template>\n  <div ref=\"gmap\" class=\"gmap\"></div>\n  \n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n  location: Object,\n  apiKey: String,\n  locale: String,\n});\n\nlet gmap = ref(null);\nlet map = null;\nlet marker = null;\n\nonMounted(async () => {\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {\n    map = new google.maps.Map(gmap.value, {\n      zoom: 13,\n      center: {\n        lat: props.location.lat,\n        lng: props.location.lng,\n      },\n    });\n\n    // Добавить маркер\n    marker = new google.maps.Marker({\n      position: {\n        lat: props.location.lat,\n        lng: props.location.lng,\n      },\n      map: map,\n    });\n }).catch(e => {\n    console.error(e);\n  });\n});\nwatch(() => props.location, () => {\n  if (map && marker) {\n    // Обновить позицию маркера\n    marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n\n    // Обновить центр карты\n    map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));\n  }\n}, { deep: true });\n\n</script>\n\n<style scoped>\n.gmap {\n  height: 100%;\n  width: 100%;\n}\n</style>\n"],"names":["GMLoader"],"mappings":";;;;;;;;;;;AAWA,UAAM,QAAQ;AAMd,QAAI,OAAO,IAAI,IAAI;AACnB,QAAI,MAAM;AACV,QAAI,SAAS;AAEb,cAAU,YAAY;AACpB,YAAM,SAAS,IAAIA,OAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,KAAK,OAAO;AAAA,UACpC,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UACrB;AAAA,QACP,CAAK;AAGD,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,YACR,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UACrB;AAAA,UACD;AAAA,QACN,CAAK;AAAA,MACL,CAAE,EAAE,MAAM,OAAK;AACX,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;AACD,UAAM,MAAM,MAAM,UAAU,MAAM;AAChC,UAAI,OAAO,QAAQ;AAEjB,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAGjF,YAAI,UAAU,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,MAChF;AAAA,IACA,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;"}

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

@@ -0,0 +1,210 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("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 = vue.ref(false);
+    const componentKey = vue.ref(0);
+    const cloneAmount = vue.ref(0);
+    const loopCounter = vue.ref(0);
+    const loopInterval = vue.ref(null);
+    const widthMin = vue.ref("100%");
+    const widthContainer = vue.ref(0);
+    const widthContent = vue.ref(0);
+    const heightMin = vue.ref("100%");
+    const heightContainer = vue.ref(0);
+    const heightContent = vue.ref(0);
+    const gradientLength = vue.ref("200px");
+    const verticalAnimationPause = vue.ref(false);
+    const marqueeContent = vue.ref(null);
+    const marqueeOverlayContainer = vue.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 = vue.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;
+      }
+    };
+    vue.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);
+    });
+    vue.onBeforeUnmount(() => {
+      clearInterval(loopInterval.value);
+    });
+    vue.watch(widthContent, async () => {
+      if (props.clone) {
+        ForcesUpdate();
+      }
+    });
+    vue.watch(widthContainer, async () => {
+      if (props.clone) {
+        ForcesUpdate();
+      }
+    });
+    vue.watch(
+      () => props.pause,
+      (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          if (newVal) {
+            emits("onResume");
+          } else {
+            emits("onPause");
+          }
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return ready.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["vue3-marquee", { vertical: __props.vertical, horizontal: !__props.vertical }]),
+        style: vue.normalizeStyle(getCurrentStyle.value),
+        key: componentKey.value,
+        onMouseenter: hoverStarted,
+        onMouseleave: hoverEnded,
+        onMousedown: mouseDown,
+        onMouseup: mouseUp
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["transparent-overlay", { vertical: __props.vertical, horizontal: !__props.vertical, overlay: __props.gradient }]),
+          ref_key: "marqueeOverlayContainer",
+          ref: marqueeOverlayContainer,
+          "aria-hidden": true
+        }, null, 2),
+        vue.createElementVNode("div", {
+          class: "marquee",
+          ref_key: "marqueeContent",
+          ref: marqueeContent
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 512),
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cloneAmount.value, (num) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: num,
+            "aria-hidden": true,
+            class: "marquee cloned"
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]);
+        }), 128))
+      ], 38)) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Marquee.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.vue.cjs","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":["ref","computed","onMounted","onBeforeUnmount","watch"],"mappings":"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"}