@ozdao/martyrs 0.2.454 → 0.2.456

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-CjVIbgn3.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-yXkgrjj8.mjs";
 import "vue";
 export {
   o as Address,

package/dist/organizations.server.js

@@ -1372,7 +1372,6 @@ function requireOrganizations_policies() {
     const publicAccessVerifier = new Verifier({
       status: {
         allowed: true,
-        default: "published",
         validator: Validator.schema({ context: "Status" }).string().required().oneOf(["published", "active", "featured"])
       }
     });

package/dist/organizations.server.mjs

@@ -1371,7 +1371,6 @@ function requireOrganizations_policies() {
     const publicAccessVerifier = new Verifier({
       status: {
         allowed: true,
-        default: "published",
         validator: Validator.schema({ context: "Status" }).string().required().oneOf(["published", "active", "featured"])
       }
     });

package/dist/style.css

@@ -2030,7 +2030,41 @@ to {
   padding: 20px;
   z-index: 10;
 }
-.bg-white-overlay[data-v-0f5877fc] {
+
+.columns-container[data-v-579150be] {
+  width: 100%;
+  overflow: hidden;
+}
+.columns-wrapper[data-v-579150be] {
+  display: flex;
+  width: 100%;
+}
+@media (min-width: 768px) {
+.columns-wrapper[data-v-579150be] {
+    /* Десктоп: 2 колонки рядом */
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+}
+@media (max-width: 767px) {
+.columns-wrapper[data-v-579150be] {
+    /* Мобильные устройства: горизонтальный скролл */
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    -webkit-overflow-scrolling: touch;
+}
+}
+@media (max-width: 767px) {
+.column[data-v-579150be] {
+    /* Настройки для мобильных устройств */
+    max-width: 90%;
+    flex: 0 0 auto;
+    scroll-snap-align: start;
+}
+.column[data-v-579150be]:last-child {
+    margin-right: 0;
+}
+}.bg-white-overlay[data-v-0f5877fc] {
   background: linear-gradient(0deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
 }
   /* Existing styles can stay unchanged */
@@ -2048,17 +2082,70 @@ to {
 }.select-country {
   max-width: 100%;
 }
-.media-container[data-v-94bcf726] {
+/* Стили остаются неизменными */
+.carousel[data-v-a766dedc] {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.carousel__container[data-v-a766dedc] {
+  display: flex;
+  scroll-snap-type: x mandatory;
+  overflow-x: scroll;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  scroll-behavior: smooth;
+}
+.carousel__container[data-v-a766dedc]::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
+.carousel__slide[data-v-a766dedc] {
+  flex: 0 0 100%;
+  width: 100%;
+  scroll-snap-align: start;
+  scroll-snap-stop: always;
+}
+
+/* Navigation dots */
+.carousel__dots[data-v-a766dedc] {
+  display: flex;
+  justify-content: center;
+  gap: 0.5rem;
+  margin-top: 1rem;
+}
+.carousel__dot[data-v-a766dedc] {
+  width: 0.625rem;
+  height: 0.625rem;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.2);
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+.carousel__dot--active[data-v-a766dedc] {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.fade-enter-active[data-v-a766dedc],
+.fade-leave-active[data-v-a766dedc] {
+  transition: opacity 0.3s ease;
+}
+.fade-enter-from[data-v-a766dedc],
+.fade-leave-to[data-v-a766dedc] {
+  opacity: 0;
+}
+
+.media-container[data-v-1f94a0e9] {
 }
-.media-item[data-v-94bcf726] {
+.media-item[data-v-1f94a0e9] {
   all: inherit;
   opacity: 1;
   transition: opacity 0.3s ease;
 }
-.media-item.loading[data-v-94bcf726] {
+.media-item.loading[data-v-1f94a0e9] {
   opacity: 0;
 }
-.media-placeholder[data-v-94bcf726] {
+.media-placeholder[data-v-1f94a0e9] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2069,7 +2156,7 @@ to {
   justify-content: center;
   background-color: #f5f5f5;
 }
-.media-error[data-v-94bcf726] {
+.media-error[data-v-1f94a0e9] {
   color: #ff4444;
   padding: 1rem;
   text-align: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.454",
+  "version": "0.2.456",
   "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/DatePicker/DatePicker.vue

@@ -78,7 +78,7 @@ function selectDate(date) {
     // Select new date
     selectedDate.value = date;
     const formattedDate = formatDateForRouter(date);
-    emit('update:date', formattedDate);
+    emit('update:date', date);
   }
 }
 

package/src/components/EmptyState/EmptyState.vue

@@ -1,6 +1,6 @@
 <template>
   <section>
-    <h4 class="mn-b-thin">{{ title }}</h4>
+    <h5 class="mn-b-thin">{{ title }}</h5>
     <p class="mn-b-small t-transp p-medium">{{ description }}</p>
 
     <button v-if="action" @click="callback" class="t-white bg-second w-100 button">

package/src/components/Media/Media.vue

@@ -34,7 +34,7 @@
     
     <!-- Плейсхолдер во время загрузки -->
     <div v-if="!isLoaded" class="media-placeholder">
-      Загрузка...
+      Loading...
     </div>
     
     <!-- Сообщение об ошибке -->

package/src/components/Slider/Slider.native.vue

@@ -0,0 +1,313 @@
+<template>
+  <div class="pos-relative">
+    <!-- Loading State -->
+    <div v-if="isLoading" class="h-20r radius-semi pos-relative w-100 bg-light">
+      <Loader />
+    </div>
+    <!-- Empty State -->
+    <div v-else-if="!entitiesState.length" class="bg-light radius-semi flex flex-center w-100 h-20r">
+      <p class="text-gray-500">{{t('title')}}</p>
+    </div>
+    <!-- Native Carousel -->
+    <div v-else class="carousel" ref="carouselRef">
+      <div class="carousel__container" @scroll="handleScroll">
+        <div 
+          class="carousel__slide pd-nano" 
+          v-for="(entity, key, index) in entitiesState" 
+          :key="key"
+        >
+          <transition name="fade" mode="out-in" appear>
+            <slot
+              :item="entity"
+              :user="user"
+            ></slot>
+          </transition>
+        </div>
+      </div>
+      
+      <!-- Navigation Dots (optional) -->
+      <div class="carousel__dots" v-if="showDots && entitiesState.length > 1">
+        <button 
+          v-for="(_, index) in entitiesState" 
+          :key="index"
+          class="carousel__dot"
+          :class="{ 'carousel__dot--active': selectedIndex === index }"
+          @click="scrollTo(index)"
+        ></button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import Loader from '@martyrs/src/components/Loader/Loader.vue'
+
+// Props for customization
+const props = defineProps({
+  showDots: Boolean,
+  store: Object,
+  options: Object,
+  text: Object,
+  user: Object
+});
+
+const router = useRouter()
+const carouselRef = ref(null)
+const entitiesState = ref([])
+const isLoading = ref(true)
+const selectedIndex = ref(0)
+const autoplayInterval = ref(null)
+const scrollTimeout = ref(null)
+
+const { t } = useI18n({
+  messages: props.text
+})
+
+// Scroll to specific slide
+const scrollTo = (index) => {
+  if (!carouselRef.value) return
+  
+  const container = carouselRef.value.querySelector('.carousel__container')
+  const slides = container.querySelectorAll('.carousel__slide')
+  
+  if (slides[index]) {
+    container.scrollTo({
+      left: slides[index].offsetLeft,
+      behavior: 'smooth'
+    })
+    
+    selectedIndex.value = index
+  }
+}
+
+// Handle scroll event with debounce
+const handleScroll = () => {
+  // Clear previous timeout
+  if (scrollTimeout.value) {
+    clearTimeout(scrollTimeout.value)
+  }
+  
+  // Set a timeout to update the index when scrolling stops
+  scrollTimeout.value = setTimeout(() => {
+    updateSelectedIndex()
+  }, 50) // Small delay to ensure scroll has completed
+}
+
+// Update selected index when scrolling
+const updateSelectedIndex = () => {
+  if (!carouselRef.value) return
+  
+  const container = carouselRef.value.querySelector('.carousel__container')
+  const slides = container.querySelectorAll('.carousel__slide')
+  
+  if (!slides.length) return
+  
+  const scrollPosition = container.scrollLeft
+  const slideWidth = slides[0].offsetWidth
+  
+  // Find current slide index based on scroll position
+  const index = Math.round(scrollPosition / slideWidth)
+  
+  // Ensure index is within bounds
+  const boundedIndex = Math.max(0, Math.min(index, entitiesState.value.length - 1))
+  
+  // Update selected index
+  selectedIndex.value = boundedIndex
+}
+
+// Setup autoplay functionality
+const setupAutoplay = () => {
+  if (autoplayInterval.value) {
+    clearInterval(autoplayInterval.value)
+  }
+  
+  autoplayInterval.value = setInterval(() => {
+    const nextIndex = (selectedIndex.value + 1) % entitiesState.value.length
+    scrollTo(nextIndex)
+  }, 2000) // 2 seconds interval like in original
+}
+
+onMounted(async() => {
+  try {
+    entitiesState.value = await props.store.read(props.options)
+  } catch (error) {
+    console.error('Error loading entities:', error)
+    entitiesState.value = []
+  } finally {
+    isLoading.value = false
+  }
+  
+  // Initialize native carousel after entities are loaded
+  if (entitiesState.value.length && carouselRef.value) {
+    // Listen for scroll end using intersection observer for better performance
+    const container = carouselRef.value.querySelector('.carousel__container')
+    const slides = container.querySelectorAll('.carousel__slide')
+    
+    // Create intersection observer to detect when slides are visible
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          // Find the index of the visible slide
+          const slideIndex = Array.from(slides).indexOf(entry.target)
+          if (slideIndex !== -1) {
+            selectedIndex.value = slideIndex
+          }
+        }
+      })
+    }, {
+      root: container,
+      threshold: 0.7 // Consider slide visible when 70% is in view
+    })
+    
+    // Observe all slides
+    slides.forEach(slide => {
+      observer.observe(slide)
+    })
+    
+    // Add focus/blur events to pause autoplay on focus
+    container.addEventListener('focusin', () => {
+      if (autoplayInterval.value) {
+        clearInterval(autoplayInterval.value)
+      }
+    })
+    
+    container.addEventListener('focusout', () => {
+      setupAutoplay()
+    })
+    
+    // Stop autoplay on touch/mouse interaction
+    container.addEventListener('mousedown', () => {
+      if (autoplayInterval.value) {
+        clearInterval(autoplayInterval.value)
+      }
+    })
+    
+    container.addEventListener('touchstart', () => {
+      if (autoplayInterval.value) {
+        clearInterval(autoplayInterval.value)
+      }
+    })
+    
+    // Resume autoplay after interaction ends
+    container.addEventListener('mouseup', () => {
+      setupAutoplay()
+    })
+    
+    container.addEventListener('touchend', () => {
+      setupAutoplay()
+    })
+    
+    // Initialize autoplay
+    setupAutoplay()
+    
+    // Store observer for cleanup
+    carouselRef.value._observer = observer
+  }
+})
+
+onBeforeUnmount(() => {
+  // Clean up all resources
+  if (carouselRef.value) {
+    // Clean up intersection observer
+    if (carouselRef.value._observer) {
+      carouselRef.value._observer.disconnect()
+    }
+    
+    // Clean up event listeners
+    const container = carouselRef.value.querySelector('.carousel__container')
+    if (container) {
+      container.removeEventListener('focusin', () => {})
+      container.removeEventListener('focusout', () => {})
+      container.removeEventListener('mousedown', () => {})
+      container.removeEventListener('touchstart', () => {})
+      container.removeEventListener('mouseup', () => {})
+      container.removeEventListener('touchend', () => {})
+    }
+  }
+  
+  // Clear all timeouts and intervals
+  if (autoplayInterval.value) {
+    clearInterval(autoplayInterval.value)
+  }
+  
+  if (scrollTimeout.value) {
+    clearTimeout(scrollTimeout.value)
+  }
+})
+
+// Watch for changes in entities to reinitialize if needed
+watch(entitiesState, (newValue) => {
+  if (newValue.length && carouselRef.value) {
+    // Reset to first slide
+    selectedIndex.value = 0
+    scrollTo(0)
+    
+    // Reset autoplay
+    setupAutoplay()
+  }
+})
+</script>
+
+<style scoped>
+.carousel {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.carousel__container {
+  display: flex;
+  scroll-snap-type: x mandatory;
+  overflow-x: scroll;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  scroll-behavior: smooth;
+}
+
+.carousel__container::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
+
+.carousel__slide {
+  flex: 0 0 100%;
+  width: 100%;
+  scroll-snap-align: start;
+  scroll-snap-stop: always;
+}
+
+/* Navigation dots */
+.carousel__dots {
+  display: flex;
+  justify-content: center;
+  gap: 0.5rem;
+  margin-top: 1rem;
+}
+
+.carousel__dot {
+  width: 0.625rem;
+  height: 0.625rem;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.2);
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.carousel__dot--active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>

package/src/modules/auth/views/components/sections/FeaturedUsers.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="o-hidden w-100">
     <div class="flex-center flex w-100">
-      <h2 class="t-center h2 w-max-50 mn-b-big">
+      <h2 class="t-center h2 w-max-50r mn-b-big">
         Ask the hundreds shaping your entertainment for decades
       </h2>
     </div>
@@ -71,7 +71,7 @@
     <p class="w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big">
       Together, we're shaping the future of the globals music community.
     </p>
-    <router-link :to="{ name: 'Sign In' }" class="bg-black mn-r-auto mn-l-auto t-medium t-white button">
+    <router-link :to="{ name: 'Sign In' }" class="bg-black w-max mn-r-auto mn-l-auto t-medium t-white button">
       Join Now
     </router-link>
   </div>

package/src/modules/community/components/sections/HotPosts.vue

@@ -55,7 +55,6 @@ const props = defineProps({
   },
   period: {
     type: String,
-    default: 'year'
   },
   category: {
     type: String,

package/src/modules/events/components/blocks/CardEvent.vue

@@ -45,7 +45,10 @@
 
     <section 
     	class="pos-relative w-100"
-    	:class="{'pd-t-zero pd-medium': type !== 'short'}"
+    	:class="{
+    		'pd-t-zero pd-medium': type !== 'short',
+    		'flex-nowrap flex flex-v-center': type === 'short'
+    	}"
     >
 
 	    <IconEdit
@@ -60,14 +63,17 @@
 			/>
 
     	<div
-    		:class="{'mn-b-small': type !== 'short'}"
+    		:class="{
+    			'mn-b-small': type !== 'short',
+    			'order-2 mn-l-thin': type === 'short'
+    		}"
     		class="flex-v-center flex-nowrap flex"
     	>
 				 	<span 
 			    	v-if="type === 'short'" 
-			    	class="t-semi uppercase"
+			    	class="t-semi t-truncate uppercase"
 			    >
-			        {{ truncatedEventName }}
+	        	{{ event.name }}
 			    </span>
 			</div>
 
@@ -88,20 +94,27 @@
 
     	<p 
     		v-if="type !== 'short'" 
-    		class="mn-b-small p-big"
+    		class="mn-b-small p-big t-trim-3"
     	>
     		{{ event.description }}
     	</p>
 
       <slot></slot>
       
-      <div class="flex flex-wrap gap-micro t-medium p-big justify-start align-center">
+      <div 
+      	class="flex-wrap flex-child-default gap-micro t-medium p-big justify-start align-center t-trim-2"
+      	:class="{
+	    		'order-1': type === 'short'
+    		}"
+      >
         <span v-if="event.date?.start" class="mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white">
           <!-- <IconDate :fill="'rgb(var(--black))'" class="w-1r h-auto"/> -->
           <!-- {{formatDate(event.date.start)}} -->
 
 						<span 
-				     
+				     :class="{
+			    		'p-medium': type === 'short'
+		    		}"
 				    	class="t-semi"
 				    >
 				    	{{ formattedDate }}
@@ -115,6 +128,7 @@
 
 
         <span
+        	v-if="type !== 'short'"
           v-for="(chip, index) in event.tags"
           :key="index"
           class="d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main"

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

@@ -97,26 +97,6 @@
             />
           </div>
 
-          <div class="radius-semi pd-medium bg-light">
-            <h4 class="mn-b-small">Organizer</h4>
-            <User 
-              class="h-5r cursor-pointer pd-medium radius-medium bg-white" 
-              :user="event.owner.target._id" 
-              :photo="event.owner.target.profile.photo"
-              :name="event.owner.target.profile.name"
-              :position="event.owner" 
-              @click.stop="$router.push({
-                name: event.owner.type === 'user' ? 'User Profile' : 'Organization', 
-                params: {
-                  _id: event.owner.target._id,
-
-                },
-                query: {
-                  tab: 'events'
-                }
-              })" 
-            />
-          </div>
 
         </div>