@ozdao/martyrs 0.2.452 → 0.2.453

package/dist/martyrs.es.js

@@ -1,4 +1,4 @@
-import { a as o, t, b as d, c as r, u as l, v as i, w as p, d as u, x as n, e as m, y as M, F as S, z as c, f as F, A as g, L as h, g as b, M as k, E as x, n as B, o as C, h as T, i as U, S as f, j as w, B as D, C as E, k as I, D as L, l as P, q, p as y, U as A, r as j, s as v, m as z } from "./main-DZCereaK.mjs";
+import { a as o, t, b as d, c as r, u as l, v as i, w as p, d as u, x as n, e as m, y as M, F as S, z as c, f as F, A as g, L as h, g as b, M as k, E as x, n as B, o as C, h as T, i as U, S as f, j as w, B as D, C as E, k as I, D as L, l as P, q, p as y, U as A, r as j, s as v, m as z } from "./main-7FA_ai95.mjs";
 import "vue";
 export {
   o as Address,

package/dist/style.css

@@ -955,50 +955,7 @@ div.vue-tags-input.disabled * {
 .slider-hotpost .embla__slide {
     flex: 0 0 75%;
 }
-}
-  /* Base layout styles */
-#app-wrapper {
-  position: relative;
-  width: 100%;
-  min-height: 100vh;
-}
-
-/* Layout with sidebar expanded */
-.content-with-sidebar {
-  margin-left: 18rem;
-  width: calc(100% - 18rem);
-  transition: all 0.3s ease-in-out;
-}
-
-/* Layout with sidebar collapsed */
-.content-full-width {
-  margin-left: 3rem; /* Width of collapsed sidebar with icons only */
-  width: calc(100% - 3rem);
-  transition: all 0.3s ease-in-out;
-}
-
-/* Mobile layout adjustments */
-@media (max-width: 768px) {
-.content-with-sidebar,
-  .content-full-width {
-    margin-left: 0 !important;
-    width: 100% !important;
-}
-  
-  /* When sidebar is expanded on mobile, we add overlay effect */
-.sidebar-expanded-layout::after {
-    content: '';
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 90;
-    transition: opacity 0.3s ease;
-}
-}
-.error-wrapper {
+}.error-wrapper {
   position: absolute;
   left: 0;
   right: 0;
@@ -1063,18 +1020,9 @@ div.vue-tags-input.disabled * {
   width: 33%;
   overflow-y: scroll;
 }
-.shop-cart .shopcart-footer {
-  position: fixed;
-  bottom: 0;
-  width: 33%;
-  right: -33%;
-}
 .shop-cart-active {
   right: 0;
 }
-.shop-cart-active .shopcart-footer {
-  right: 0;
-}
 @media screen and (max-width: 1025px) {
 .shop-cart {
     width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.452",
+  "version": "0.2.453",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/components/Feed/Feed.vue

@@ -24,7 +24,7 @@
       <BottomSheet
         :show="filter.active"
         @toggle="() => filter.active = false"
-        class="z-index-10 pos-fixed pos-t-0 pos-r-0"
+        class="z-index-10 pos-absolute pos-t-0 pos-r-0"
         :class="{
           'pos-t-0':  filter.active,
           'pos-t-100': !filter.active

package/src/modules/auth/views/components/layouts/Auth.vue

@@ -1,10 +1,10 @@
 <template>
   <div 
-  	class="cols-2-1_2 gap-small pd-small bg-white"
+  	class="cols-2-1_2 gap-small pd-small"
   >
 
     <router-view
-    	class="pd-big w-m-66r t-center" 
+    	class="pd-big mobile:pd-medium w-m-66r t-center" 
     	v-slot="{ Component, route }"
     >
       <transition 

package/src/modules/auth/views/components/pages/SignIn.vue

@@ -86,7 +86,7 @@
 		<Button 
 			:submit="onSubmit" 
 			:callback="redirectTo" 
-			class="w-100 bg-main mn-b-thin"
+			class="w-100 bg-main"
 		>
 			{{ t('signin') }}
 		</Button>

package/src/modules/globals/views/components/layouts/App.vue

@@ -1,26 +1,6 @@
 <template>
-  <transition 
-    name="moveFromTop" 
-    mode="out-in"
-  >
-    <section 
-      v-if="FirstUse && route.meta.walkthrough"
-      class="w-100 h-100" 
-     >
-      <component 
-        :is="route.meta.walkthrough"
-        name="Walkthrough"
-        @updateFirstUse="updateFirstUse" 
-        :slides="[1,2,3]" 
-        class="tab"
-      >
-      </component>
-    </section>
-  </transition>
-
   <router-view 
     v-slot="{ Component }"
-    class="transition-ease-in-out h-min-100 w-100 pos-relative"
   >
     <component ref="page" :is="Component"/>
   </router-view>
@@ -55,14 +35,13 @@
   /////////////////////////////
   // META
   /////////////////////////////
-  const { t, locale } = useI18n({
+  const { t, locale, availableLocales } = useI18n({
     messages: props.messages
   })
 
-
   const route = useRoute();
 
-  const languages = ['en', 'ru'];
+  const languages = availableLocales;
   const base_url = process.env.FILE_SERVER_URL;
 
   function removeTrailingSlash(url) {
@@ -113,80 +92,12 @@
   });
 
   useHead(metadata)
-  /////////////////////////////
-  // FIRST USE
-  /////////////////////////////
-  const FirstUse = ref(false);
-
-  import { Preferences } from '@capacitor/preferences';
-  import { Keyboard } from '@capacitor/keyboard';
-
-  if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) 
-
-  async function getFirstUse() {
-    const ret = await Preferences.get({ key: 'first-use' });
-    FirstUse.value = ret.value ? JSON.parse(ret.value) : true;
-  }
-
-  const updateFirstUse = (value) => {
-    FirstUse.value = value;
-  }
-
+ 
   onBeforeMount(async()=>{
     const { value } = await Preferences.get({ key: 'darkmode' });
+    
     const isDarkMode = value ? JSON.parse(value) : false;
     
-    // Устанавливаем тему
     globals.actions.setTheme(isDarkMode);
   })
-
-  onMounted(async () => {
-    await getFirstUse()
-    if (page) show.value = true
-  });
-</script>
-
-<style>
-  /* Base layout styles */
-#app-wrapper {
-  position: relative;
-  width: 100%;
-  min-height: 100vh;
-}
-
-/* Layout with sidebar expanded */
-.content-with-sidebar {
-  margin-left: 18rem;
-  width: calc(100% - 18rem);
-  transition: all 0.3s ease-in-out;
-}
-
-/* Layout with sidebar collapsed */
-.content-full-width {
-  margin-left: 3rem; /* Width of collapsed sidebar with icons only */
-  width: calc(100% - 3rem);
-  transition: all 0.3s ease-in-out;
-}
-
-/* Mobile layout adjustments */
-@media (max-width: 768px) {
-  .content-with-sidebar,
-  .content-full-width {
-    margin-left: 0 !important;
-    width: 100% !important;
-  }
-  
-  /* When sidebar is expanded on mobile, we add overlay effect */
-  .sidebar-expanded-layout::after {
-    content: '';
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 90;
-    transition: opacity 0.3s ease;
-  }
-}
-</style>
+</script>

package/src/modules/globals/views/components/layouts/Client.vue

@@ -1,7 +1,7 @@
 <template>
 	<div 
 		id="app-wrapper"
-		class="pos-relative o-hidden"
+		class="flex flex-column h-100 w-100 pos-relative o-hidden"
 		:class="{
   		'pd-t-extra': MOBILE_APP === 'ios',  
 			'bg-white': headerTheme === 'light',
@@ -11,7 +11,27 @@
 		<transition name="moveFromTop" appear>
 			<Loader v-if="!page || isPageLoading" class="pos-fixed"/>
 		</transition>
-	
+
+
+	  <transition 
+	    name="moveFromTop" 
+	    mode="out-in"
+	  >
+	    <section 
+	      v-if="FirstUse && route.meta.walkthrough"
+	      class="w-100 h-100" 
+	     >
+	      <component 
+	        :is="route.meta.walkthrough"
+	        name="Walkthrough"
+	        @updateFirstUse="updateFirstUse" 
+	        :slides="[1,2,3]" 
+	        class="tab"
+	      >
+	      </component>
+	    </section>
+	  </transition>
+
     <component
 			v-if="!MOBILE_APP && route.meta.header"
       ref="header" 
@@ -48,11 +68,12 @@
 	  	<LocationSelection />
 	  </Popup>
 
+	  <!-- class="flex flex-nowrap transition-ease-in-out o-hidden pos-relative" -->
 		<section 
 			id="screen" 
 			ref="screen"
 			@scroll="handleScroll"
-			class="flex flex-nowrap transition-ease-in-out o-hidden pos-relative"
+			class="flex flex-nowrap h-100 pos-relative o-hidden  transition-ease-in-out"
 			:class="{
 				'': MOBILE_APP === 'ios',
       }"
@@ -91,7 +112,7 @@
 		      />
 	      </transition>
 	    </component>
-		  
+		  <!-- rows-1-min0_max1 z-index-1 pos-relative w-100 h-100 -->
 		  <div class="rows-1-min0_max1 z-index-1 pos-relative w-100 h-100">
   			<Status 
 					v-if="globals.state.error.show" 
@@ -229,9 +250,28 @@
 	const handleScroll = () => {
 	  scrollOffset.value = event.target.scrollTop
 	};
+/////////////////////////////
+  // FIRST USE
+  /////////////////////////////
+  const FirstUse = ref(false);
+
+  import { Preferences } from '@capacitor/preferences';
+  import { Keyboard } from '@capacitor/keyboard';
+
+  if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) 
+
+  async function getFirstUse() {
+    const ret = await Preferences.get({ key: 'first-use' });
+    FirstUse.value = ret.value ? JSON.parse(ret.value) : true;
+  }
+
+  const updateFirstUse = (value) => {
+    FirstUse.value = value;
+  }
 
 	onMounted(async () => {
-		 
+	  await getFirstUse()
+
 		// if ('serviceWorker' in navigator) {
 	  //  	window.addEventListener('load', () => {
 	  //    	navigator.serviceWorker.register('/service-worker.js').then(registration => {

package/src/modules/globals/views/mixins/mixins.js

@@ -2,7 +2,7 @@ import * as globals from '@martyrs/src/modules/globals/views/store/globals'
 
 // useGlobalMixins.js
 export function useGlobalMixins() {
-  const isClientSide = typeof window !== 'undefined'
+
 
   const isAdmin = (roles) => {
     if (roles) {
@@ -192,6 +192,8 @@ const formatDate = (d, options = {}) => {
     return base;
   }
 
+  const isClientSide = typeof window !== 'undefined' && typeof document !== 'undefined'
+
   const getCssVar = (name) => {
     if (!isClientSide) return '' // SSR fallback
     return getComputedStyle(document.documentElement)
@@ -199,35 +201,50 @@ const formatDate = (d, options = {}) => {
       .trim()
   }
 
+  const matchMediaSafe = (query) => {
+    if (!isClientSide) return { matches: false }
+    return window.matchMedia(query)
+  }
+
   const isMediaMax = (varName) => {
-    if (!isClientSide) return false
     const maxWidth = getCssVar(varName)
-    return window.matchMedia(`(max-width: ${maxWidth})`).matches
+    return matchMediaSafe(`(max-width: ${maxWidth})`).matches
   }
 
   const isMediaMin = (varName) => {
-    if (!isClientSide) return false
     const minWidth = getCssVar(varName)
-    return window.matchMedia(`(min-width: ${minWidth})`).matches
+    return matchMediaSafe(`(min-width: ${minWidth})`).matches
   }
 
-
   const isFlipPhone = () => isMediaMax('--flip-phone-max')
   const isPhone = () => isMediaMax('--phone-landscape-max')
-  const isTabletPortrait = () => window.matchMedia(
-    `(min-width: ${getCssVar('--tablet-portrait-min')}) and (max-width: ${getCssVar('--tablet-portrait-max')})`
-  ).matches
-  const isTabletLandscape = () => window.matchMedia(
-    `(min-width: ${getCssVar('--tablet-landscape-min')}) and (max-width: ${getCssVar('--tablet-landscape-max')})`
-  ).matches
+
+  const isTabletPortrait = () => {
+    const min = getCssVar('--tablet-portrait-min')
+    const max = getCssVar('--tablet-portrait-max')
+    return matchMediaSafe(`(min-width: ${min}) and (max-width: ${max})`).matches
+  }
+
+  const isTabletLandscape = () => {
+    const min = getCssVar('--tablet-landscape-min')
+    const max = getCssVar('--tablet-landscape-max')
+    return matchMediaSafe(`(min-width: ${min}) and (max-width: ${max})`).matches
+  }
+
   const isTablet = () => isTabletPortrait() || isTabletLandscape()
 
-  const isDesktop = () => window.matchMedia(
-    `(min-width: ${getCssVar('--desktop-min')}) and (max-width: ${getCssVar('--desktop-max')})`
-  ).matches
-  const isXLDesktop = () => window.matchMedia(
-    `(min-width: ${getCssVar('--xl-desktop-min')}) and (max-width: ${getCssVar('--xl-desktop-max')})`
-  ).matches
+  const isDesktop = () => {
+    const min = getCssVar('--desktop-min')
+    const max = getCssVar('--desktop-max')
+    return matchMediaSafe(`(min-width: ${min}) and (max-width: ${max})`).matches
+  }
+
+  const isXLDesktop = () => {
+    const min = getCssVar('--xl-desktop-min')
+    const max = getCssVar('--xl-desktop-max')
+    return matchMediaSafe(`(min-width: ${min}) and (max-width: ${max})`).matches
+  }
+
   const isXXLDesktop = () => isMediaMin('--xxl-desktop-min')
 
 

package/src/modules/icons/logos/Logotype.vue

@@ -1,5 +1,5 @@
 <template>
-  <svg class="h-2r w-max" width="270" height="300" viewBox="0 0 270 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg class="h-2r w-auto" width="270" height="300" viewBox="0 0 270 300" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0)">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M264.626 52.2791C265.531 57.2858 266 62.4066 266 67.6155C266 125.882 207.349 173.116 135 173.116C62.6507 173.116 4 125.882 4 67.6155C4 62.4066 4.46875 57.2858 5.37413 52.2791C11.0997 32.6306 21.1714 14.8341 34.4789 0C34.1621 2.17658 34 4.38345 34 6.61562C34 43.8948 79.2192 74.1156 135 74.1156C190.781 74.1156 236 43.8948 236 6.61562C236 4.38345 235.838 2.17659 235.521 5.29254e-06C248.829 14.8341 258.9 32.6306 264.626 52.2791Z" fill="#00FF88"/>
       <path d="M270 165C270 239.558 209.558 300 135 300C60.4416 300 0 239.558 0 165C0 90.4416 60.4416 30 135 30C209.558 30 270 90.4416 270 165Z" fill="#00FF88"/>

package/src/modules/marketplace/views/components/pages/Catalog.vue

@@ -2,9 +2,7 @@
 	<Feed
 		v-model:sort="marketplace.state.sort"
 		v-model:filter="marketplace.state.filter"
-    :search="{
-    	autofocus:true
-    }"
+    :search="true"
     :showLoadMore="false"
     :states="{
       empty: {

package/src/modules/orders/components/partials/ShopCart.vue

@@ -1,9 +1,9 @@
 <template>
-	<section class="z-index-5 transition-ease-in-out pd-big mobile:pd-medium bg-white shop-cart" :class="{'shop-cart-active':shopcart.state.currentState === true}">
+	<section class="z-index-5 flex flex-column  transition-ease-in-out bg-white shop-cart" :class="{'shop-cart-active':shopcart.state.currentState === true}">
     <!-- ---------------------------------------------------------------- -->
     <!-- 01. Popup Header  -->
     <!-- ---------------------------------------------------------------- -->
-    <div class="flex-nowrap flex">
+    <div class="pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex">
       <div class="mn-b-medium w-100">
         <h4 class="mn-b-thin p-big">{{t('title')}}</h4>
         <p class="t-transp p-small">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>
@@ -13,7 +13,7 @@
     <!-- ---------------------------------------------------------------- -->
     <!-- 02. Popup Content  -->
     <!-- ---------------------------------------------------------------- -->
-    <div class="h-100 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content">
+    <div class="pd-big mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content">
       <!-- Empty State -->
       <p v-if="!(shopcart.state.positions.length > 0)" class="mn-t-medium"><i>{{t('emptystate')}}</i></p>
       <!-- Shopcart positions -->
@@ -31,7 +31,7 @@
     <!-- ---------------------------------------------------------------- -->
     <!-- 03. Footer  -->
     <!-- ---------------------------------------------------------------- -->
-    <div  class="shopcart-footer transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black">
+    <div  class="h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black">
       <div v-if="shopcart.state.positions.length > 0" class="mn-b-small total-price">
        <PriceTotal 
           :totalPrice="cartTotalPrice"
@@ -146,22 +146,11 @@
   width: 33%;
 
   overflow-y: scroll; 
-
-  .shopcart-footer {
-    position: fixed;
-    bottom: 0;
-    
-    width: 33%;
-    right: -33%;
-  }
 }
 
 .shop-cart-active {
   right: 0;
 
-  .shopcart-footer {
-    right: 0;
-  }
 }
 
 @media screen and (max-width: 1025px) {

package/src/modules/orders/store/shopcart.js

@@ -26,7 +26,6 @@ const helpers = {
       images: product.images,
       name: product.name,
       price: product.price,
-      price_currency: product.price_currency,
       listing: product.listing,
       quantity: 1,
       org_id: organization,
@@ -155,7 +154,6 @@ const actions = {
         name: product.name,
         listing: product.listing,
         price: product.price,
-        price_currency: product.price_currency,
         quantity: 1,
         date: date, 
         org_id: organization, // Добавляем _id организации к каждому продукту

package/src/styles/base/borders.scss

@@ -27,7 +27,13 @@ body {
 	}
 
 	// Border Clasess
-	.br-zero {  border-width: 0 }
+	.br-zero { 
+		border-width: 0;
+		border-top-width: 0;
+		border-right-width: 0;
+		border-bottom-width: 0;
+		border-left-width: 0;
+	}
 	.br-1px { border-width: 1px; }
 	.br-2px { border-width: 2px; }
 	/* Border style */

package/src/styles/layout.scss

@@ -2,20 +2,6 @@
 	box-sizing: border-box;
 }
 
-/*img {
-  flex: 0 0 35%;
-  min-width: 0;
-  object-fit: cover;
-}*/
-
-html, body {
-	position: relative;
-	width: 100vh;
-	height: 100vh;
-	overscroll-behavior: none;
-}
-
-
 html {
 	backface-visibility: hidden;
 	text-rendering: geometricPrecision;
@@ -26,41 +12,17 @@ html {
 body {
 	background: rgb(var(--white));
 	color: rgb(var(--black));; 
-	// -ms-overflow-style: none;
-	// overflow-y: hidden;
-	// overflow-x: hidden;
 }
 
 html,
-body {
+body,
+#app,
+ {
   position: relative;
   width: 100%;
   height: 100%;
-  // overflow-x: hidden;
 }
 
-#app {
-	position: relative;
-	width: 100%;
-	height: 100%;
-	overflow: hidden;
-}
-
-#app-wrapper {
-	// display: grid;
-	// grid-template-rows: minmax(1px, auto) 1fr;
-	display: flex;
-	flex-direction: column;
-	position: relative;
-	height: 100%;
-	width: 100%;
-}
-
-#screen {
-	// min-height: 100%;
-	flex: 1 0 auto; /* Enable flex grow */
-  height: 0;
-}
 
 // TURN OFF SCROLL AND CUROURS
 // * {

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.vue.js","sources":["../../../../../src/components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div class=\"circular-loader\" :class=\"{ 'circular-loader-centered': centered }\">\n    <svg viewBox=\"25 25 50 50\">\n      <circle class=\"circular-loader-fill\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n      <circle class=\"circular-loader-circle\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n    </svg>\n    <div v-if=\"progress\" class=\"progress-text\">{{ progress }}</div>\n    <div v-if=\"status\" class=\"uppercase t-semi w-m-10r status-text\">{{ status }}</div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    progress: {\n      type: Number,\n      default: null,\n    },\n    status: {\n      type: String,\n      default: null,\n    },\n    centered: {\n      type: Boolean,\n      default: true, // По умолчанию лоадер центрирован (для обратной совместимости)\n    },\n  },\n};\n</script>\n\n<style>\n.circular-loader {\n  position: relative;\n  z-index: 50;\n  height: 2rem;\n  width: 2rem;\n}\n\n.circular-loader-centered {\n  top: calc(50% - 1rem);\n  left: calc(50% - 1rem);\n}\n\n.circular-loader svg {\n  animation: rotate 2s linear infinite;\n}\n\n.circular-loader-circle {\n  stroke-dasharray: 1, 200;\n  stroke-dashoffset: 0;\n  stroke-linecap: round;\n  stroke: rgb(var(--main));\n  animation: dash 1.5s ease-in-out infinite;\n}\n\n.circular-loader-fill {\n  stroke-linecap: round;\n  stroke: rgba(var(--black),0.2);\n}\n\n.progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 0.8rem;\n  color: rgb(var(--main));;\n}\n\n.status-text {\n  position: absolute;\n  top: 120%;\n  left: calc(50% - 5rem);\n  font-size: 0.8rem;\n  width: 10rem !important;\n  text-align: center;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: -124;\n  }\n}\n</style>"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAYA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IACV;AAAA,EACF;AACH;;EA3BA,KAAA;AAAA,EAMyB,OAAM;;;EAN/B,KAAA;AAAA,EAOuB,OAAM;;;sBAN3BA,mBAOM,OAAA;AAAA,IAPD,OADPC,eAAA,CACa,mBAAiB,EAAA,4BAAuC,OAAQ,UAAA,CAAA;AAAA;8BACzEC,mBAGM,OAAA,EAHD,SAAQ,iBAAa;AAAA,MACxBA,mBAAkH,UAAA;AAAA,QAA1G,OAAM;AAAA,QAAuB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;MAC3GA,mBAAoH,UAAA;AAAA,QAA5G,OAAM;AAAA,QAAyB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;;IAEpG,OAAQ,yBAAnBF,mBAA+D,OAA/D,YAA+DG,gBAAjB,OAAQ,QAAA,GAAA,CAAA,KAN1DC,mBAAA,IAAA,IAAA;AAAA,IAOe,OAAM,uBAAjBJ,mBAAkF,OAAlF,YAAkFG,gBAAf,OAAM,MAAA,GAAA,CAAA,KAP7EC,mBAAA,IAAA,IAAA;AAAA;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Popup.vue.js","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n\t\t<transition name=\"moveFromTop\">\n\t\t\t<teleport to=\"body\" v-if=\"isPopupOpen\">\n\t\t\t\t<div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"pd-small z-index-6 popup-wrapper\"\n\t\t\t\t\t:class=\"{\n  \t\t\t\t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t\t}\"\n\t\t\t\t>\n\n\t\t\t\t\t<transition name=\"TransitionTranslateY\" mode=\"out-in\">\n\t\t\t\t\t\t<section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n\t\t\t\t\t\t\t\t<h4 v-if=\"title\" class=\"mn-b-small\">{{title}}</h4>\n\t\t\t\t\t\t\t\t<IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5\"/>\n\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</section>  \n\t\t\t\t\t</transition>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\t@click=\"closePopup()\" \n\t\t\t\t    :class=\"{'active':isPopupOpen === true}\" \n\t\t\t\t    class=\"color-overlay z-index-3\">\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\t\t</teleport>\n\t</transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n  \ttype: Boolean,\n\t  default: false\n  },\n  style: String,\n  title: String,\n});\nconst emits = defineEmits(['close-popup'])\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  \tmessages: {\n\t    en: {},\n\t    ru: {}\n\t}\n}\nconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\t.no-scroll {\n\t  overflow: hidden;\n\t}\n\n\t.popup-wrapper {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\tz-index: 40;\n\n\t\t.popup {\n\t\t\tposition: absolute;\n\t\t\theight: auto;\n\t\t\tpadding: 2rem;\n\t\t\tmin-width: 24rem;\n\t\t\tborder-radius: 2rem;\n\t\t\toverflow: hidden;\n\n\t\t\tcolor: white;\n\t\t\tbackground: black;\n\n\t\t\tz-index: 40;\n\t\t}\n\t}\n\n\t.color-overlay {\n\t\tdisplay: block;\n\t\tposition: fixed;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tbackground: rgba(0,0,0,0.0);\n\t\tpointer-events: none;\n\n\t\ttransform: scale(1.5);\n\n\t\ttransition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n\n\t\t&.active {\n\t\t\tbackground: rgba(#000,0.25);\n\t\t\tpointer-events: all;\n\t\t}\n\t}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAEd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEA,UAAM,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGa,aAAQ;AACP,cAAS;AAExB,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,IAAI,CAAE;AAAA,QACN,IAAI,CAAA;AAAA,MACT;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}