@ozdao/martyrs 0.2.543 → 0.2.545

package/dist/martyrs.es.js

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

package/dist/style.css

@@ -795,7 +795,7 @@ button[data-v-2ba40647]:disabled {
   background: white;
 }
 
-.filters-content[data-v-c337ccbe] {
+.filters-content[data-v-d582f4fc] {
   max-height: 60vh;
   overflow-y: auto;
 }
@@ -2537,10 +2537,10 @@ to { opacity: 1; transform: translateY(0);
     min-width: 0;
 }
 }
-.discount-card[data-v-e5d1ccd1] {
+.discount-card[data-v-e985863b] {
   transition: all 0.2s ease;
 }
-.discount-card[data-v-e5d1ccd1]:hover {
+.discount-card[data-v-e985863b]:hover {
   border-color: rgb(var(--main));
 }
 
@@ -3464,10 +3464,10 @@ html.barcode-scanner-active-html {
 .order-card .block {
   border-radius: 0;
   border: 0;
-}.blink[data-v-83eadb3a] {
-  animation: blink-animation-83eadb3a 1s ease infinite;
+}.blink[data-v-895f54da] {
+  animation: blink-animation-895f54da 1s ease infinite;
 }
-@keyframes blink-animation-83eadb3a {
+@keyframes blink-animation-895f54da {
 0%, 100% {
     opacity: 1;
 }

package/dist/{web-C6njYH1C.js → web-BkaOiiSn.js}

@@ -1,4 +1,4 @@
-import { W as p } from "./main-DUwlesGq.js";
+import { W as p } from "./main-d9n_ibdE.js";
 class f extends p {
   constructor() {
     super(...arguments), this.group = "CapacitorStorage";

package/dist/{web-CVdyxtLD.cjs → web-CROHFHoW.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./main-BNdv8Ji-.cjs");class p extends c.WebPlugin{constructor(){super(...arguments),this.group="CapacitorStorage"}async configure({group:e}){typeof e=="string"&&(this.group=e)}async get(e){return{value:this.impl.getItem(this.applyPrefix(e.key))}}async set(e){this.impl.setItem(this.applyPrefix(e.key),e.value)}async remove(e){this.impl.removeItem(this.applyPrefix(e.key))}async keys(){return{keys:this.rawKeys().map(t=>t.substring(this.prefix.length))}}async clear(){for(const e of this.rawKeys())this.impl.removeItem(e)}async migrate(){var e;const t=[],s=[],n="_cap_",o=Object.keys(this.impl).filter(i=>i.indexOf(n)===0);for(const i of o){const r=i.substring(n.length),a=(e=this.impl.getItem(i))!==null&&e!==void 0?e:"",{value:l}=await this.get({key:r});typeof l=="string"?s.push(r):(await this.set({key:r,value:a}),t.push(r))}return{migrated:t,existing:s}}async removeOld(){const e="_cap_",t=Object.keys(this.impl).filter(s=>s.indexOf(e)===0);for(const s of t)this.impl.removeItem(s)}get impl(){return window.localStorage}get prefix(){return this.group==="NativeStorage"?"":`${this.group}.`}rawKeys(){return Object.keys(this.impl).filter(e=>e.indexOf(this.prefix)===0)}applyPrefix(e){return this.prefix+e}}exports.PreferencesWeb=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./main-8f945Ngn.cjs");class p extends c.WebPlugin{constructor(){super(...arguments),this.group="CapacitorStorage"}async configure({group:e}){typeof e=="string"&&(this.group=e)}async get(e){return{value:this.impl.getItem(this.applyPrefix(e.key))}}async set(e){this.impl.setItem(this.applyPrefix(e.key),e.value)}async remove(e){this.impl.removeItem(this.applyPrefix(e.key))}async keys(){return{keys:this.rawKeys().map(t=>t.substring(this.prefix.length))}}async clear(){for(const e of this.rawKeys())this.impl.removeItem(e)}async migrate(){var e;const t=[],s=[],n="_cap_",o=Object.keys(this.impl).filter(i=>i.indexOf(n)===0);for(const i of o){const r=i.substring(n.length),a=(e=this.impl.getItem(i))!==null&&e!==void 0?e:"",{value:l}=await this.get({key:r});typeof l=="string"?s.push(r):(await this.set({key:r,value:a}),t.push(r))}return{migrated:t,existing:s}}async removeOld(){const e="_cap_",t=Object.keys(this.impl).filter(s=>s.indexOf(e)===0);for(const s of t)this.impl.removeItem(s)}get impl(){return window.localStorage}get prefix(){return this.group==="NativeStorage"?"":`${this.group}.`}rawKeys(){return Object.keys(this.impl).filter(e=>e.indexOf(this.prefix)===0)}applyPrefix(e){return this.prefix+e}}exports.PreferencesWeb=p;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.543",
+  "version": "0.2.545",
   "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/builder/modes/ssr.prod.js

@@ -42,6 +42,7 @@ export default function createSsrProdServer(projectRoot, configs, createServer)
       }
 
       const initialState = JSON.stringify(state);
+      const loadedModulesJson = JSON.stringify(loadedModules || []);
 
       // Используем loadedModules если они есть, иначе usedModules
       const modulesToLoad = loadedModules || usedModules || [];
@@ -55,6 +56,7 @@ export default function createSsrProdServer(projectRoot, configs, createServer)
         head,
         body,
         initialState,
+        loadedModulesJson,
       });
       
       // Обрабатываем HTML через Beasties для извлечения критического CSS

package/src/builder/modes/ssr.rspack.dev.js

@@ -120,6 +120,7 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
       }
 
       const initialState = JSON.stringify(state);
+      const loadedModulesJson = JSON.stringify(loadedModules || []);
 
       let completeHtml = await renderHtml({
         appHtml: html,
@@ -127,6 +128,7 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
         head,
         body,
         initialState,
+        loadedModulesJson,
       });
       
       // Обрабатываем HTML через Beasties для извлечения критического CSS

package/src/builder/templates/page.js

@@ -25,6 +25,10 @@ export default `
       <script type="application/json" data-state>
         {{{ initialState }}}
       </script>
+
+      <script type="application/json" data-loaded-modules>
+        {{{ loadedModulesJson }}}
+      </script>
       
       {{{ meta.body }}} {{{ body }}}
       

package/src/builder/templates/screen.js

@@ -31,6 +31,10 @@ export default `
         {{{ initialState }}}
       </script>
 
+      <script type="application/json" data-loaded-modules>
+        {{{ loadedModulesJson }}}
+      </script>
+
       <script>
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}

package/src/modules/events/components/pages/Event.vue

@@ -143,8 +143,10 @@ import * as tickets from '@martyrs/src/modules/events/store/tickets.js';
 import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
 
 import { useRoute } from 'vue-router';
+import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';
 
 const route = useRoute();
+const { returnCurrency, formatDate } = useGlobalMixins();
 const qrcode = ref(null);
 
 const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {

package/src/modules/globals/views/classes/globals.app.js

@@ -1,5 +1,5 @@
 // client-factory.js - фабрика для создания клиентского приложения
-import { createApp as createVueApp, createSSRApp as createVueSSRApp } from 'vue';
+import { nextTick, createApp as createVueApp, createSSRApp as createVueSSRApp } from 'vue';
 import { createHead } from '@unhead/vue';
 
 export function createUniversalApp({
@@ -72,7 +72,13 @@ export function createUniversalApp({
       
       // Загружаем только критические модули синхронно
       const initCriticalModules = async () => {
-        // Критические модули одинаковые для всех проектов
+        // Если это SSR гидратация - модули загрузятся в renderAndMountApp
+        const isSSRHydration = typeof window !== 'undefined' && !process.env.MOBILE_APP;
+        if (isSSRHydration) {
+          return;
+        }
+        
+        // Для SPA и сервера загружаем как обычно
         const criticalModules = ['globals', 'auth', 'organizations', 'backoffice'];
         
         for (const moduleName of criticalModules) {
@@ -87,17 +93,63 @@ export function createUniversalApp({
       
       // Router guard для загрузки модулей ДО навигации (только на клиенте)
       if (typeof window !== 'undefined') {
+        const originalPush = router.push.bind(router);
+        const originalReplace = router.replace.bind(router);
+
+        async function paintNow() {
+          await nextTick();                           // flush реактивки в DOM
+          await new Promise(requestAnimationFrame);   // кадр layout/style
+          await new Promise(requestAnimationFrame);   // кадр отрисовки
+          // иногда в WebView помогает ещё макротаск
+          await new Promise(r => setTimeout(r, 0));
+        }
+
+        router.push = async (...args) => {
+          // Включаем лоадер
+          store.globals.state.loading = true;
+          
+          // Даем браузеру отрисовать лоадер
+          await paintNow();
+          
+          // Запускаем навигацию асинхронно, чтобы не блокировать UI
+          setTimeout(() => {
+            originalPush(...args);
+          }, 0);
+          
+          // Возвращаем промис для совместимости
+          return Promise.resolve();
+        };
+
+        // router.replace = async (...args) => {
+        //   // Включаем лоадер
+        //   store.globals.state.loading = true;
+          
+        //   // Даем браузеру отрисовать лоадер
+        //   await paintNow();
+          
+        //   // Запускаем навигацию асинхронно
+        //   setTimeout(() => {
+        //     originalReplace(...args);
+        //   }, 0);
+          
+        //   return Promise.resolve();
+        // };
+
         router.beforeEach(async (to, from) => {
-          // Получаем модули для маршрута
-          const requiredModules = moduleRegistry.getModulesForRoute(to.path);
+          // Получаем оригинальный путь ДО fallback редиректа на 404
+          // Это критически важно для SSR гидратации вложенных роутов!
+          const target = to.redirectedFrom || to;
+          
+          // Используем оригинальный путь для определения нужных модулей
+          const requiredModules = moduleRegistry.getModulesForRoute(target.path);
           
           // Проверяем, какие модули еще не загружены
           const modulesToLoad = requiredModules.filter(m => !moduleRegistry.initialized.has(m.name));
           
           if (modulesToLoad.length > 0) {
-            // Показываем глобальный лоадер
-            if (store.globals && store.globals.state) {
-              store.globals.state.loading = true;
+            // Логируем если это редирект с 404 (для отладки)
+            if (to.redirectedFrom) {
+              console.log('[Router] Loading modules for redirected path:', target.path, 'modules:', modulesToLoad.map(m => m.name));
             }
             
             // Загружаем и инициализируем модули
@@ -110,14 +162,17 @@ export function createUniversalApp({
               }
             }
             
-            // Лоадер остается включенным - страница сама выключит через globals.state.loading = false
-            
             // После загрузки модулей и регистрации их роутов,
-            // возвращаем тот же путь для повторной навигации с новыми роутами
-            return to.fullPath;
+            // возвращаем объект с оригинальным путем и replace: true
+            // Это заставит роутер заново резолвить маршрут с новыми роутами
+            return { path: target.fullPath, replace: true };
           }
         });
       }
+
+      router.beforeResolve(async (to, from) => {
+           store.globals.state.loading = false;
+      })
       
       // Error handler для lazy loaded chunks
       if (typeof window !== 'undefined') {
@@ -178,6 +233,7 @@ export function createUniversalApp({
           i18n,
           meta,
           moduleRegistry,
+          config,
         };
       };
       
@@ -201,11 +257,11 @@ export function createUniversalApp({
       }
       
       
-      // if (typeof window === 'undefined') {
-      //   moduleRegistry.initialized.clear();
-      //   moduleRegistry.modules.clear();
-      //   moduleRegistry.loadingPromises.clear();
-        
+      if (typeof window === 'undefined') {
+        moduleRegistry.initialized.clear();
+        moduleRegistry.modules.clear();
+        moduleRegistry.loadingPromises.clear();
+      }
       //   // На сервере загружаем auth для SSR рендеринга (vue-app-renderer требует его)
       //   const context = { app, store, router, config };
       //   await moduleRegistry.load('globals', context);
@@ -274,38 +330,10 @@ export function createUniversalApp({
           hooks.afterHydration({ app, router, store, moduleRegistry });
         }
         
-        // Создаем context для загрузки модулей
-        const context = { app, store, router, config };
-        
-        // Загружаем auth модуль сразу - он критичен
-        moduleRegistry.load('auth', context).then(() => {
-            // Загружаем важные модули в следующем тике
-            setTimeout(async () => {
-              try {
-                await Promise.all([
-                  moduleRegistry.load('organizations', context),
-                  moduleRegistry.load('backoffice', context),
-                ]);
-              } catch (error) {
-                console.error('Error loading core modules:', error);
-              }
-            }, 0);
-            
-            // Загружаем некритичные модули когда браузер idle
-            requestIdleCallback(async () => {
-              try {
-                await moduleRegistry.load('notifications', context);
-                // Маркер для тестов
-                if (typeof window !== 'undefined') {
-                  window.performance.mark('client-ready');
-                }
-              } catch (error) {
-                console.error('Error loading non-critical modules:', error);
-              }
-            });
-        }).catch(error => {
-          console.error('Error loading auth module:', error);
-        });
+        // Модули уже загружены в renderAndMountApp, просто ставим маркер
+        if (typeof window !== 'undefined') {
+          window.performance.mark('client-ready');
+        }
       }).catch(error => {
         console.error('Hydration failed:', error);
       });

package/src/modules/globals/views/components/blocks/PopupDateSelector.vue

@@ -60,6 +60,7 @@ import IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.
 import PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue'
 // Import the store actions
 import * as rents from '@martyrs/src/modules/rents/views/store/rents.store.js'
+import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'
 
 const props = defineProps({
   productId: { type: String, required: true },
@@ -84,6 +85,7 @@ const { t } = useI18n({
     }
   }
 })
+const { returnCurrency } = useGlobalMixins()
 
 const selectedDates = ref({ start: null, end: null })
 const availabilityData = ref([])

package/src/modules/globals/views/components/sections/Filters.vue

@@ -233,7 +233,7 @@ const selected = defineModel('selected', {
 
 const emit = defineEmits(['select'])
 
-const { formatDate } = useGlobalMixins()
+const { formatDate, returnCurrency } = useGlobalMixins()
 
 // State
 const showAllFilters = ref(false)

package/src/modules/globals/views/utils/vue-app-renderer.js

@@ -4,7 +4,31 @@ import { renderToString } from '@vue/server-renderer';
 
 export function renderAndMountApp({ createApp, hooks = {} }) {
   const start = async () => {
-    const { app, router, store, moduleRegistry } = await createApp();
+    const { app, router, store, moduleRegistry, config } = await createApp();
+    
+    let serverModules = [];
+    
+    // Загружаем модули которые были загружены на сервере
+    if (typeof window !== 'undefined') {
+      try {
+        const modulesElement = document.querySelector('[data-loaded-modules]');
+        if (modulesElement) {
+          serverModules = JSON.parse(modulesElement.innerHTML);
+        }
+      } catch (e) {
+        console.error('Failed to parse loaded modules', e);
+      }
+      
+      const context = { app, store, router, config };
+      for (const moduleName of serverModules) {
+        try {
+          await moduleRegistry.load(moduleName, context);
+          await moduleRegistry.initialize(moduleName, context);
+        } catch (error) {
+          console.error(`Failed to load module ${moduleName}:`, error);
+        }
+      }
+    }
     
     // Call beforeHydration hook if provided
     if (hooks.beforeHydration) {

package/src/modules/landing/components/sections/SectionGuide.vue

@@ -5,11 +5,11 @@
       <p v-if="te('subtitle')" class="t-transp p-semi w-m-60r">{{t('subtitle')}}</p>
     </div>
     <div class="cols-1">
-      <Spoiler v-for="item in tm('FAQ')" :key="item.title" class="br-white-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin">
+      <Spoiler v-for="item in tm('FAQ')" :key="item.title" class="br-grey-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin">
         <template #header="{ isOpen }">
           <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
             <h3 class="w-100">{{item.title}}</h3>
-            <IconChevronBottom :class="{ 'rotate-180': isOpen }" fill="rgb(var(--white))" class="i-semi"/>
+            <IconChevronBottom :class="{ 'rotate-180': isOpen }" fill="rgba(var(--grey),0.5)" class="i-semi"/>
           </div>
         </template>
         <template #content>

package/src/modules/orders/components/blocks/CardOrderItem.vue

@@ -95,10 +95,12 @@ import IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'
 import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'
 import IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'
 import PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'
+import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'
 
 const router = useRouter()
 const { locale } = useI18n()
 const { proxy } = getCurrentInstance()
+const { returnCurrency, formatDate } = useGlobalMixins()
 
 const emits = defineEmits(['increase', 'decrease', 'remove', 'updateRentDates'])
 const props = defineProps({

package/src/modules/orders/components/blocks/CardOrderVar1.vue

@@ -94,4 +94,15 @@
             <div v-if="order.comment"  class="bg-fifth-transp-10 pd-thin">
               <p class="t-truncate">Comment: {{order.comment}}</p>
             </div>
-      </router-link>
+      </router-link>
+</template>
+
+<script setup>
+import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'
+
+const { returnCurrency } = useGlobalMixins()
+
+defineProps({
+  order: Object
+})
+</script>

package/src/modules/orders/components/pages/OrderBackoffice.vue

@@ -311,8 +311,10 @@
 	import * as organizations 	from '@martyrs/src/modules/organizations/store/organizations.js'
 
 	import { useI18n } from 'vue-i18n';
+	import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';
 	
 	const { locale } = useI18n();
+	const { returnCurrency } = useGlobalMixins();
 
 	const router = useRouter()
 	const route = useRoute()

package/src/modules/orders/components/pages/OrderCreateBackoffice.vue

@@ -233,7 +233,7 @@
   const route = useRoute()
   const router = useRouter()
   const { proxy } = getCurrentInstance()
-  const { formatPrice } = useGlobalMixins()
+  const { formatPrice, returnCurrency } = useGlobalMixins()
 
    orders.mutations.resetOrder(orders.state.current)
 

package/src/modules/orders/components/pages/Orders.vue

@@ -116,9 +116,11 @@
   import Feed from '@martyrs/src/components/Feed/Feed.vue'
 
   import IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'
+  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'
 
   const route = useRoute();
   const router = useRouter();
+  const { returnCurrency, formatPrice, formatDate } = useGlobalMixins()
 
   const spoiler = ref(false)
 

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

@@ -90,11 +90,13 @@
   import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';
   import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
   import * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';
+  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';
   /////////////////////////////
   // CREATED
   /////////////////////////////
   const route = useRoute()
   const router = useRouter()
+  const { returnCurrency } = useGlobalMixins()
   // Accessing state
   const cartTotalPrice = shopcart.getters.cartTotalPrice
   const StoreCartAmount = shopcart.getters.cartTotalAmount

package/src/modules/products/components/blocks/ProductDiscounts.vue

@@ -36,6 +36,9 @@ import { computed } from 'vue';
 import IconDiscount from '@martyrs/src/modules/icons/entities/IconDiscount.vue'
 import Chips from '@martyrs/src/components/Chips/Chips.vue';
 import Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue';
+import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';
+
+const { returnCurrency } = useGlobalMixins();
 
 const props = defineProps({
   discounts: { 

package/src/modules/products/components/elements/Price.vue

@@ -32,6 +32,9 @@
 
 <script setup>
 import { computed } from 'vue';
+import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';
+
+const { returnCurrency } = useGlobalMixins();
 
 const props = defineProps({
   product: Object,

package/src/modules/products/components/pages/Products.vue

@@ -289,7 +289,7 @@
   const emits = defineEmits(['page-loading', 'page-loaded']);
   const route = useRoute()
   const router = useRouter()
-  const { generateFilters, formatDate, hasAccess } = useGlobalMixins()
+  const { generateFilters, formatDate, hasAccess, returnCurrency } = useGlobalMixins()
 
   // Категории и фильтры
   const currentCategories = ref([]);

package/src/modules/products/components/sections/EditVariants.vue

@@ -257,8 +257,10 @@ import PlaceholderImage from '@martyrs/src/modules/icons/placeholders/Placeholde
 import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';
 import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';
 import IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';
+import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';
 
 const route = useRoute();
+const { returnCurrency } = useGlobalMixins();
 
 const productId = computed(() => route.params.product);
 

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

@@ -1 +0,0 @@
-{"version":3,"file":"Feed.vue.js","sources":["../../../../../src/components/Feed/Feed.vue"],"sourcesContent":["<template>\n  <div v-if=\"search || date || (sort && !sort.hideButton)\" style=\"transform: scale(1);\" class=\"mn-b-thin pos-relative z-index-2 pos-relative flex-nowrap flex gap-thin\">\n\n    <BlockSearch \n      v-if=\"search\"\n      :placeholder=\"search.placeholder || 'Search...'\"\n      :class=\"search.class || 'bg-light'\"\n      @search=\"updateSearch\"\n      :autofocus=\"search.autofocus\"\n    />\n\n    <FiltersBar\n      v-if=\"filter\"\n      v-model=\"filter.selected\"\n      :filters=\"filterConfig\"\n      :class=\"filter.class || 'mobile-only'\"\n    />\n\n    <Dropdown \n      v-if=\"date\"\n      :label=\"{\n        component: ButtonDate,\n        props: { date: date }\n      }\" \n      :class=\"date.class || 'bg-light'\"\n      class=\"flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-medium\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"true\"\n        class=\"radius-medium w-100 o-hidden bg-light\"\n      />\n    </Dropdown> \n\n    <Dropdown \n      v-if=\"sort && !sort.hideButton\"\n      :label=\"{\n        component: ButtonSort,\n        props: { order: sort.order },\n        class: 'w-1r'\n      }\" \n      :class=\"sort.class || 'bg-light'\"\n      class=\"radius-medium aspect-1x1 h-100\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <BlockSorting\n        v-model:param=\"sort.param\"\n        v-model:order=\"sort.order\"\n        :options=\"sort.options\"\n        class=\"h-100 pd-small radius-medium t-white bg-black\"\n      />\n    </Dropdown> \n\n    <!-- Actions -->\n    <template\n      v-if=\"actions.length\"\n    >\n      <template v-for=\"action in actions\" :key=\"action.key\">\n        <div \n        :class=\"action.class || 'bg-light'\"\n        class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n      >\n        <component\n          :is=\"action.component\"\n          @click=\"action.handler\"\n          class=\"w-1r h-auto\"\n        >\n        </component>\n\n      </div>\n      </template>\n    </template>\n  </div>\n\n  <TransitionGroup \n    v-if=\"isLoading && !keepSlotVisible\"\n    tag=\"ul\" \n    name=\"scaleTransition\" \n    class=\"pos-relative z-index-1\"\n   :class=\"$attrs.class\"\n  >\n    <Skeleton\n      v-if=\"isLoading && !skeleton?.hide\"\n      v-for=\"i in currentLimit\" \n      :structure=\"skeleton.structure\"\n      :horizontal=\"skeleton.horizontal\"\n      :loading=\"skeleton.apply_to_slot\"\n      :key=\"'skeleton-' + i\"\n      :class=\"replaceClasses('radius-medium bg-light pd-thin flex-child-default o-hidden d-block', skeleton.class)\"\n    />\n    <Loader v-if=\"isLoading && skeleton?.hide\"/>\n  </TransitionGroup>\n\n  <TransitionGroup \n    tag=\"ul\" \n    v-else-if=\"itemsList.length < 1\"\n    name=\"feed\"\n  >\n    <EmptyState\n      v-if=\"!isLoading && itemsList.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n   </TransitionGroup>\n\n  <TransitionGroup \n    v-else-if=\"!keepSlotVisible || !isLoading\"\n    tag=\"ul\" \n    name=\"feed\"\n    :class=\"$attrs.class\"\n  >\n    <slot\n      :items=\"itemsList\"\n    >\n    </slot>\n  </TransitionGroup>\n\n  <!-- Slot visible with overlay loader -->\n  <div v-else class=\"pos-relative\">\n    <TransitionGroup \n      tag=\"ul\" \n      name=\"feed\"\n      :class=\"$attrs.class\"\n    >\n      <slot\n        :items=\"itemsList\"\n      >\n      </slot>\n    </TransitionGroup>\n    \n    <!-- Overlay loader -->\n    <div \n      v-if=\"isLoading && keepSlotVisible\"\n      class=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center bg-white-transp-90 z-index-10\"\n    >\n      <Loader />\n    </div>\n  </div>\n\n  <button\n    v-if=\"showLoadMore && hasMoreItems && itemsList.length > 0 && !isLoadingExtra\"\n    @click=\"loadMoreItems\"\n    class=\"col-w-100 mn-t-thin w-100 t-black bg-main button\"\n  >\n    Load More\n  </button>\n\n  <div v-else key=\"sentinel\" ref=\"sentinel\" class=\"sentinel\"></div> \n\n  <div\n    v-if=\"isLoadingExtra\"\n    class=\"col-w-100 w-100 pos-relative\"\n  >\n    <Loader/>\n  </div>\n \n\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport BottomSheet from '@martyrs/src/components/BottomSheet/BottomSheet.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\nimport BlockSorting  from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'\n\nimport FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'\n\nimport ButtonSort  from '@martyrs/src/modules/globals/views/components/elements/ButtonSort.vue'\nimport ButtonDate  from '@martyrs/src/modules/globals/views/components/elements/ButtonDate.vue'\n\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\n\nconst { replaceClasses } = useGlobalMixins();\n\nconst search = defineModel('search')\nconst sort = defineModel('sort')\nconst filter = defineModel('filter')\nconst date = defineModel('date')\nconst items = defineModel('items')\n\n// Внутреннее хранилище для случая, когда v-model:items не передан\nconst internalItems = ref([])\n\n// Элегантное решение через computed\nconst itemsList = computed({\n  get: () => items.value ?? internalItems.value,\n  set: (val) => {\n    if (items.value !== undefined) {\n      items.value = val\n    } else {\n      internalItems.value = val\n    }\n  }\n})\n\nconst filterConfig = computed(() => {\n  if (!filter.value?.options) return []\n  \n  return filter.value.options.map(opt => ({\n    key: opt.value,\n    title: opt.title,\n    type: 'options',\n    options: opt.options || [],\n    defaultValue: null\n  }))\n})\n\n// Пропсы\nconst props = defineProps({\n  showLoadMore: {\n    type: Boolean,\n    default: true\n  },\n  LoadMore: {\n    type: Boolean,\n    default: true\n  },\n  search: {\n    type: [Boolean, Object],\n    default: false\n  },\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  actions: {\n    type: Array,\n    default: () => []\n  },\n  skeleton: {\n    type: Object,\n    default: () => ({\n      hide: false,\n      horizontal: false,\n      structure: [\n        { block: 'text', size: 'medium' },\n        { block: 'text', size: 'large' },\n        { block: 'button', size: 'small' }\n      ]\n    }),\n   \n  },\n  store: {\n    type: Object,\n    default: () => ({\n      read: Function,\n      state: Object,\n    }),\n  },\n  external: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      category: null,\n      limit: 10, \n      skip: 0 ,\n      owner:  null,\n      creator:  null,\n      customer:  null,\n      user:  null,\n      status: null,\n      period:  null,\n      contain:  null,\n    }),\n  },\n  keepSlotVisible: {\n    type: Boolean,\n    default: false\n  },\n});\n  \nconst hasMoreItems = ref(false);\n\nlet isLoading = ref(true);\nlet isLoadingExtra = ref(false);\nlet sentinel = ref(null)\n\nlet currentSkip = ref(props.options.skip ? props.options.skip : 0);\nlet currentLimit = ref(props.options.limit ? props.options.limit : 10);\n\nlet currentSearch = ref('');\nlet isSearching = ref(false);\n\nlet requestId = 0;\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((value) => {\n  isSearching.value = true;\n  currentSearch.value = value;\n  currentSkip.value = 0;\n  currentLimit.value = 10;\n  fetchItems();\n}, 500);\n\nfunction updateSearch(search) {\n  debouncedSearch(search);\n}\n\nconst removeNullValues = (obj) => {\n  return Object.fromEntries(\n    Object.entries(obj).filter(([_, value]) => value != null)\n  );\n};\n\nconst loadMoreItems = async () => {\n  if (!hasMoreItems.value || isLoadingExtra.value) {\n    return;\n  }\n  \n  isLoadingExtra.value = true;\n  \n  const currentRequestId = ++requestId;\n\n  currentSkip.value += currentLimit.value;\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = [...itemsList.value, ...data];\n    \n  } catch (error) {\n    console.error('Load more error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoadingExtra.value = false;\n    }\n  }\n};\n\nconst fetchItems = async () => {\n  isLoading.value = true;\n  \n  const currentRequestId = ++requestId;\n  \n  if (isSearching.value) {\n    itemsList.value = [];\n    isSearching.value = false;\n  }\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = data;\n    \n  } catch (error) {\n    console.error('Fetch error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoading.value = false;\n    }\n  }\n};\n\nwatch(\n  [() => props.external, () => date.value, () => ({...sort.value}), () => ({...props.options})],\n  ([newExternal, newDate, newSort, newOptions], [oldExternal, oldDate, oldSort, oldOptions]) => {\n    if (\n      newExternal !== oldExternal ||\n      newDate !== oldDate ||\n      newSort?.order !== oldSort?.order ||\n      newSort?.param !== oldSort?.param ||\n      JSON.stringify(newOptions) !== JSON.stringify(oldOptions)\n    ) {\n      currentSkip.value = 0;\n      fetchItems();\n    }\n  },\n  { deep: true }\n);\n\nlet observer = null\n\nonMounted(async () => {\n  await fetchItems()\n\n  if (typeof window !== 'undefined' && !props.showLoadMore && props.LoadMore) {\n    observer = new IntersectionObserver(entries => {\n      if (entries.some(entry => entry.isIntersecting)) {\n        loadMoreItems()\n      }\n    })\n\n    if (sentinel.value) observer.observe(sentinel.value)\n  }\n});\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect();\n  }\n});\n</script>\n\n<style>\n.feed-move,\n.feed-enter-active,\n.feed-leave-active {\n  transition: all 0.5s ease;\n}\n\n.feed-enter-from,\n.feed-leave-to {\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.feed-leave-active {\n  position: absolute;\n}\n</style>"],"names":["_useModel","search"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8LA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,SAASA,SAAW,SAAC,QAAQ;AACnC,UAAM,OAAOA,SAAW,SAAC,MAAM;AAC/B,UAAM,SAASA,SAAW,SAAC,QAAQ;AACnC,UAAM,OAAOA,SAAW,SAAC,MAAM;AAC/B,UAAM,QAAQA,SAAW,SAAC,OAAO;AAGjC,UAAM,gBAAgB,IAAI,CAAA,CAAE;AAG5B,UAAM,YAAY,SAAS;AAAA,MACzB,KAAK,MAAM,MAAM,SAAS,cAAc;AAAA,MACxC,KAAK,CAAC,QAAQ;AACZ,YAAI,MAAM,UAAU,QAAW;AAC7B,gBAAM,QAAQ;AAAA,QAChB,OAAO;AACL,wBAAc,QAAQ;AAAA,QACxB;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,CAAC,OAAO,OAAO,QAAS,QAAO,CAAA;AAEnC,aAAO,OAAO,MAAM,QAAQ,IAAI,UAAQ;AAAA,QACtC,KAAK,IAAI;AAAA,QACT,OAAO,IAAI;AAAA,QACX,MAAM;AAAA,QACN,SAAS,IAAI,WAAW,CAAA;AAAA,QACxB,cAAc;AAAA,MAClB,EAAI;AAAA,IACJ,CAAC;AAGD,UAAM,QAAQ;AAuEd,UAAM,eAAe,IAAI,KAAK;AAE9B,QAAI,YAAY,IAAI,IAAI;AACxB,QAAI,iBAAiB,IAAI,KAAK;AAC9B,QAAI,WAAW,IAAI,IAAI;AAEvB,QAAI,cAAc,IAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO,CAAC;AACjE,QAAI,eAAe,IAAI,MAAM,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,EAAE;AAErE,QAAI,gBAAgB,IAAI,EAAE;AAC1B,QAAI,cAAc,IAAI,KAAK;AAE3B,QAAI,YAAY;AAEhB,aAAS,SAAS,IAAI,OAAO;AAC3B,UAAI,YAAY;AAChB,aAAO,IAAI,SAAS;AAClB,qBAAa,SAAS;AACtB,oBAAY,WAAW,MAAM,GAAG,GAAG,IAAI,GAAG,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,UAAM,kBAAkB,SAAS,CAAC,UAAU;AAC1C,kBAAY,QAAQ;AACpB,oBAAc,QAAQ;AACtB,kBAAY,QAAQ;AACpB,mBAAa,QAAQ;AACrB,iBAAU;AAAA,IACZ,GAAG,GAAG;AAEN,aAAS,aAAaC,SAAQ;AAC5B,sBAAgBA,OAAM;AAAA,IACxB;AAEA,UAAM,mBAAmB,CAAC,QAAQ;AAChC,aAAO,OAAO;AAAA,QACZ,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,MAAM,SAAS,IAAI;AAAA,MAC5D;AAAA,IACA;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,CAAC,aAAa,SAAS,eAAe,OAAO;AAC/C;AAAA,MACF;AAEA,qBAAe,QAAQ;AAEvB,YAAM,mBAAmB,EAAE;AAE3B,kBAAY,SAAS,aAAa;AAElC,UAAI;AACF,cAAM,YAAY;AAAA,UAChB,MAAM,YAAY;AAAA,UAClB,OAAO,aAAa;AAAA,UACpB,QAAQ,cAAc;AAAA,UACtB,WAAW,KAAK,OAAO;AAAA,UACvB,SAAS,KAAK,OAAO;AAAA,UACrB,WAAW,KAAK,OAAO;AAAA,UACvB,WAAW,KAAK,OAAO;AAAA,UACvB,GAAG,MAAM;AAAA,QACf;AAEI,cAAM,SAAS,iBAAiB,SAAS;AAEzC,cAAM,OAAO,MAAM,MAAM,MAAM,KAAK,MAAM;AAE1C,YAAI,qBAAqB,WAAW;AAClC;AAAA,QACF;AAEA,YAAI,KAAK,WAAW,GAAG;AACrB,uBAAa,QAAQ;AAAA,QACvB,WAAW,KAAK,SAAS,aAAa,OAAO;AAC3C,uBAAa,QAAQ;AAAA,QACvB,OAAO;AACL,uBAAa,QAAQ;AAAA,QACvB;AAGA,kBAAU,QAAQ,CAAC,GAAG,UAAU,OAAO,GAAG,IAAI;AAAA,MAEhD,SAAS,OAAO;AACd,gBAAQ,MAAM,oBAAoB,KAAK;AAAA,MACzC,UAAC;AACC,YAAI,qBAAqB,WAAW;AAClC,yBAAe,QAAQ;AAAA,QACzB;AAAA,MACF;AAAA,IACF;AAEA,UAAM,aAAa,YAAY;AAC7B,gBAAU,QAAQ;AAElB,YAAM,mBAAmB,EAAE;AAE3B,UAAI,YAAY,OAAO;AACrB,kBAAU,QAAQ,CAAA;AAClB,oBAAY,QAAQ;AAAA,MACtB;AAEA,UAAI;AACF,cAAM,YAAY;AAAA,UAChB,MAAM,YAAY;AAAA,UAClB,OAAO,aAAa;AAAA,UACpB,QAAQ,cAAc;AAAA,UACtB,WAAW,KAAK,OAAO;AAAA,UACvB,SAAS,KAAK,OAAO;AAAA,UACrB,WAAW,KAAK,OAAO;AAAA,UACvB,WAAW,KAAK,OAAO;AAAA,UACvB,GAAG,MAAM;AAAA,QACf;AAEI,cAAM,SAAS,iBAAiB,SAAS;AAEzC,cAAM,OAAO,MAAM,MAAM,MAAM,KAAK,MAAM;AAE1C,YAAI,qBAAqB,WAAW;AAClC;AAAA,QACF;AAEA,YAAI,KAAK,WAAW,GAAG;AACrB,uBAAa,QAAQ;AAAA,QACvB,WAAW,KAAK,SAAS,aAAa,OAAO;AAC3C,uBAAa,QAAQ;AAAA,QACvB,OAAO;AACL,uBAAa,QAAQ;AAAA,QACvB;AAGA,kBAAU,QAAQ;AAAA,MAEpB,SAAS,OAAO;AACd,gBAAQ,MAAM,gBAAgB,KAAK;AAAA,MACrC,UAAC;AACC,YAAI,qBAAqB,WAAW;AAClC,oBAAU,QAAQ;AAAA,QACpB;AAAA,MACF;AAAA,IACF;AAEA;AAAA,MACE,CAAC,MAAM,MAAM,UAAU,MAAM,KAAK,OAAO,OAAO,EAAC,GAAG,KAAK,MAAK,IAAI,OAAO,EAAC,GAAG,MAAM,QAAO,EAAE;AAAA,MAC5F,CAAC,CAAC,aAAa,SAAS,SAAS,UAAU,GAAG,CAAC,aAAa,SAAS,SAAS,UAAU,MAAM;AAC5F,YACE,gBAAgB,eAChB,YAAY,WACZ,SAAS,UAAU,SAAS,SAC5B,SAAS,UAAU,SAAS,SAC5B,KAAK,UAAU,UAAU,MAAM,KAAK,UAAU,UAAU,GACxD;AACA,sBAAY,QAAQ;AACpB,qBAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,EAAE,MAAM,KAAI;AAAA,IACd;AAEA,QAAI,WAAW;AAEf,cAAU,YAAY;AACpB,YAAM,WAAU;AAEhB,UAAI,OAAO,WAAW,eAAe,CAAC,MAAM,gBAAgB,MAAM,UAAU;AAC1E,mBAAW,IAAI,qBAAqB,aAAW;AAC7C,cAAI,QAAQ,KAAK,WAAS,MAAM,cAAc,GAAG;AAC/C,0BAAa;AAAA,UACf;AAAA,QACF,CAAC;AAED,YAAI,SAAS,MAAO,UAAS,QAAQ,SAAS,KAAK;AAAA,MACrD;AAAA,IACF,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACrB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Field.vue.js","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, nextTick, watch } from 'vue'\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\nconst props = defineProps({\n  label: null,\n  symbol: null,\n  type: 'text',\n  placeholder: 'Enter something here',\n  field: null,\n  value: null,\n  validation: false,\n  disabled: null,\n  tabindex: -1,\n  autofocus: false,\n  icon: null, // Добавлен пропс для иконки\n  name: null, // Имя поля для автозаполнения\n  id: null // ID поля\n});\nif (props.value) {\n  emit('update:field', props.value)\n}\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n  if (!textarea.value) {\n    return;\n  }\n  const el = textarea.value;\n  el.style.height = '';\n  const scrollHeight = el.scrollHeight;\n  if (scrollHeight > 33) {\n    el.style.height = scrollHeight + 'px';\n  } else {\n    el.style.height = '';\n  }\n}\nfunction focus() {\n  if (props.autofocus) {\n    if (props.type === 'textarea' && textarea.value) {\n      textarea.value.focus();\n    } else if (input.value) {\n      input.value.focus();\n    }\n  }\n}\nwatch(() => props.field, () => {\n  if (props.type === 'textarea') {\n    nextTick(resize);\n  }\n});\nwatch(() => props.autofocus, (newVal) => {\n  if (newVal) {\n    nextTick(focus);\n  }\n});\nonMounted(() => {\n  nextTick(focus);\n  nextTick(resize);\n});\nconst text = ref(props.field);\n</script>\n<template>\n  <div\n    :class=\"[\n      $attrs.class,\n      { 'bg-fourth-nano': validation }\n    ]\"\n    class=\"field-wrapper flex-center flex-nowrap flex\"\n  >\n    <!-- Слот для иконки -->\n    <slot name=\"icon\" v-if=\"$slots.icon\" />\n    <!-- Или компонент иконки через пропс -->\n    <component :is=\"icon\" v-else-if=\"icon\" class=\"i-medium t-transp mn-r-thin\" />\n    \n    <div\n      v-if=\"label\"\n      class=\"t-transp mn-r-small\"\n    >\n      <span class=\"t-nowrap\">\n        {{label}}\n      </span>\n    </div>\n    <div class=\"w-100 pos-relative\">\n      <input\n        v-if=\"type !== 'textarea'\"\n        ref=\"input\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        :type=\"type === 'password' && !showPassword ? 'password' : type === 'password' ? 'text' : type\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :autofocus=\"autofocus\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n      <textarea\n        v-else\n        ref=\"textarea\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n    </div>\n    <IconShow\n      v-if=\"type === 'password'\"\n      :show=\"!showPassword\"\n      @click=\"showPassword = !showPassword\"\n      class=\"i-medium cursor-pointer\"\n    />\n    <slot></slot>\n    <div\n      v-if=\"symbol\"\n      class=\"t-transp mn-l-small\"\n    >\n      <span>\n        {{symbol}}\n      </span>\n    </div>\n  </div>\n  <!-- Validation -->\n  <transition name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<style scoped>\ninput,\ntextarea,\nspan {\n  color: inherit;\n  line-height: 1;\n}\ntextarea {\n  resize: none;\n  overflow: hidden; \n  height: 1rem;\n}\n\ninput {\n  height: 1rem;\n}\n\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n  opacity: 1;\n  color: inherit;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,UAAM,OAAO;AACb,UAAM,QAAQ;AAed,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AACA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,eAAe,IAAI,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB;AAAA,MACF;AACA,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACnC,OAAO;AACL,WAAG,MAAM,SAAS;AAAA,MACpB;AAAA,IACF;AACA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAK;AAAA,QACtB,WAAW,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAK;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AACA,UAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7B,iBAAS,MAAM;AAAA,MACjB;AAAA,IACF,CAAC;AACD,UAAM,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACV,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AACD,cAAU,MAAM;AACd,eAAS,KAAK;AACd,eAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,OAAO,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/FieldTags/BlockTags.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockTags.vue.js","sources":["../../../../../src/components/FieldTags/BlockTags.vue"],"sourcesContent":["<template>\n  <div>\n    <FieldTags\n      v-model=\"selectedTags\"\n      :autocomplete-items=\"filteredItems\"\n      :add-on-key=\"[13, ':', ';', ',']\"\n      :separators=\"[';', ',']\"\n      :max-tags=\"20\"\n      :maxlength=\"20\"\n      :placeholder=\"'Please add tags'\"\n      @tags-changed=\"handleTagsChanged\"\n      class=\"mn-b-thin bg-light radius-medium pd-small\"\n    />\n    \n    <input\n      v-model=\"tag\"\n      @keydown.enter=\"addTagFromInput\"\n      placeholder=\"Type to filter suggestions\"\n      class=\"hidden-input\"\n      style=\"position: absolute; left: -9999px;\"\n    />\n\n    <p class=\"p-small mn-b-thin\">Suggested:</p>\n\n    <span \n      v-if=\"filteredSuggestedItems.length > 0\" \n      v-for=\"(tag,index) in filteredSuggestedItems\" \n      @click=\"addTag(tag)\"\n      class=\"cursor-pointer t-medium ti-tag-toDefactor\"\n      :class=\"{'mn-r-micro':index !== filteredSuggestedItems.length - 1}\"\n    >\n      {{ tag.text }}\n    </span>\n    <span v-else>You added all suggested tags</span> \n  </div>\n</template>\n\n<script setup>\nimport FieldTags from '@martyrs/src/components/FieldTags/FieldTags.vue'\nimport { ref, computed, onMounted } from 'vue';\n\nconst emits = defineEmits(['tags-changed']);\nconst props = defineProps({\n  tags: {\n    type: Array\n  },\n  tagsSuggested: {\n    type: Array,\n    default: [\n      { text: 'story' },\n      { text: 'news' },\n      { text: 'guide' },\n      { text: 'discussion' },\n      { text: 'photos' },\n    ]\n  }\n});\n\nconst tag = ref('');\nconst selectedTags = ref([]);\nconst autocompleteItems = ref(props.tagsSuggested);\n\n// Initialize tags\nif (props.tags) {\n  selectedTags.value = props.tags.map(tag => \n    typeof tag === 'string' ? { text: tag } : tag\n  );\n}\n\n// Filter autocomplete items based on current input\nconst filteredItems = computed(() => {\n  return autocompleteItems.value;\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tagToAdd) {\n  selectedTags.value.push(tagToAdd)\n  emits('tags-changed', selectedTags.value.map(t => t.text));\n}\n\nfunction addTagFromInput() {\n  if (tag.value) {\n    addTag({ text: tag.value });\n    tag.value = '';\n  }\n}\n\nfunction handleTagsChanged(newTags) {\n  selectedTags.value = newTags;\n  emits('tags-changed', newTags.map(t => typeof t === 'string' ? t : t.text));\n}\n\n\n\n</script>\n\n<style>\n  .ti-tag-toDefactor {\n    background-color: rgb(var(--main));\n    color: rgb(var(--black));\n    border-radius: 4rem;\n    padding: 1px 8px 2px;\n    margin: 2px;\n    font-size: .85em;\n  }\n</style>"],"names":["tag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,MAAM,IAAI,EAAE;AAClB,UAAM,eAAe,IAAI,EAAE;AAC3B,UAAM,oBAAoB,IAAI,MAAM,aAAa;AAGjD,QAAI,MAAM,MAAM;AACd,mBAAa,QAAQ,MAAM,KAAK;AAAA,QAAI,CAAAA,SAClC,OAAOA,SAAQ,WAAW,EAAE,MAAMA,KAAG,IAAKA;AAAA,MAC9C;AAAA,IACA;AAGA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,kBAAkB;AAAA,IAC3B,CAAC;AAED,UAAM,yBAAyB,SAAS,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAA,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MAC/D,CAAC;AAAA,IACH,CAAC;AAEH,aAAS,OAAQ,UAAU;AACzB,mBAAa,MAAM,KAAK,QAAQ;AAChC,YAAM,gBAAgB,aAAa,MAAM,IAAI,OAAK,EAAE,IAAI,CAAC;AAAA,IAC3D;AAEA,aAAS,kBAAkB;AACzB,UAAI,IAAI,OAAO;AACb,eAAO,EAAE,MAAM,IAAI,MAAK,CAAE;AAC1B,YAAI,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,aAAS,kBAAkB,SAAS;AAClC,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,QAAQ,IAAI,OAAK,OAAO,MAAM,WAAW,IAAI,EAAE,IAAI,CAAC;AAAA,IAC5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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  <transition name=\"moveFromTop\">\n    <teleport to=\"body\" v-if=\"isPopupOpen\">\n      <div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"z-index-6 popup-wrapper\"\n        :class=\"{\n          'pd-t-extra': MOBILE_APP === 'ios',\n          [alignClass]: true\n        }\"\n      >\n        <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n          <section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n            <h4 v-if=\"title\" class=\"mn-b-medium\">{{title}}</h4>\n            <div class=\"pos-absolute h-100 pos-t-0 pos-r-0\">\n              <IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-sticky pos-t-0 pos-r-0 mn-t-medium mn-r-medium hover-scale-1 i-medium z-index-5\"/>\n            </div>\n            <slot></slot>\n          </section>  \n        </transition>\n\n        <div \n          @click=\"closePopup()\" \n          :class=\"{'active':isPopupOpen === true}\" \n          class=\"color-overlay z-index-3\">\n        </div>\n      </div>\n    </teleport>\n  </transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\n// import { 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    type: Boolean,\n    default: false\n  },\n  style: String,\n  title: String,\n  align: {\n    type: String,\n    default: 'center center',\n    validator: (value) => {\n      const validAlignments = [\n        'top left', 'top center', 'top right',\n        'center left', 'center center', 'center right',\n        'bottom left', 'bottom center', 'bottom right'\n      ];\n      return validAlignments.includes(value);\n    }\n  }\n});\n\nconst emits = defineEmits(['close-popup'])\n\n// Compute the alignment class from the align prop\nconst alignClass = computed(() => {\n  return `align-${props.align.replace(/\\s+/g, '-')}`;\n});\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  messages: {\n    en: {},\n    ru: {}\n  }\n}\n// const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n  .no-scroll {\n    overflow: hidden;\n\n    #view {\n      overflow: hidden;\n    }\n  }\n\n  .popup-wrapper {\n    display: flex;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    z-index: 40;\n\n    /* Default alignment - center center */\n    &.align-center-center {\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Top alignments */\n    &.align-top-left {\n      align-items: flex-start;\n      justify-content: flex-start;\n    }\n    \n    &.align-top-center {\n      align-items: flex-start;\n      justify-content: center;\n    }\n    \n    &.align-top-right {\n      align-items: flex-start;\n      justify-content: flex-end;\n    }\n\n    /* Center alignments */\n    &.align-center-left {\n      align-items: center;\n      justify-content: flex-start;\n    }\n    \n    &.align-center-right {\n      align-items: center;\n      justify-content: flex-end;\n    }\n\n    /* Bottom alignments */\n    &.align-bottom-left {\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n    \n    &.align-bottom-center {\n      align-items: flex-end;\n      justify-content: center;\n    }\n    \n    &.align-bottom-right {\n      align-items: flex-end;\n      justify-content: flex-end;\n    }\n\n    .popup {\n      position: absolute;\n      height: auto;\n      padding: 2rem;\n      min-width: 24rem;\n      border-radius: 2rem;\n      overflow: hidden;\n      color: white;\n      background: black;\n      z-index: 40;\n    }\n  }\n\n  .color-overlay {\n    display: block;\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.0);\n    pointer-events: none;\n    transform: scale(1.5);\n    transition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n    \n    &.active {\n      background: rgba(#000,0.25);\n      pointer-events: all;\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAM,QAAQ;AAqBd,UAAM,QAAQ;AAGd,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,MAAM,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,IAClD,CAAC;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,MACzC,OAAO;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC5C;AAAA,IACF,CAAC;AAGa,aAAQ;AACP,cAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.vue.js","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    ref=\"fieldWrapper\"\n    tabindex=\"0\"\n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer field-wrapper flex-v-center flex-nowrap flex pos-relative\"\n  >\n    <!-- Label -->\n    <span v-if=\"label\" class=\"t-transp mn-r-small\">{{label}}</span>\n    \n    <!-- Input -->\n    <span>\n      {{ optionsSelected ? (optionsSelected.name || optionsSelected[props.value] || optionsSelected) : placeholder  }}\n    </span>\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 pd-small radius-small bg-white mn-t-thin w-100\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"radius-thin hover-bg-light pd-thin text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<script setup>\nimport { ref, computed, watch, nextTick } from 'vue'\nimport clickOutside from '../FieldPhone/click-outside.js';\nlet vClickOutside = clickOutside\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\nconst props = defineProps({\n  label: String,\n  placeholder: { type: String, default: 'Please select an item' },\n  select: [String, Object],\n  property: String,\n  value: String,\n  options: { type: Array, default: () => [] },\n  validation: Boolean,\n})\nconst showMenu = ref(false)\nconst fieldWrapper = ref(null)\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\nconst toggleMenu = async () => {\n  showMenu.value = !showMenu.value\n  \n  if (showMenu.value) {\n    await nextTick()\n    fieldWrapper.value?.focus()\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n}\nfunction clickedOutside () {\n  showMenu.value = false\n}\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\n}\nfunction findObjectByValue (value, property, objects) {\n  for (const object of objects) {\n    if (object[property] === value || object === value) {\n      return object;\n    }\n  }\n  return null;\n}\n</script>\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n  ul li {\n    line-height: 2;\n  }\n  .field-wrapper:focus {\n    outline: none;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,QAAI,gBAAgB;AACpB,UAAM,OAAO;AAKb,UAAM,QAAQ;AASd,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,kBAAkB;AAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AACA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AACD,UAAM,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AACD,UAAM,aAAa,YAAY;AAC7B,eAAS,QAAQ,CAAC,SAAS;AAE3B,UAAI,SAAS,OAAO;AAClB,cAAM,SAAQ;AACd,qBAAa,OAAO,MAAK;AACzB,aAAK,OAAO;AAAA,MACd,OAAO;AACL,aAAK,MAAM;AAAA,MACb;AAAA,IACF;AACA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AACA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AACV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC7D,OAAO;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC7C;AAAA,IACF;AACA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}