@ozdao/martyrs 0.2.561 → 0.2.563

package/src/modules/marketplace/marketplace.client.js

@@ -1,19 +1,16 @@
 // Router
 import addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';
-import { getRoutes } from './marketplace.router.js';
+import { getRoutes } from './views/router/marketplace.router.js';
 
 //Store
 import * as storeMarketplace from './views/store/marketplace.js';
 
-// Layouts
-import Marketplace from './views/components/layouts/Marketplace.vue';
+// Pages
+import Marketplace from './views/components/pages/Marketplace.vue';
 
 // Sections
 import SectionMenu from './views/components/sections/SectionMenu.vue';
 
-// Pages
-import Catalog from './views/components/pages/Catalog.vue';
-
 // Пример функции инициализации для модуля маркетплейса
 function initializeMarketplace(app, store, router, options = {}) {
   const routes = getRoutes(options);
@@ -39,8 +36,6 @@ const ModuleMarketplace = {
       // Sections
       SectionMenu,
       // Pages
-      Catalog,
-      // Layouts
       Marketplace,
     },
   },
@@ -49,8 +44,6 @@ const ModuleMarketplace = {
 export {
   // Elements
   // Pages
-  Catalog,
-  // Layouts
   Marketplace,
   // Blocks
   // Sections

package/src/modules/marketplace/marketplace.server.js

@@ -0,0 +1,22 @@
+import marketplaceRoutes from './routes/marketplace.routes.js';
+
+function initializeMarketplace(app, db, origins, publicPath) {
+  // Marketplace использует существующие модели (Spot, StockAvailability, Variant, Product, Organization)
+  // Модели уже зарегистрированы в spots, inventory, products, organizations модулях
+
+  // Настраиваем маршруты
+  if (app) {
+    marketplaceRoutes(app, db, origins, publicPath);
+  }
+}
+
+export const routes = {
+  marketplaceRoutes,
+};
+
+export const initialize = initializeMarketplace;
+
+export default {
+  initialize: initializeMarketplace,
+  routes,
+};

package/src/modules/marketplace/routes/marketplace.routes.js

@@ -0,0 +1,34 @@
+import middlewareFactoryAuth from '@martyrs/src/modules/auth/controllers/middlewares/index.js';
+import controllerFactory from '../controllers/marketplace.controller.js';
+
+export default (function (app, db) {
+  const controller = controllerFactory(db);
+  const { authJwt } = middlewareFactoryAuth(db);
+
+  /**
+   * GET /api/marketplace/catalog
+   * Public endpoint for marketplace catalog
+   * Returns organizations with available products at nearby spots
+   *
+   * Query params:
+   * - location: { coordinates: [lng, lat] } or JSON string
+   * - locationRadius: number (km)
+   * - address/city/state/country: for geocoding
+   * - priceMin/priceMax: number
+   * - delivery: comma-separated string or array
+   * - payment: comma-separated string or array
+   * - categories: comma-separated string or array
+   * - isOpenNow: boolean
+   * - sortParam: 'distance' | 'rating' | 'views' (default: 'distance')
+   * - sortOrder: 'asc' | 'desc' (default: 'asc')
+   * - skip: number (default: 0)
+   * - limit: number (default: 18)
+   */
+  app.get(
+    '/api/marketplace/catalog',
+    [
+      authJwt.verifyToken(true), // Optional authentication
+    ],
+    controller.readCatalog
+  );
+});

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

@@ -0,0 +1,273 @@
+<template>
+  <div class="pos-relative">
+    <header class="pd-medium mn-b-thin">
+      <h2 class="">
+        <span class="">Weed Deliveries in </span>
+
+        <span
+          v-if="localPosition.city || localPosition.state || localPosition.country"
+          @click="a => { store.core.state.isOpenLocationPopup = true }"
+          class="t-main t-semi cursor-pointer "
+        >
+          <template v-if="localPosition.city">{{localPosition.city}}, </template>
+          <template v-if="localPosition.state">{{localPosition.state}}, </template>
+          <template v-if="localPosition.country">{{localPosition.country}}</template>
+        </span>
+
+        <span v-else @click="a => { store.core.state.isOpenLocationPopup = true }"  class="t-main t-semi cursor-pointer">The World</span>
+      </h2>
+    </header>
+
+    <div class="cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative">
+
+      <div class="o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative">
+        <div class="w-100 o-y-scroll h-100">
+          <!-- Location Filter -->
+          <div v-if="!route.params.country && !route.params.state && !route.params.city" class="mn-b-medium">
+            <h4 class="mn-b-small">Location</h4>
+            <Field
+              v-model="searchLocation"
+              placeholder="Search location..."
+              type="text"
+              class="w-100 bg-light pd-small radius-small mn-b-small"
+            />
+            <div class="gap-micro">
+              <div
+                v-for="location in marketplace.state.locationOptions"
+                :key="location.label"
+                @click="router.push(location.path)"
+                class="cursor-pointer hover-t-underline mn-b-regular transition-all"
+              >
+                {{ location.label }}
+              </div>
+            </div>
+          </div>
+
+          <!-- Filters Group -->
+          <FiltersGroup
+            :filters="marketplace.state.filter.options"
+            v-model:selected="marketplace.state.filter.selected"
+            :immediate="true"
+            :showHeader="false"
+            :showApplyButton="false"
+            :showResetButton="true"
+          />
+        </div>
+      </div>
+
+      <div class="w-100 rows-1 pd-thin pos-relative o-hidden">
+        <Feed
+          :search="true"
+          v-model:sort="marketplace.state.sort"
+          :showLoadMore="false"
+          :states="{
+            empty: {
+              title: 'No Shops Found',
+              description: 'Currently, there are no shops.'
+            }
+          }"
+          :store="{
+            read: (options) => marketplaceStore.readCatalog(options)
+          }"
+          :options="{
+            country: localPosition.country,
+            state: localPosition.state,
+            city: localPosition.city,
+            location: localLocation?.location,
+            lookup: ['products','spots'],
+            contain: ['products'],
+            priceMin: marketplace.state.filter.selected.price?.min,
+            priceMax: marketplace.state.filter.selected.price?.max,
+            delivery: marketplace.state.filter.selected.delivery?.length > 0 ? marketplace.state.filter.selected.delivery.join(',') : undefined,
+            payment: marketplace.state.filter.selected.payment?.length > 0 ? marketplace.state.filter.selected.payment.join(',') : undefined
+          }"
+          v-slot="{
+            items
+          }"
+          class="rows-1 gap-thin"
+        >
+          <div class="mn-b-thin mobile-only">
+            <Filters
+              v-model:filters="marketplace.state.filter.options"
+              v-model:selected="marketplace.state.filter.selected"
+              class=""
+            />
+          </div>
+
+          <CardOrganization
+            v-for="organization in items"
+            :key="organization._id"
+            :organization="organization"
+            :showRating="true"
+            :showFollowers="false"
+            :showProducts="true"
+            class="bg-light w-100 o-hidden radius-medium pd-small "
+          />
+        </Feed>
+
+      </div>
+    </div>
+  </div>
+
+</template>
+
+
+<script setup="props">
+  // Import libs
+  import { onMounted, watch, ref } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import { useI18n } from 'vue-i18n'
+
+  import Feed from '@martyrs/src/components/Feed/Feed.vue'
+  import Filters  from '@martyrs/src/modules/core/views/components/sections/Filters.vue'
+  import FiltersGroup from '@martyrs/src/modules/core/views/components/sections/filters/FiltersGroup.vue'
+  import Field from "@martyrs/src/components/Field/Field.vue"
+
+  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'
+
+  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'
+  import * as organization from '@martyrs/src/modules/organizations/store/organizations.js'
+  import * as marketplace from '../../store/marketplace'
+  import marketplaceStore from '../../store/marketplace'
+  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'
+
+  const route = useRoute()
+  const router = useRouter()
+  const store = useStore()
+  const { returnCurrency } = useGlobalMixins()
+
+  const localPosition = ref({
+    city: null,
+    state: null,
+    country: null
+  });
+
+  const localLocation = ref(null);
+  // Location filter
+  const searchLocation = ref('');
+
+  if (route.params) {
+    // Загружаем новые значения из параметров маршрута в состояние
+    let newState = {
+      country: denormalizeUrlParam(route.params.country),
+      state: denormalizeUrlParam(route.params.state),
+      city: denormalizeUrlParam(route.params.city),
+    };
+
+	  // Обновляем глобальное состояние
+	  localPosition.value = newState;
+	}
+
+	if (route.query) {
+	 	const query = route.query;
+
+		marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];
+		marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];
+		marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];
+	}
+
+	if (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam
+	if (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder
+
+  function denormalizeUrlParam(param) {
+    return param
+      .replace(/-/g, ' ')
+      .replace(/\b\w/g, l => l.toUpperCase());
+  }
+
+  function normalizeUrlParam(param) {
+    return param
+      .toLowerCase()
+      .replace(/ /g, '-')
+      .replace(/[^a-z0-9-]/g, '');
+  }
+
+	watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {
+		let query = { ...route.query}
+		
+		query.sortParam = newSortValue.param
+		query.sortOrder = newSortValue.order
+	  
+	  // replace the current route
+	  router.replace({ query });
+	}, { deep: true });
+
+
+	watch(() => marketplace.state.filter.selectedFilters, (newFilterValue, oldFilterValue) => {
+	  // Переводим фильтр в формат query
+	  const query = { ...route.query };
+
+	  // Удаляем старые значения фильтра из query
+	  Object.keys(oldFilterValue).forEach(key => {
+	    if (query[key]) {
+	      delete query[key];
+	    }
+	  });
+
+	  // Добавляем новые значения фильтра в query
+	  const newQueryValues = Object.fromEntries(
+	    Object.entries(newFilterValue)
+	      .filter(([key, value]) => Array.isArray(value) && value.length > 0)
+	      .map(([key, value]) => [key, value.join(',')])
+	  );
+
+	  delete query.options;
+	  Object.assign(query, newQueryValues);
+
+	  // Обновляем маршрут с новым query
+	  router.replace({ query });
+	}, { deep: true })
+
+	watch(() => store.core.state.position, (newPosition) => {
+   // get the current route
+   const currentRoute = { ...router.currentRoute.value };
+	  
+   // create new parameters based on globals state position
+   let newParams = {
+     country: normalizeUrlParam(newPosition.country),
+     state: normalizeUrlParam(newPosition.state),
+     city: normalizeUrlParam(newPosition.city),
+   };
+
+  let newState = {
+    country: denormalizeUrlParam(newPosition.country),
+    state: denormalizeUrlParam(newPosition.state),
+    city: denormalizeUrlParam(newPosition.city),
+  };
+  
+   // update route params
+   localPosition.value = newState;
+   currentRoute.params = newParams;
+
+  
+   // replace the current route
+   router.replace(currentRoute);
+	}, { deep: true });
+
+  const text = {
+    locale: 'en',
+    messages: {
+      en: {
+        meta: {
+          title: "Marketplace – Shop Our Wide Selection of Quality Weed for Delivery",
+          description: "Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.",
+        }
+      },
+      ru: {
+        meta: {
+          title: "Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки",
+          description: "Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.",
+        }
+      }
+    }
+  }
+
+  const { t } = useI18n(text)
+</script>
+
+<style lang="scss">
+
+
+</style>
+
+

package/src/modules/marketplace/views/router/marketplace.router.js

@@ -1,35 +1,42 @@
-import layoutMarketplace from '../components/layouts/Marketplace.vue';
+function buildMarketplaceTree(options = {}) {
+  const marketplaceComponent = options.marketplaceComponent || (() => import(
+    /* webpackChunkName: 'marketplace-page' */
+    '../components/pages/Marketplace.vue'
+  ));
 
-const marketplace = {
-  path: 'marketplace',
-  component: layoutMarketplace,
-  name: 'Marketplace',
-  meta: {
-    title: {
-      en: 'Marketplace',
-      ru: 'Маркетплейс',
-    },
-  },
-  children: [
+  const buildName = (suffix) => {
+    const prefix = options.routeNamePrefix || '';
+    return suffix ? `${prefix}${suffix}` : prefix || undefined;
+  };
+
+  return [
     {
-      path: ':country?',
-      component: () => import(/* webpackChunkName: 'Deliveries' */ '../components/pages/Catalog.vue'),
-      children: [
-        {
-          path: ':state?',
-          name: 'State',
-          component: () => import(/* webpackChunkName: 'Deliveries' */ '../components/pages/Catalog.vue'),
-          children: [
-            {
-              path: ':city?',
-              name: 'City',
-              component: () => import(/* webpackChunkName: 'Deliveries' */ '../components/pages/Catalog.vue'),
-            },
-          ],
+      path: ':country?/:state?/:city?',
+      name: buildName('Marketplace') || 'Marketplace',
+      component: marketplaceComponent,
+      meta: {
+        title: {
+          en: 'Marketplace',
+          ru: 'Маркетплейс',
         },
-      ],
+      },
+    },
+  ];
+}
+
+export function getRoutes(options = {}) {
+  const route = options.route || 'Home';
+  const routes = [];
+
+  routes.push({
+    parentName: route,
+    config: {
+      basePath: options.basePath || 'marketplace',
+      routes: buildMarketplaceTree(options),
     },
-  ],
-};
+  });
+
+  return routes;
+}
 
-export default marketplace;
+export default { getRoutes };

package/src/modules/marketplace/views/store/marketplace.js

@@ -1,4 +1,8 @@
 import { reactive, watch } from 'vue';
+import StoreManager from '@martyrs/src/modules/core/views/classes/store.manager.js';
+import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';
+
+const { returnCurrency } = useGlobalMixins();
 
 // State
 const state = reactive({
@@ -13,20 +17,63 @@ const state = reactive({
     current: '',
     result: [],
   },
+  locationOptions: [
+    { label: 'All', path: '/marketplace' },
+    { label: 'Phuket', path: '/marketplace/thailand/phuket' },
+    { label: 'Bangkok', path: '/marketplace/thailand/bangkok' },
+    { label: 'Chiang Mai', path: '/marketplace/thailand/chiang-mai' },
+    { label: 'Pattaya', path: '/marketplace/thailand/pattaya' },
+  ],
   filter: {
     active: false,
     class: 'mobile-only',
     selected: {},
     options: [
+      {
+        title: 'Price',
+        value: 'price',
+        type: 'range',
+        minPlaceholder: 'From',
+        maxPlaceholder: 'To',
+        label: returnCurrency()
+      },
       {
         title: 'Delivery',
         value: 'delivery',
+        type: 'checkbox',
         options: [
           { label: 'Pickup', value: 'pickup' },
-          { label: 'Courier', value: 'courier' },
-          { label: 'Post', value: 'post' },
+          { label: 'Delivery', value: 'courier' },
+          { label: 'Mail', value: 'post' },
         ],
       },
+      {
+        title: 'Payment',
+        value: 'payment',
+        type: 'checkbox',
+        options: [
+          { label: 'Cash', value: 'cash' },
+          { label: 'Card', value: 'card' },
+          { label: 'Crypto', value: 'crypto' },
+          { label: 'Bank Transfer', value: 'bank' },
+        ],
+      },
+      {
+        title: 'Availability Date',
+        value: 'availabilityDate',
+        type: 'date'
+      },
+      {
+        title: 'Rating',
+        value: 'rating',
+        type: 'radio',
+        options: [
+          { label: '5 stars', value: '5' },
+          { label: '4+ stars', value: '4' },
+          { label: '3+ stars', value: '3' },
+          { label: 'Any rating', value: 'any' }
+        ]
+      },
     ],
   },
   sort: {
@@ -58,5 +105,29 @@ watch(state, (newState, oldState) => {
   history.push(newState);
 });
 
+// Actions через StoreManager
+const marketplaceStore = new StoreManager('/api/marketplace');
+
+// Custom action для каталога
+marketplaceStore.readCatalog = async function(params = {}) {
+  console.log('Reading marketplace catalog with params:', params);
+  try {
+    const result = await this.request('/catalog', { params });
+    console.log(`Catalog returned ${result.length || 0} items`);
+
+    // Обновляем state.shops если нужно
+    if (result && Array.isArray(result)) {
+      state.shops = result;
+    }
+
+    return result;
+  } catch (error) {
+    console.error('Catalog read failed:', error);
+    throw error;
+  }
+};
+
 // Module Export
-export { state };
+export { state, marketplaceStore };
+
+export default marketplaceStore;

package/src/modules/organizations/components/blocks/CardOrganization.vue

@@ -97,20 +97,20 @@
       <div class="w-max flex-nowrap flex gap-thin">
         <CardOrderItem
           @click.stop="$router.push(`/organizations/${organization._id}/products/${product._id}`)"
-          v-for="product in organization.products.slice(0,5)" 
-          :key="product._id" 
-          :editable="false" 
+          v-for="product in organization.products.slice(0,5)"
+          :key="product._id"
+          :editable="false"
           :productId="product._id"
-          :variantId="product.variant"
+          :variantId="product.variants?.[0]?._id"
           :images="product.images"
           :name="product.name"
-          :quantity="product.quantity || 1"
-          :unit="product.unit"
+          :quantity="product.variants?.[0]?.quantity || 1"
+          :unit="product.variants?.[0]?.unit"
           :dates="product.date"
           :listing="product.listing"
-          :price="product.price"
+          :price="product.variants?.[0]?.price"
           class="pd-thin w-15r radius-medium bg-white"
-         
+
         />
         <button class="pd-thin w-15r radius-medium bg-main button">
           View menu

package/src/modules/organizations/controllers/organizations.controller.js

@@ -38,7 +38,7 @@ const controllerFactory = db => {
         ...queryProcessorCore.getSearchOptions(req.query.search, {
           fields: requestedLookups.includes('products') ? ['profile.name', 'products.name'] : ['profile.name'],
         }),
-        ...(requestedLookups.includes('products') && req.query.prices ? getPriceConditions(req.query.prices) : []),
+        ...(requestedLookups.includes('products') && (req.query.prices || req.query.priceMin || req.query.priceMax) ? getPriceConditions(req.query.prices, req.query.priceMin, req.query.priceMax) : []),
         ...(requestedLookups.includes('spots') ? (await getLocationStages(req.query)).stages : []),
         ...(requestedLookups.includes('memberships') ? [addUserStatusFields(req.query.user), addMembersQuantity(req.query.user)] : []),
         ...(matchConditions.length > 0 ? [{ $match: { $and: matchConditions } }] : []),

package/src/modules/organizations/controllers/utils/queryProcessorOrganizations.js

@@ -127,7 +127,14 @@ const getDistanceStages = location => [
     },
   },
 ];
-const getPriceConditions = prices => {
+const getPriceConditions = (prices, priceMin, priceMax) => {
+  // Если есть priceMin/priceMax, конвертируем в формат "min-max"
+  if ((priceMin && priceMin.trim() !== '') || (priceMax && priceMax.trim() !== '')) {
+    const min = (priceMin && priceMin.trim() !== '') ? priceMin : '0';
+    const max = (priceMax && priceMax.trim() !== '') ? priceMax : '999999';
+    prices = `${min}-${max}`;
+  }
+
   if (!prices) return [];
   const priceRanges = prices.split(',');
   const priceConditions = priceRanges.map(priceRange => {

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.vue.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  submit: {\n    type: Function,\n    default: async () => { console.log('Button click.') }\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      success: null,\n      error: null\n    })\n  },\n  counter: {\n    type: Object\n  },\n  callback: {\n    type: Function,\n    default: async () => { console.log('Button callback.') }\n  },\n  callbackDelay: {\n    type: Number,\n    default: 750\n  },\n  showSucces: {\n    type: Boolean,\n    default: true\n  },\n  showLoader: {\n    type: Boolean,\n    default: true\n  },\n  validation: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst emits = defineEmits(['error'])\n\nconst button = ref(null)\nconst error = ref(null)\nconst loading = ref(false)\nconst finished = ref(false)\n\nasync function Submit() {\n  console.log('click')\n  \n  button.value.style['pointer-events'] = 'none'\n  error.value = null\n  loading.value = true\n\n  // Функция для сброса состояния кнопки\n  const resetButton = () => {\n    if (button.value) {\n      button.value.style.pointerEvents = 'auto'\n      loading.value = false\n      finished.value = false\n      error.value = null\n    }\n  }\n\n  try {\n    await props.submit()\n\n    button.value.classList.replace('bg-main', 'bg-second')\n    loading.value = false\n\n    // Используем функцию сброса состояния кнопки здесь\n    if (props.showSucces) { \n      finished.value = true\n      setTimeout(() => {\n        resetButton()\n        button.value.classList.replace('bg-second', 'bg-main')\n      }, 500)\n    } else {\n      resetButton()\n      button.value.classList.replace('bg-second', 'bg-main')\n    }\n\n    // Если есть callback, мы также установим таймер для его вызова\n    if (props.callback) setTimeout(() => props.callback(), props.callbackDelay)\n\n  } catch (err) {\n    emits('error', err)\n    // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке\n    button.value.classList.replace('bg-main', 'bg-fourth-nano')\n    loading.value = false\n    error.value = true\n    \n    // После задержки снова сбрасываем состояние кнопки\n    setTimeout(() => {\n      resetButton()\n      // Так как класс кнопки был изменен, вернем его в исходное состояние\n      button.value.classList.replace('bg-fourth-nano', 'bg-main')\n    }, 1330)\n  }\n}\n</script>\n\n<template>\n  <button \n    @click.stop=\"Submit\"\n    :disabled=\"validation\"\n    ref=\"button\"\n\t\tclass=\"button\"\n    :class=\"{ 'button--disabled': loading || validation }\"\n  >\n    <Transition name=\"content\" mode=\"out-in\">\n      <!-- Default slot content -->\n      <span v-if=\"!loading && !error && !finished || !showLoader\" class=\"button-content\">\n        <slot></slot>\n      </span>\n      <!-- Loading state -->\n      <Loader v-else-if=\"loading && !error && showLoader\"   class=\"icon button-content pos-relative pos-t-0 pos-l-0 loading\"/>\n      <!-- Success state -->\n      <span v-else-if=\"finished && showSucces\" class=\"button-content t-semi t-center w-100 loading t-black\">\n        <template v-if=\"text.success\">\n          {{ text.success }}\n        </template>\n        <IconCheckmark v-else class=\"icon\" />\n      </span>\n      <!-- Error state -->\n      <span v-else-if=\"error\" class=\"button-content t-center w-100 error\">\n        <template v-if=\"text.error\">\n          {{ text.error }}\n        </template>\n        <IconCross v-else class=\"icon\" />\n      </span>\n    </Transition>\n    \n    <!-- Counter -->\n    <div v-if=\"counter\" class=\"button-counter flex flex-center\">\n      <span>{{ counter }}</span>\n    </div>\n  </button>\n</template>\n\n<style lang=\"scss\">\nbutton[disabled] {\n  opacity: 0.75 !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  color: rgba(var(--dark), 0.33) !important;\n  background: rgba(var(--light), 1) !important;\n}\n\na.button {\n  text-box: trim-both cap alphabetic;\n}\n\n.button {\n  display: flex;\n  padding: var(--small);\n  border-radius: var(--small);\n  text-box: trim-both cap alphabetic;\n  transform: scale(1);\n  opacity: 1;\n  align-items: center;\n  justify-content: center;\n  color: black;\n  text-align: center;\n  font-size: 1rem;\n  letter-spacing: 5%;\n  transition: all 0.33s ease;\n\n  &:hover {\n    cursor: pointer;\n    opacity: 0.9;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  &-small {\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    height: fit-content;\n  }\n\n  .button-counter {\n    position: absolute;\n    right: -8px;\n    bottom: -8px;\n    background: yellow;\n    height: 16px;\n    border-radius: 16px;\n    width: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 16px;\n    font-size: 10px;\n  }\n}\n\n.button-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.icon {\n  width: 1rem;\n  height: 1rem;\n}\n\n/* Vue Transitions */\n.content-enter-active,\n.content-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.content-enter-from {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n}\n\n.content-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.95);\n}\n\n.content-enter-to,\n.content-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAqCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEnB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACxB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAEA,UAAI;AACF,cAAM,MAAM,OAAM;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AACrD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACpB,mBAAS,QAAQ;AACjB,qBAAW,MAAM;AACf,wBAAW;AACX,mBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,UACvD,GAAG,GAAG;AAAA,QACR,OAAO;AACL,sBAAW;AACX,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,QACvD;AAGA,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAQ,GAAI,MAAM,aAAa;AAAA,MAE5E,SAAS,KAAK;AACZ,cAAM,SAAS,GAAG;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,gBAAQ,QAAQ;AAChB,cAAM,QAAQ;AAGd,mBAAW,MAAM;AACf,sBAAW;AAEX,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC5D,GAAG,IAAI;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.vue2.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spoiler.vue.js","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"toggleSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :isOpen=\"showSpoiler\"></slot>\n    </div>\n    <transition\n      name=\"collapse\"\n      @enter=\"onEnter\"\n      @after-enter=\"onAfterEnter\"\n      @leave=\"onLeave\"\n    >\n      <div v-show=\"showSpoiler\" class=\"spoiler\" ref=\"spoilerContent\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nconst props = defineProps({\n  status: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst showSpoiler = ref(false);\nconst spoilerContent = ref(null);\n\nonMounted(() => {\n  if (props.status) {\n    showSpoiler.value = props.status;\n  }\n});\n\nconst toggleSpoiler = () => {\n  showSpoiler.value = !showSpoiler.value;\n};\n\n// Анимация открытия\nconst onEnter = (el) => {\n  el.style.height = '0';\n  void el.offsetHeight; // force reflow\n  el.style.height = el.scrollHeight + 'px';\n};\n\nconst onAfterEnter = (el) => {\n  el.style.height = 'auto';\n};\n\n// Анимация закрытия\nconst onLeave = (el) => {\n  el.style.height = el.scrollHeight + 'px';\n  void el.offsetHeight; // force reflow\n  el.style.height = '0';\n};\n\ndefineExpose({\n  showSpoiler\n});\n</script>\n<style lang=\"scss\">\n.spoiler {\n  overflow: hidden;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAoBA,UAAM,QAAQ;AAOd,UAAM,cAAc,IAAI,KAAK;AAC7B,UAAM,iBAAiB,IAAI,IAAI;AAE/B,cAAU,MAAM;AACd,UAAI,MAAM,QAAQ;AAChB,oBAAY,QAAQ,MAAM;AAAA,MAC5B;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,kBAAY,QAAQ,CAAC,YAAY;AAAA,IACnC;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS;AAClB,WAAK,GAAG;AACR,SAAG,MAAM,SAAS,GAAG,eAAe;AAAA,IACtC;AAEA,UAAM,eAAe,CAAC,OAAO;AAC3B,SAAG,MAAM,SAAS;AAAA,IACpB;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS,GAAG,eAAe;AACpC,WAAK,GAAG;AACR,SAAG,MAAM,SAAS;AAAA,IACpB;AAEA,aAAa;AAAA,MACX;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}