@ozdao/martyrs 0.2.604 → 0.2.605

package/dist/martyrs/src/modules/inventory/components/pages/Inventory.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inventory.vue.js","sources":["../../../../../../../src/modules/inventory/components/pages/Inventory.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <!-- Header -->\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2>Inventory</h2>\n      <button\n        @click=\"route.meta.context === 'backoffice' ? router.push({ name: 'BackofficeInventoryAudit' }) : router.push({ name: 'OrganizationInventoryAudit', params: { _id: route.params._id } })\"\n        class=\"mn-l-auto radius-small button t-white bg-second\"\n        v-html=\"'+ New Audit'\"\n      />\n    </header>\n\n    <!-- Products Feed -->\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        v-model:sort=\"sort\"\n        v-model:items=\"items\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :actions=\"[{\n          key: 'settings',\n          component: IconSettings,\n          props: {\n            class: 'h-3r pd-r-small pd-l-small flex-center flex bg-light t-black radius-small hover:scale-[1.05] cursor-pointer'\n          },\n          handler: openViewSettings\n        }]\"\n        :options=\"{\n          limit: 15,\n          lookup: ['inventory','categories'],\n          owner: route.params._id,\n          sortParam: sort.param,\n          sortOrder: sort.order\n        }\"\n      >\n        <Table\n          :columns=\"columns.filter(col => col.visible)\"\n          :items=\"items\"\n          class=\"bg-white z-index-1 br-1px br-light radius-medium\"\n        >\n          <!-- Name column (was \"product\") -->\n          <template #cell-name=\"{ row }\">\n            <div class=\"w-max-20r truncate flex gap-small flex-nowrap flex-v-center\">\n              <img\n                v-if=\"row.images?.length\"\n                :src=\"(FILE_SERVER_URL || '') + row.images[0]\"\n                alt=\"Product\"\n                class=\"w-3r h-3r radius-small bg-light object-fit-cover\"\n              />\n              <PlaceholderImage v-else class=\"w-3r h-3r radius-small\" />\n              <p class=\"truncate ws-nowrap\">{{ row.name || 'Unknown Product' }}</p>\n            </div>\n          </template>\n\n          <!-- Categories -->\n          <template #cell-category=\"{ row }\">\n            <div class=\"w-max-10r flex-nowrap flex  truncate\">\n              <p\n                v-if=\"row.category?.length\"\n                v-for=\"cat in row.category\"\n                :key=\"cat._id\"\n                class=\"w-max truncate pd-small mn-r-micro radius-small bg-light t-small\"\n              >\n                {{ cat.name }}\n              </p>\n              <p v-else>-</p>\n            </div>\n          </template>\n\n          <!-- Storages -->\n          <template #cell-storages=\"{ row }\">\n            <div class=\"w-max-10r flex-nowrap flex  truncate\">\n              <p\n                v-if=\"row.availabilityDetails?.length\"\n                v-for=\"avail in row.availabilityDetails\" \n                :key=\"avail._id\"\n                class=\"w-max truncate pd-small mn-r-micro radius-small bg-light t-small\"\n              >\n\n                <span class=\"fw-medium\">{{ avail.available || 0 }}</span> ·  \n                <span class=\"t-small\">{{ avail.storageName || avail.storage }}:</span>\n              </p>\n              <p v-else>No stock</p>\n            </div>\n          </template>\n\n          <!-- Available (replaces stock) -->\n          <template #cell-available=\"{ row }\">\n            <div class=\"flex-column flex\">\n              <span class=\"d-block mn-b-thin\">\n                {{ row.available }} ·\n                {{ row.available <= 5 ? 'Low' : row.available <= 10 ? 'Medium' : 'High' }}\n              </span>\n              <div class=\"w-100 h-micro radius-thin bg-light\">\n                <div\n                  class=\"h-100 radius-thin\"\n                  :class=\"\n                    row.available <= 1\n                      ? 'bg-red t-white'\n                      : row.available <= 2\n                      ? 'bg-orange t-white'\n                      : 'bg-green t-white'\n                  \"\n                  :style=\"`width: ${\n                    Math.min(\n                      (row.available / (row.alert !== undefined ? row.alert : 50)) * 100,\n                      100\n                    )\n                  }%`\"\n                />\n              </div>\n            </div>\n          </template>\n          <!-- Price -->\n          <template #cell-price=\"{ row }\">\n            {{ formatPrice(row.price || 0) }}\n          </template>\n\n          <!-- Actions -->\n          <template #cell-actions=\"{ row }\">\n            <Dropdown\n              :label=\"{ component: IconEllipsis, class: 't-transp i-medium' }\"\n              class=\"cursor-pointer aspect-1x1 pd-nano radius-small hover:bg-light\"\n              align=\"right\"\n            >\n              <div class=\"bg-white radius-small\">\n                <button @click=\"openStockAudit(row)\" class=\"cursor-pointer t-left ws-nowrap w-100 pd-small\">\n                  Audit Stock\n                </button>\n                <button @click=\"openStockHistory(row)\" class=\"cursor-pointer t-left ws-nowrap w-100 pd-small\">\n                  Stock History\n                </button>\n                <button @click=\"openReorderSettings(row)\" class=\"cursor-pointer t-left ws-nowrap w-100 pd-small\">\n                  Set Alerts\n                </button>\n              </div>\n            </Dropdown>\n          </template>\n        </Table>\n      </Feed>\n    </div>\n    <!-- Modals -->\n    <Popup\n      :isPopupOpen=\"showAuditModal\"\n      @close-popup=\"showAuditModal = false\"\n      title=\"Audit Stock\"\n      class=\"bg-white radius-medium pd-medium w-min-40r\"\n    >\n      <AdjustmentForm\n        :product=\"selectedProduct\"\n        @close=\"showAuditModal = false\"\n        @adjustment-created=\"handleAdjustmentCreated\"\n      />\n    </Popup>\n\n    <Popup\n      :isPopupOpen=\"showReorderModal\"\n      @close-popup=\"showReorderModal = false\"\n      title=\"Stock Level Alerts\"\n      class=\"bg-white radius-medium pd-medium w-min-30r\"\n    >\n      <StockAlertsForm\n        :product=\"selectedProduct\"\n        @close=\"showReorderModal = false\"\n      />\n    </Popup>\n\n    <Popup\n      :isPopupOpen=\"showHistoryModal\"\n      @close-popup=\"showHistoryModal = false\"\n      title=\"Stock History\"\n      class=\"bg-white radius-medium pd-medium w-min-50r\"\n    >\n      <HistoryView\n        :product=\"selectedProduct\"\n        @close=\"showHistoryModal = false\"\n      />\n    </Popup>\n\n    <Popup\n      :isPopupOpen=\"showSettingsModal\"\n      @close-popup=\"showSettingsModal = false\"\n      title=\"View Settings\"\n      class=\"bg-white radius-medium pd-medium w-min-30r\"\n    >\n      <ColumnSettingsMenu\n        :columns=\"columns\"\n        @save=\"handleColumnsUpdate\"\n        @close=\"showSettingsModal = false\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n// Components\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\n// Icons\nimport IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue'\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n// Forms\nimport AdjustmentForm from '../forms/AdjustmentForm.vue'\nimport StockAlertsForm from '../forms/StockAlertsForm.vue'\nimport HistoryView from '../forms/HistoryView.vue'\nimport ColumnSettingsMenu from '../forms/ColumnSettingsMenu.vue'\n\n// Stores\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\nimport * as products from '@martyrs/src/modules/products/store/products.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport stockAlerts from '@martyrs/src/modules/inventory/store/stock.alerts.store.js'\n\n// Router\nconst route = useRoute()\nconst router = useRouter()\nconst { formatPrice } = useGlobalMixins()\n\n// Products items state\nconst items = ref([])\n\n// Feed controls\nconst sort = ref({\n  param: 'available',\n  order: 'asc',\n  options: [\n    { label: 'Available', value: 'available' },\n    { label: 'Name', value: 'name' },\n    { label: 'Price', value: 'price' },\n    { label: 'Created', value: 'createdAt' }\n  ]\n})\n\nconst filter = reactive({\n  active: false,\n  class: '',\n  selected: { category: [], stockLevel: [] },\n  options: [\n    { title: 'Categories', value: 'category', options: [] },\n    {\n      title: 'Stock Level',\n      value: 'stockLevel',\n      options: [\n        { label: 'Low', value: 'low' },\n        { label: 'Medium', value: 'medium' },\n        { label: 'High', value: 'high' }\n      ]\n    }\n  ]\n})\n\n// Column definitions + visibility, combined into one\nconst columns = reactive([\n  { key: 'name',     label: 'Product Name', component: true, visible: true },\n  { key: 'category', label: 'Categories',   component: true, visible: true },\n  { key: 'storages', label: 'Storages',     component: true, visible: true },\n  { key: 'available',label: 'Total Available', component: true, visible: true },\n  { key: 'price',    label: 'Unit Price',   component: true, visible: true },\n  { key: 'actions',  label: '',             component: true, visible: true }\n])\n\n// Modal & selection state\nconst showAuditModal    = ref(false)\nconst showReorderModal  = ref(false)\nconst showHistoryModal  = ref(false)\nconst showSettingsModal = ref(false)\nconst selectedProduct   = ref(null)\n\n// Handlers\nfunction openStockAudit(row) {\n  selectedProduct.value = row\n  showAuditModal.value = true\n}\n\n// Update product after adjustment\nfunction handleAdjustmentCreated(adjustment) {\n  // Find the product in items array\n  const productIndex = items.value.findIndex(item => item._id === adjustment.product)\n  \n  if (productIndex !== -1) {\n    // Update the available quantity\n    items.value[productIndex].available += adjustment.quantity\n    \n    // Update availabilityDetails if present\n    if (items.value[productIndex].availabilityDetails) {\n      const storageDetail = items.value[productIndex].availabilityDetails.find(\n        detail => detail.storage === adjustment.storage\n      )\n      \n      if (storageDetail) {\n        storageDetail.available += adjustment.quantity\n      } else {\n        // Add new storage detail if not found\n        items.value[productIndex].availabilityDetails.push({\n          storage: adjustment.storage,\n          available: adjustment.quantity,\n          storageName: adjustment.storageName || adjustment.storage\n        })\n      }\n    }\n  }\n  \n  showAuditModal.value = false\n}\nfunction openReorderSettings(row = null) {\n  selectedProduct.value = row\n  showReorderModal.value = true\n}\nfunction openStockHistory(row) {\n  selectedProduct.value = row\n  showHistoryModal.value = true\n}\nfunction openViewSettings() {\n  showSettingsModal.value = true\n}\nfunction handleColumnsUpdate(updated) {\n  // Update column visibility\n  columns.forEach(col => {\n    col.visible = updated.includes(col.key)\n  })\n  showSettingsModal.value = false\n}\n</script>\n\n<style>\n.bg-orange {\n  background-color: rgb(var(--orange));\n}\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Inventory.vue.js","sources":["../../../../../../../src/modules/inventory/components/pages/Inventory.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Header -->\n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      :title=\"currentCategory ? currentCategory.name : 'Inventory'\"\n      :actions=\"[\n        { method: () => route.meta.context === 'backoffice' ? router.push({ name: 'BackofficeInventoryAudit' }) : router.push({ name: 'OrganizationInventoryAudit', params: { _id: route.params._id } }), label: '+ Add Audit' }\n      ]\"\n      class=\"pd-medium\"\n    />\n\n    <div class=\"cols-[1fr_3fr] mobile:cols-1 tablet:cols-1 z-index-3 pos-relative\">\n\n      <!-- Desktop sidebar с категориями -->\n      <div class=\"o-y-scroll br-r-1px br-grey pd-medium z-index-2 desktop-only h-100 pos-relative\">\n        <div class=\"w-100 o-y-scroll h-100\">\n          <!-- Категории -->\n          <div class=\"mn-b-medium\" v-if=\"currentCategories.length > 0\">\n            <h4 class=\"mn-b-medium\">\n              {{ route.params.categoryPath ? 'Subcategories' : 'Categories' }}\n            </h4>\n            <div class=\"gap-micro\">\n              <div\n                v-for=\"category in currentCategories\"\n                :key=\"category._id\"\n                @click=\"selectCategory(category)\"\n                class=\"cursor-pointer hover:underline mn-b-regular ease\"\n              >\n                {{ category.name }}\n                <br>\n                <span v-for=\"subcategory in category.children\">{{subcategory.name}}</span>\n              </div>\n            </div>\n          </div>\n\n          <!-- Stock Level фильтр -->\n          <Spoiler\n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">Stock Level</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <Checkbox\n                  v-for=\"option in stockLevelOptions\"\n                  :key=\"option.value\"\n                  v-model:radio=\"selectedStockLevel\"\n                  :label=\"option.label\"\n                  :value=\"option.value\"\n                  mode=\"checkbox\"\n                  class=\"mn-b-micro\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n        </div>\n      </div>\n\n      <!-- Контент -->\n      <div class=\"w-100 flex flex-column pd-thin pos-relative o-hidden\">\n\n        <!-- Mobile категории -->\n        <div class=\"mn-b-thin mobile-only w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular\">\n          <div class=\"gap-thin flex-nowrap flex\">\n            <div\n              v-for=\"category in currentCategories\"\n              :key=\"category._id\"\n              @click=\"selectCategory(category)\"\n              class=\"flex-child-default bg-light flex ws-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease\"\n            >\n              {{ category.name }}\n            </div>\n          </div>\n        </div>\n\n        <!-- Products Feed -->\n        <Feed\n          :search=\"true\"\n          v-model:sort=\"sort\"\n          v-model:items=\"items\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: products.state\n          }\"\n          :actions=\"[{\n            key: 'settings',\n            component: IconSettings,\n            props: {\n              class: 'h-3r pd-r-small pd-l-small flex-center flex bg-light t-black radius-small hover:scale-[1.05] cursor-pointer'\n            },\n            handler: openViewSettings\n          }]\"\n          :options=\"{\n            limit: 15,\n            lookup: ['inventory','categories'],\n            owner: route.params._id,\n            categories: route.params.categoryPath ? `/${route.params.categoryPath}` : null,\n            sortParam: sort.param,\n            sortOrder: sort.order\n          }\"\n        >\n          <Table\n            :columns=\"columns.filter(col => col.visible)\"\n            :items=\"items\"\n            class=\"bg-white z-index-1 br-1px br-light radius-medium\"\n          >\n            <!-- Name column (was \"product\") -->\n            <template #cell-name=\"{ row }\">\n              <div class=\"w-max-20r truncate flex gap-small flex-nowrap flex-v-center\">\n                <img\n                  v-if=\"row.images?.length\"\n                  :src=\"(FILE_SERVER_URL || '') + row.images[0]\"\n                  alt=\"Product\"\n                  class=\"w-3r h-3r radius-small bg-light object-fit-cover\"\n                />\n                <PlaceholderImage v-else class=\"w-3r h-3r radius-small\" />\n                <p class=\"truncate ws-nowrap\">{{ row.name || 'Unknown Product' }}</p>\n              </div>\n            </template>\n\n            <!-- Categories -->\n            <template #cell-category=\"{ row }\">\n              <div class=\"w-max-10r flex-nowrap flex  truncate\">\n                <p\n                  v-if=\"row.category?.length\"\n                  v-for=\"cat in row.category\"\n                  :key=\"cat._id\"\n                  class=\"w-max truncate pd-small mn-r-micro radius-small bg-light t-small\"\n                >\n                  {{ cat.name }}\n                </p>\n                <p v-else>-</p>\n              </div>\n            </template>\n\n            <!-- Storages -->\n            <template #cell-storages=\"{ row }\">\n              <div class=\"w-max-10r flex-nowrap flex  truncate\">\n                <p\n                  v-if=\"row.availabilityDetails?.length\"\n                  v-for=\"avail in row.availabilityDetails\"\n                  :key=\"avail._id\"\n                  class=\"w-max truncate pd-small mn-r-micro radius-small bg-light t-small\"\n                >\n\n                  <span class=\"fw-medium\">{{ avail.available || 0 }}</span> ·\n                  <span class=\"t-small\">{{ avail.storageName || avail.storage }}:</span>\n                </p>\n                <p v-else>No stock</p>\n              </div>\n            </template>\n\n            <!-- Available (replaces stock) -->\n            <template #cell-available=\"{ row }\">\n              <div class=\"flex-column flex\">\n                <span class=\"d-block mn-b-thin\">\n                  {{ row.available }} ·\n                  {{ row.available <= 5 ? 'Low' : row.available <= 10 ? 'Medium' : 'High' }}\n                </span>\n                <div class=\"w-100 h-micro radius-thin bg-light\">\n                  <div\n                    class=\"h-100 radius-thin\"\n                    :class=\"\n                      row.available <= 1\n                        ? 'bg-red t-white'\n                        : row.available <= 2\n                        ? 'bg-orange t-white'\n                        : 'bg-green t-white'\n                    \"\n                    :style=\"`width: ${\n                      Math.min(\n                        (row.available / (row.alert !== undefined ? row.alert : 50)) * 100,\n                        100\n                      )\n                    }%`\"\n                  />\n                </div>\n              </div>\n            </template>\n            <!-- Price -->\n            <template #cell-price=\"{ row }\">\n              {{ formatPrice(row.price || 0) }}\n            </template>\n\n            <!-- Actions -->\n            <template #cell-actions=\"{ row }\">\n              <Dropdown\n                :label=\"{ component: IconEllipsis, class: 'opacity-50 i-medium' }\"\n                class=\"cursor-pointer aspect-1x1 pd-nano radius-small hover:bg-light\"\n                align=\"right\"\n              >\n                <div class=\"bg-white radius-small\">\n                  <button @click=\"openStockAudit(row)\" class=\"cursor-pointer t-left ws-nowrap w-100 pd-small\">\n                    Audit Stock\n                  </button>\n                  <button @click=\"openStockHistory(row)\" class=\"cursor-pointer t-left ws-nowrap w-100 pd-small\">\n                    Stock History\n                  </button>\n                  <button @click=\"openReorderSettings(row)\" class=\"cursor-pointer t-left ws-nowrap w-100 pd-small\">\n                    Set Alerts\n                  </button>\n                </div>\n              </Dropdown>\n            </template>\n          </Table>\n        </Feed>\n      </div>\n    </div>\n\n    <!-- Modals -->\n    <Popup\n      :isPopupOpen=\"showAuditModal\"\n      @close-popup=\"showAuditModal = false\"\n      title=\"Audit Stock\"\n      class=\"bg-white radius-medium pd-medium w-min-40r\"\n    >\n      <AdjustmentForm\n        :product=\"selectedProduct\"\n        @close=\"showAuditModal = false\"\n        @adjustment-created=\"handleAdjustmentCreated\"\n      />\n    </Popup>\n\n    <Popup\n      :isPopupOpen=\"showReorderModal\"\n      @close-popup=\"showReorderModal = false\"\n      title=\"Stock Level Alerts\"\n      class=\"bg-white radius-medium pd-medium w-min-30r\"\n    >\n      <StockAlertsForm\n        :product=\"selectedProduct\"\n        @close=\"showReorderModal = false\"\n      />\n    </Popup>\n\n    <Popup\n      :isPopupOpen=\"showHistoryModal\"\n      @close-popup=\"showHistoryModal = false\"\n      title=\"Stock History\"\n      class=\"bg-white radius-medium pd-medium w-min-50r\"\n    >\n      <HistoryView\n        :product=\"selectedProduct\"\n        @close=\"showHistoryModal = false\"\n      />\n    </Popup>\n\n    <Popup\n      :isPopupOpen=\"showSettingsModal\"\n      @close-popup=\"showSettingsModal = false\"\n      title=\"View Settings\"\n      class=\"bg-white radius-medium pd-medium w-min-30r\"\n    >\n      <ColumnSettingsMenu\n        :columns=\"columns\"\n        @save=\"handleColumnsUpdate\"\n        @close=\"showSettingsModal = false\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n// Components\nimport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\n// Icons\nimport IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue'\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\n// Forms\nimport AdjustmentForm from '../forms/AdjustmentForm.vue'\nimport StockAlertsForm from '../forms/StockAlertsForm.vue'\nimport HistoryView from '../forms/HistoryView.vue'\nimport ColumnSettingsMenu from '../forms/ColumnSettingsMenu.vue'\n\n// Stores\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\nimport * as products from '@martyrs/src/modules/products/store/products.js'\nimport * as categories from '@martyrs/src/modules/products/store/categories.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport stockAlerts from '@martyrs/src/modules/inventory/store/stock.alerts.store.js'\n\n// Router\nconst route = useRoute()\nconst router = useRouter()\nconst { formatPrice } = useGlobalMixins()\n\n// Категории и фильтры\nconst currentCategories = ref([])\nconst currentCategory = ref(null)\n\nconst stockLevelOptions = [\n  { label: 'Low', value: 'low' },\n  { label: 'Medium', value: 'medium' },\n  { label: 'High', value: 'high' }\n]\nconst selectedStockLevel = ref([])\n\nconst loadCategoryData = async () => {\n  const categoryPath = route.params.categoryPath\n\n  try {\n    if (categoryPath) {\n      // Загружаем категорию и её прямых детей\n      const result = await categories.actions.read({\n        url: `/${categoryPath}`,\n        depth: 1,\n        tree: false\n      })\n\n      if (result.length > 0) {\n        currentCategory.value = result[0]\n        currentCategories.value = result[0].children || []\n      }\n    } else {\n      // Загружаем только корневые категории\n      const result = await categories.actions.read({\n        root: true,\n        tree: false\n      })\n\n      currentCategory.value = null\n      currentCategories.value = result\n    }\n  } catch (error) {\n    console.error('Error loading categories:', error)\n    currentCategories.value = []\n  }\n}\n\n// Функция для выбора категории\nconst selectCategory = (category) => {\n  const categoryPath = category.url ? category.url.substring(1) : ''\n\n  if (!categoryPath) {\n    console.warn('No URL found for category:', category)\n    return\n  }\n\n  const basePath = route.meta.context === 'backoffice' ? '/backoffice/inventory' : `/organizations/${route.params._id}/inventory`\n  router.push(`${basePath}/categories/${categoryPath}`)\n}\n\n// Products items state\nconst items = ref([])\n\n// Feed controls\nconst sort = ref({\n  param: 'available',\n  order: 'asc',\n  options: [\n    { label: 'Available', value: 'available' },\n    { label: 'Name', value: 'name' },\n    { label: 'Price', value: 'price' },\n    { label: 'Created', value: 'createdAt' }\n  ]\n})\n\n// Column definitions + visibility, combined into one\nconst columns = reactive([\n  { key: 'name',     label: 'Product Name', component: true, visible: true },\n  { key: 'category', label: 'Categories',   component: true, visible: true },\n  { key: 'storages', label: 'Storages',     component: true, visible: true },\n  { key: 'available',label: 'Total Available', component: true, visible: true },\n  { key: 'price',    label: 'Unit Price',   component: true, visible: true },\n  { key: 'actions',  label: '',             component: true, visible: true }\n])\n\n// Modal & selection state\nconst showAuditModal    = ref(false)\nconst showReorderModal  = ref(false)\nconst showHistoryModal  = ref(false)\nconst showSettingsModal = ref(false)\nconst selectedProduct   = ref(null)\n\n// Handlers\nfunction openStockAudit(row) {\n  selectedProduct.value = row\n  showAuditModal.value = true\n}\n\n// Update product after adjustment\nfunction handleAdjustmentCreated(adjustment) {\n  // Find the product in items array\n  const productIndex = items.value.findIndex(item => item._id === adjustment.product)\n\n  if (productIndex !== -1) {\n    // Update the available quantity\n    items.value[productIndex].available += adjustment.quantity\n\n    // Update availabilityDetails if present\n    if (items.value[productIndex].availabilityDetails) {\n      const storageDetail = items.value[productIndex].availabilityDetails.find(\n        detail => detail.storage === adjustment.storage\n      )\n\n      if (storageDetail) {\n        storageDetail.available += adjustment.quantity\n      } else {\n        // Add new storage detail if not found\n        items.value[productIndex].availabilityDetails.push({\n          storage: adjustment.storage,\n          available: adjustment.quantity,\n          storageName: adjustment.storageName || adjustment.storage\n        })\n      }\n    }\n  }\n\n  showAuditModal.value = false\n}\nfunction openReorderSettings(row = null) {\n  selectedProduct.value = row\n  showReorderModal.value = true\n}\nfunction openStockHistory(row) {\n  selectedProduct.value = row\n  showHistoryModal.value = true\n}\nfunction openViewSettings() {\n  showSettingsModal.value = true\n}\nfunction handleColumnsUpdate(updated) {\n  // Update column visibility\n  columns.forEach(col => {\n    col.visible = updated.includes(col.key)\n  })\n  showSettingsModal.value = false\n}\n\nonMounted(async () => {\n  await loadCategoryData()\n})\n</script>\n\n<style>\n.bg-orange {\n  background-color: rgb(var(--orange));\n}\n</style>\n"],"names":["categories.actions"],"mappings":"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"}

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.js

@@ -29,7 +29,7 @@ const _hoisted_5 = ["src"];
 const _hoisted_6 = { class: "fw-medium" };
 const _hoisted_7 = {
   key: 0,
-  class: "t-small t-transp"
+  class: "t-small opacity-50"
 };
 const _hoisted_8 = { class: "mn-l-auto" };
 const _hoisted_9 = { class: "gap-thin flex-v-center flex-justify-start flex" };

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"InventoryEdit.vue.js","sources":["../../../../../../../src/modules/inventory/components/pages/InventoryEdit.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium mobile:pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2 class=\"\">Create Inventory Audit</h2>\n    </header>\n    \n    <Popup \n      title=\"Add position\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <Feed\n        :search=\"{\n          class: 'bg-light radius-small'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id,\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-column flex gap-thin h-max-20r o-scroll\"\n      >\n        <CardOrderItem\n          v-for=\"(product, index) in items\" \n          :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n          :editable=\"false\" \n          :productId=\"product._id\"\n          :variantId=\"product.variant\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.quantity || 1\"\n          :unit=\"product.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.price\"\n          @click=\"() => selectProduct(product)\"\n          class=\"bg-light pd-small radius-small w-100\"\n        />\n      </Feed>\n    </Popup>\n    \n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToInventory(variant)\"\n            class=\"w-100 cursor-pointer hover:scale-[1.05] bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"fw-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      class=\"mn-b-thin\"\n    >\n       <Field\n        v-model:field=\"inventory.state.current.comment\"\n        placeholder=\"Describe details of the inventory audit\"\n        type=\"textarea\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <div class=\"fw-medium mn-t-small mn-b-thin\">Select Storage:</div>\n      <Feed\n        :states=\"{\n          empty: {\n            title: 'No Spots Found',\n            description: 'Currently, there are no spots available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => spots.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          organization: route.params._id,\n          limit: 3\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-nowrap flex-column gap-thin flex\"\n      >\n        <CardSpot\n          v-for=\"(spot, index) in items\"\n          :key=\"index\"\n          :spot=\"spot\"\n          :organization=\"route.params._id\"\n          :selected=\"inventory.state.current.storage === spot._id\"\n          @click=\"() => inventory.state.current.storage = inventory.state.current.storage === spot._id ? null : spot._id\"\n          class=\"radius-small h-min-big clickable bg-white\"\n        />\n      </Feed>\n\n\n    </Block>\n\n    <Block\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      placeholder=\"No positions added yet\"\n      class=\"h-100 flex-column flex gap-thin mn-b-thin\"\n    >\n      <CardPosition\n        v-for=\"(position, index) in inventory.state.current.positions\" \n        :key=\"position._id || index\" \n        :image=\"position.image\"\n        :name=\"position.name\"\n        :title=\"formatPrice(position.cost * position.quantity)\"\n        :title_class=\"[position.cost * position.quantity < 0 ? 't-red' : 't-dark']\"\n        :subtitle=\"`${formatPrice(position.cost)} × ${Math.abs(position.quantity)}${position.unit} `\"\n      >\n        <template v-slot:actions>\n          <QuantitySelector v-model=\"position.quantity\"/>\n         \n          <!-- <Dropdown\n            :label=\"{ component: IconEllipsis, class: 't-transp i-medium' }\"\n            class=\"cursor-pointer aspect-1x1 pd-nano radius-small hover:bg-light\"\n            align=\"right\"\n          >\n            <div class=\"bg-white radius-small\">\n              <button @click=\"leftovers.state.current.positions.splice(index, 1)\" class=\"cursor-pointer t-left ws-nowrap w-100 pd-small\">\n                Delete\n              </button>\n            </div>\n          </Dropdown> -->\n\n        </template>\n      </CardPosition>\n  \n    </Block>\n\n     <!--  :actions=\"[{\n          component: IconEdit,\n          handler: () => store.core.actions.add(leftovers.state.current.positions, position),\n          class: 'bg-light'\n        },{\n          component: IconDelete,\n          handler: () => leftovers.state.current.positions.splice(index, 1),\n          class: 'bg-red'\n        }]\" -->\n\n    <Block class=\"\">\n      <section class=\"gap-thin flex-v-center flex-justify-start flex\">\n        <span class=\"h3 mn-r-auto\">\n          In total: {{formatPrice(totalPrice)}}\n        </span>\n\n         <!-- Save Draft -->\n        <Button\n          :submit=\"onSaveDraft\"\n          class=\"bg-second w-min-5r button\"\n        >\n          <span>Save Draft</span>\n        </Button>\n\n         <!-- Publish -->\n        <Button\n          :submit=\"onPublish\"\n          class=\"bg-main w-min-5r button\"\n        >\n          <span>Publish</span>\n        </Button>\n\n        <!-- Reset -->\n        <Button\n          :submit=\"onReset\"\n          class=\"t-white w-min-5r bg-second button\"\n        >\n          <span>Reset</span>\n        </Button>\n\n        <!-- Delete button removed - only create mode supported -->\n      </section>\n    </Block>\n  </div>\n</template>\n\n\n<script setup>\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Field from '@martyrs/src/components/Field/Field.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue';\n  import Select from '@martyrs/src/components/Select/Select.vue';\n  import Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n  import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'; \n\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import QuantitySelector from '@martyrs/src/modules/products/components/elements/QuantitySelector.vue';\n\n  import { computed, onMounted, ref, reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  const store = useStore();\n  import * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as spots from '@martyrs/src/modules/spots/store/spots.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n  import IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n  const { formatPrice } = useGlobalMixins();\n  \n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  const totalPrice = computed(() => {\n    return inventory.state.current.positions.reduce((sum, position) => {\n      return Number(sum) + Number(position.cost || 0) * Number(position.quantity || 1);\n    }, 0);\n  });\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n  \n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n  \n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToInventory(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  \n  function addVariantToInventory(variant) {\n    // Create a position object that includes variant information\n    console.log('variant',variant)\n    const position = {\n      _id: variant._id,\n      product: selectedProduct.value._id, \n      name: formatProductName(selectedProduct.value, variant),\n      image: variant.images?.[0] || selectedProduct.value?.images?.[0] || null,\n      cost: variant.cost || variant.price || 0,\n      unit: variant.unit || 'pcs',\n      quantity: 1,\n      variant: {\n        _id: variant._id,\n        name: variant.name,\n        attributes: variant.attributes || []\n      }\n    };\n    // Add position to inventory state\n    store.core.actions.add(inventory.state.current.positions, position);\n    closeVariantsPopup();\n  }\n\n  onMounted(async () => {\n    // Reset inventory state for new audit\n    inventory.mutations.resetCurrent();\n  });\n\n  async function onReset() {\n    inventory.mutations.resetCurrent();\n    return true;\n  }\n\n\n  function prepareInventoryData(status = 'draft') {\n    return {\n      storage: inventory.state.current.storage,\n      comment: inventory.state.current.comment,\n      status: status,\n      positions: inventory.state.current.positions.map(pos => ({\n        product: pos.product,\n        variant: pos.variant?._id,\n        storage: inventory.state.current.storage,\n        quantity: pos.quantity,\n        reason: 'custom',\n        comment: `Inventory audit: ${pos.name}`,\n        cost: pos.cost\n      })),\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    };\n  }\n\n  function navigateBack() {\n    if (route.meta.context === 'backoffice') {\n      router.push({ name: 'BackofficeInventoryList' });\n    } else if (route.meta.context === 'organization') {\n      router.push({ name: 'OrganizationInventoryList', params: { _id: route.params._id } });\n    }\n  }\n\n  async function onSaveDraft() {\n    try {\n      const inventoryData = prepareInventoryData('draft');\n      await inventory.actions.createInventory(inventoryData);\n      navigateBack();\n    } catch (error) {\n      console.error('Error creating draft inventory:', error);\n    }\n  }\n\n  async function onPublish() {\n    try {\n      const inventoryData = prepareInventoryData('published');\n      await inventory.actions.createInventory(inventoryData);\n      navigateBack();\n    } catch (error) {\n      console.error('Error publishing inventory:', error);\n    }\n  }\n\n  // Remove delete function as we only support creation mode\n</script>"],"names":["inventory.state","inventory.mutations","auth.state","inventory.actions"],"mappings":"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"}
+{"version":3,"file":"InventoryEdit.vue.js","sources":["../../../../../../../src/modules/inventory/components/pages/InventoryEdit.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium mobile:pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2 class=\"\">Create Inventory Audit</h2>\n    </header>\n    \n    <Popup \n      title=\"Add position\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <Feed\n        :search=\"{\n          class: 'bg-light radius-small'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id,\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-column flex gap-thin h-max-20r o-scroll\"\n      >\n        <CardOrderItem\n          v-for=\"(product, index) in items\" \n          :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n          :editable=\"false\" \n          :productId=\"product._id\"\n          :variantId=\"product.variant\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.quantity || 1\"\n          :unit=\"product.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.price\"\n          @click=\"() => selectProduct(product)\"\n          class=\"bg-light pd-small radius-small w-100\"\n        />\n      </Feed>\n    </Popup>\n    \n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToInventory(variant)\"\n            class=\"w-100 cursor-pointer hover:scale-[1.05] bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"fw-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small opacity-50\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      class=\"mn-b-thin\"\n    >\n       <Field\n        v-model:field=\"inventory.state.current.comment\"\n        placeholder=\"Describe details of the inventory audit\"\n        type=\"textarea\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <div class=\"fw-medium mn-t-small mn-b-thin\">Select Storage:</div>\n      <Feed\n        :states=\"{\n          empty: {\n            title: 'No Spots Found',\n            description: 'Currently, there are no spots available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => spots.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          organization: route.params._id,\n          limit: 3\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-nowrap flex-column gap-thin flex\"\n      >\n        <CardSpot\n          v-for=\"(spot, index) in items\"\n          :key=\"index\"\n          :spot=\"spot\"\n          :organization=\"route.params._id\"\n          :selected=\"inventory.state.current.storage === spot._id\"\n          @click=\"() => inventory.state.current.storage = inventory.state.current.storage === spot._id ? null : spot._id\"\n          class=\"radius-small h-min-big clickable bg-white\"\n        />\n      </Feed>\n\n\n    </Block>\n\n    <Block\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      placeholder=\"No positions added yet\"\n      class=\"h-100 flex-column flex gap-thin mn-b-thin\"\n    >\n      <CardPosition\n        v-for=\"(position, index) in inventory.state.current.positions\" \n        :key=\"position._id || index\" \n        :image=\"position.image\"\n        :name=\"position.name\"\n        :title=\"formatPrice(position.cost * position.quantity)\"\n        :title_class=\"[position.cost * position.quantity < 0 ? 't-red' : 't-dark']\"\n        :subtitle=\"`${formatPrice(position.cost)} × ${Math.abs(position.quantity)}${position.unit} `\"\n      >\n        <template v-slot:actions>\n          <QuantitySelector v-model=\"position.quantity\"/>\n         \n          <!-- <Dropdown\n            :label=\"{ component: IconEllipsis, class: 'opacity-50 i-medium' }\"\n            class=\"cursor-pointer aspect-1x1 pd-nano radius-small hover:bg-light\"\n            align=\"right\"\n          >\n            <div class=\"bg-white radius-small\">\n              <button @click=\"leftovers.state.current.positions.splice(index, 1)\" class=\"cursor-pointer t-left ws-nowrap w-100 pd-small\">\n                Delete\n              </button>\n            </div>\n          </Dropdown> -->\n\n        </template>\n      </CardPosition>\n  \n    </Block>\n\n     <!--  :actions=\"[{\n          component: IconEdit,\n          handler: () => store.core.actions.add(leftovers.state.current.positions, position),\n          class: 'bg-light'\n        },{\n          component: IconDelete,\n          handler: () => leftovers.state.current.positions.splice(index, 1),\n          class: 'bg-red'\n        }]\" -->\n\n    <Block class=\"\">\n      <section class=\"gap-thin flex-v-center flex-justify-start flex\">\n        <span class=\"h3 mn-r-auto\">\n          In total: {{formatPrice(totalPrice)}}\n        </span>\n\n         <!-- Save Draft -->\n        <Button\n          :submit=\"onSaveDraft\"\n          class=\"bg-second w-min-5r button\"\n        >\n          <span>Save Draft</span>\n        </Button>\n\n         <!-- Publish -->\n        <Button\n          :submit=\"onPublish\"\n          class=\"bg-main w-min-5r button\"\n        >\n          <span>Publish</span>\n        </Button>\n\n        <!-- Reset -->\n        <Button\n          :submit=\"onReset\"\n          class=\"t-white w-min-5r bg-second button\"\n        >\n          <span>Reset</span>\n        </Button>\n\n        <!-- Delete button removed - only create mode supported -->\n      </section>\n    </Block>\n  </div>\n</template>\n\n\n<script setup>\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Field from '@martyrs/src/components/Field/Field.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue';\n  import Select from '@martyrs/src/components/Select/Select.vue';\n  import Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n  import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'; \n\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import QuantitySelector from '@martyrs/src/modules/products/components/elements/QuantitySelector.vue';\n\n  import { computed, onMounted, ref, reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  const store = useStore();\n  import * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as spots from '@martyrs/src/modules/spots/store/spots.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n  import IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n  const { formatPrice } = useGlobalMixins();\n  \n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  const totalPrice = computed(() => {\n    return inventory.state.current.positions.reduce((sum, position) => {\n      return Number(sum) + Number(position.cost || 0) * Number(position.quantity || 1);\n    }, 0);\n  });\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n  \n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n  \n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToInventory(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  \n  function addVariantToInventory(variant) {\n    // Create a position object that includes variant information\n    console.log('variant',variant)\n    const position = {\n      _id: variant._id,\n      product: selectedProduct.value._id, \n      name: formatProductName(selectedProduct.value, variant),\n      image: variant.images?.[0] || selectedProduct.value?.images?.[0] || null,\n      cost: variant.cost || variant.price || 0,\n      unit: variant.unit || 'pcs',\n      quantity: 1,\n      variant: {\n        _id: variant._id,\n        name: variant.name,\n        attributes: variant.attributes || []\n      }\n    };\n    // Add position to inventory state\n    store.core.actions.add(inventory.state.current.positions, position);\n    closeVariantsPopup();\n  }\n\n  onMounted(async () => {\n    // Reset inventory state for new audit\n    inventory.mutations.resetCurrent();\n  });\n\n  async function onReset() {\n    inventory.mutations.resetCurrent();\n    return true;\n  }\n\n\n  function prepareInventoryData(status = 'draft') {\n    return {\n      storage: inventory.state.current.storage,\n      comment: inventory.state.current.comment,\n      status: status,\n      positions: inventory.state.current.positions.map(pos => ({\n        product: pos.product,\n        variant: pos.variant?._id,\n        storage: inventory.state.current.storage,\n        quantity: pos.quantity,\n        reason: 'custom',\n        comment: `Inventory audit: ${pos.name}`,\n        cost: pos.cost\n      })),\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    };\n  }\n\n  function navigateBack() {\n    if (route.meta.context === 'backoffice') {\n      router.push({ name: 'BackofficeInventoryList' });\n    } else if (route.meta.context === 'organization') {\n      router.push({ name: 'OrganizationInventoryList', params: { _id: route.params._id } });\n    }\n  }\n\n  async function onSaveDraft() {\n    try {\n      const inventoryData = prepareInventoryData('draft');\n      await inventory.actions.createInventory(inventoryData);\n      navigateBack();\n    } catch (error) {\n      console.error('Error creating draft inventory:', error);\n    }\n  }\n\n  async function onPublish() {\n    try {\n      const inventoryData = prepareInventoryData('published');\n      await inventory.actions.createInventory(inventoryData);\n      navigateBack();\n    } catch (error) {\n      console.error('Error publishing inventory:', error);\n    }\n  }\n\n  // Remove delete function as we only support creation mode\n</script>"],"names":["inventory.state","inventory.mutations","auth.state","inventory.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgQE,UAAM,QAAQ,SAAQ;AAUtB,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,YAAW,IAAK,gBAAe;AAEvC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,aAAa,SAAS,MAAM;AAChC,aAAOA,MAAgB,QAAQ,UAAU,OAAO,CAAC,KAAK,aAAa;AACjE,eAAO,OAAO,GAAG,IAAI,OAAO,SAAS,QAAQ,CAAC,IAAI,OAAO,SAAS,YAAY,CAAC;AAAA,MACjF,GAAG,CAAC;AAAA,IACN,CAAC;AAED,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAC5B,sBAAgB,QAAQ;AAAA,IAC1B;AAEA,aAAS,cAAc,SAAS;AAC9B,sBAAgB,QAAQ;AACxB,yBAAkB;AAGlB,UAAI,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACrD,8BAAsB,QAAQ,SAAS,CAAC,CAAC;AACzC;AAAA,MACF;AAGA,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,kBAAkB,SAAS,SAAS;AAC3C,UAAI,CAAC,WAAW,QAAQ,UAAU,WAAW,KAAK,CAAE,QAAQ,YAAY;AACtE,eAAO,QAAQ;AAEjB,YAAM,QAAQ,QAAQ,YAAY,IAAI,OAAK,EAAE,KAAK,EAAE,OAAO,OAAO;AAClE,aAAO,OAAO,SACV,GAAG,QAAQ,IAAI,MAAM,MAAM,KAAK,KAAK,CAAC,KACtC,GAAG,QAAQ,IAAI,MAAM,QAAQ,IAAI;AAAA,IACvC;AAGA,aAAS,sBAAsB,SAAS;AAEtC,cAAQ,IAAI,WAAU,OAAO;AAC7B,YAAM,WAAW;AAAA,QACf,KAAK,QAAQ;AAAA,QACb,SAAS,gBAAgB,MAAM;AAAA,QAC/B,MAAM,kBAAkB,gBAAgB,OAAO,OAAO;AAAA,QACtD,OAAO,QAAQ,SAAS,CAAC,KAAK,gBAAgB,OAAO,SAAS,CAAC,KAAK;AAAA,QACpE,MAAM,QAAQ,QAAQ,QAAQ,SAAS;AAAA,QACvC,MAAM,QAAQ,QAAQ;AAAA,QACtB,UAAU;AAAA,QACV,SAAS;AAAA,UACP,KAAK,QAAQ;AAAA,UACb,MAAM,QAAQ;AAAA,UACd,YAAY,QAAQ,cAAc,CAAA;AAAA,QAC1C;AAAA,MACA;AAEI,YAAM,KAAK,QAAQ,IAAIA,MAAgB,QAAQ,WAAW,QAAQ;AAClE,yBAAkB;AAAA,IACpB;AAEA,cAAU,YAAY;AAEpBC,gBAAoB,aAAY;AAAA,IAClC,CAAC;AAED,mBAAe,UAAU;AACvBA,gBAAoB,aAAY;AAChC,aAAO;AAAA,IACT;AAGA,aAAS,qBAAqB,SAAS,SAAS;AAC9C,aAAO;AAAA,QACL,SAASD,MAAgB,QAAQ;AAAA,QACjC,SAASA,MAAgB,QAAQ;AAAA,QACjC;AAAA,QACA,WAAWA,MAAgB,QAAQ,UAAU,IAAI,UAAQ;AAAA,UACvD,SAAS,IAAI;AAAA,UACb,SAAS,IAAI,SAAS;AAAA,UACtB,SAASA,MAAgB,QAAQ;AAAA,UACjC,UAAU,IAAI;AAAA,UACd,QAAQ;AAAA,UACR,SAAS,oBAAoB,IAAI,IAAI;AAAA,UACrC,MAAM,IAAI;AAAA,QAClB,EAAQ;AAAA,QACF,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC7B;AAAA,QACM,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQE,QAAW,KAAK;AAAA,QAChC;AAAA,MACA;AAAA,IACE;AAEA,aAAS,eAAe;AACtB,UAAI,MAAM,KAAK,YAAY,cAAc;AACvC,eAAO,KAAK,EAAE,MAAM,0BAAyB,CAAE;AAAA,MACjD,WAAW,MAAM,KAAK,YAAY,gBAAgB;AAChD,eAAO,KAAK,EAAE,MAAM,6BAA6B,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,MACtF;AAAA,IACF;AAEA,mBAAe,cAAc;AAC3B,UAAI;AACF,cAAM,gBAAgB,qBAAqB,OAAO;AAClD,cAAMC,UAAkB,gBAAgB,aAAa;AACrD,qBAAY;AAAA,MACd,SAAS,OAAO;AACd,gBAAQ,MAAM,mCAAmC,KAAK;AAAA,MACxD;AAAA,IACF;AAEA,mBAAe,YAAY;AACzB,UAAI;AACF,cAAM,gBAAgB,qBAAqB,WAAW;AACtD,cAAMA,UAAkB,gBAAgB,aAAa;AACrD,qBAAY;AAAA,MACd,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MACpD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/inventory/inventory.client.js

@@ -9,14 +9,14 @@ import { default as default7 } from "./components/forms/StockAlertsForm.vue.js";
 function initializeInventory(app, store, router, options = {}) {
   const routeBackoffice = options.routeBackoffice || "Backoffice Root";
   const routeOrganizations = options.routeOrganizations || "OrganizationRoot";
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes("backoffice")) {
     addRoutes(router, {
       parentName: routeBackoffice,
       basePath: "inventory",
       routes: inventoryRoutes,
       routeNamePrefix: "Backoffice",
       filterConfig: {
-        include: ["InventoryList", "InventoryAudit"]
+        include: ["InventoryList", "InventoryCategory", "InventoryAudit"]
         // Все роуты для бэкофиса
       },
       meta: {
@@ -24,14 +24,14 @@ function initializeInventory(app, store, router, options = {}) {
       }
     });
   }
-  if (!options.withOrganizationRoutes) {
+  if (!options.contexts || options.contexts.includes("organization")) {
     addRoutes(router, {
       parentName: routeOrganizations,
       basePath: "inventory",
       routes: inventoryRoutes,
       routeNamePrefix: "Organization",
       filterConfig: {
-        include: ["InventoryList", "InventoryAudit"]
+        include: ["InventoryList", "InventoryCategory", "InventoryAudit"]
         // Роуты для организации
       },
       meta: {

package/dist/martyrs/src/modules/inventory/inventory.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"inventory.client.js","sources":["../../../../../src/modules/inventory/inventory.client.js"],"sourcesContent":["import addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport routerInventory from './router/inventory.router.js';\n\n// Views\nimport Inventory from './components/pages/Inventory.vue';\nimport InventoryEdit from './components/pages/InventoryEdit.vue';\n\n// Forms\nimport AdjustmentForm from './components/forms/AdjustmentForm.vue';\nimport HistoryView from './components/forms/HistoryView.vue';\nimport ColumnSettingsMenu from './components/forms/ColumnSettingsMenu.vue';\nimport StockAlertsForm from './components/forms/StockAlertsForm.vue';\n\n// Экспорт компонентов\nexport {\n  Inventory,\n  InventoryEdit,\n  AdjustmentForm,\n  HistoryView,\n  ColumnSettingsMenu,\n  StockAlertsForm\n};\n\n// Функция инициализации для модуля inventory\nfunction initializeInventory(app, store, router, options = {}) {\n  const routeBackoffice = options.routeBackoffice || 'Backoffice Root';\n  const routeOrganizations = options.routeOrganizations || 'OrganizationRoot';\n\n  // Backoffice routes\n  if (!options.withBackoffice) {\n    addRoutes(router, {\n      parentName: routeBackoffice,\n      basePath: 'inventory',\n      routes: routerInventory,\n      routeNamePrefix: 'Backoffice',\n      filterConfig: {\n        include: ['InventoryList', 'InventoryAudit'], // Все роуты для бэкофиса\n      },\n      meta: {\n        context: 'backoffice',\n      },\n    });\n  }\n\n  // Organization routes\n  if (!options.withOrganizationRoutes) {\n    addRoutes(router, {\n      parentName: routeOrganizations,\n      basePath: 'inventory',\n      routes: routerInventory,\n      routeNamePrefix: 'Organization',\n      filterConfig: {\n        include: ['InventoryList', 'InventoryAudit'], // Роуты для организации\n      },\n      meta: {\n        context: 'organization',\n      },\n    });\n  }\n}\n\n// Экспорт модуля\nexport default {\n  initialize: initializeInventory\n};\n"],"names":["routerInventory"],"mappings":";;;;;;;;AAwBA,SAAS,oBAAoB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC7D,QAAM,kBAAkB,QAAQ,mBAAmB;AACnD,QAAM,qBAAqB,QAAQ,sBAAsB;AAGzD,MAAI,CAAC,QAAQ,gBAAgB;AAC3B,cAAU,QAAQ;AAAA,MAChB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQA;AAAAA,MACR,iBAAiB;AAAA,MACjB,cAAc;AAAA,QACZ,SAAS,CAAC,iBAAiB,gBAAgB;AAAA;AAAA,MACnD;AAAA,MACM,MAAM;AAAA,QACJ,SAAS;AAAA,MACjB;AAAA,IACA,CAAK;AAAA,EACH;AAGA,MAAI,CAAC,QAAQ,wBAAwB;AACnC,cAAU,QAAQ;AAAA,MAChB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQA;AAAAA,MACR,iBAAiB;AAAA,MACjB,cAAc;AAAA,QACZ,SAAS,CAAC,iBAAiB,gBAAgB;AAAA;AAAA,MACnD;AAAA,MACM,MAAM;AAAA,QACJ,SAAS;AAAA,MACjB;AAAA,IACA,CAAK;AAAA,EACH;AACF;AAGA,MAAA,mBAAe;AAAA,EACb,YAAY;AACd;"}
+{"version":3,"file":"inventory.client.js","sources":["../../../../../src/modules/inventory/inventory.client.js"],"sourcesContent":["import addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport routerInventory from './router/inventory.router.js';\n\n// Views\nimport Inventory from './components/pages/Inventory.vue';\nimport InventoryEdit from './components/pages/InventoryEdit.vue';\n\n// Forms\nimport AdjustmentForm from './components/forms/AdjustmentForm.vue';\nimport HistoryView from './components/forms/HistoryView.vue';\nimport ColumnSettingsMenu from './components/forms/ColumnSettingsMenu.vue';\nimport StockAlertsForm from './components/forms/StockAlertsForm.vue';\n\n// Экспорт компонентов\nexport {\n  Inventory,\n  InventoryEdit,\n  AdjustmentForm,\n  HistoryView,\n  ColumnSettingsMenu,\n  StockAlertsForm\n};\n\n// Функция инициализации для модуля inventory\nfunction initializeInventory(app, store, router, options = {}) {\n  const routeBackoffice = options.routeBackoffice || 'Backoffice Root';\n  const routeOrganizations = options.routeOrganizations || 'OrganizationRoot';\n\n  // Backoffice routes\n  if (!options.contexts || options.contexts.includes('backoffice')) {\n    addRoutes(router, {\n      parentName: routeBackoffice,\n      basePath: 'inventory',\n      routes: routerInventory,\n      routeNamePrefix: 'Backoffice',\n      filterConfig: {\n        include: ['InventoryList', 'InventoryCategory', 'InventoryAudit'], // Все роуты для бэкофиса\n      },\n      meta: {\n        context: 'backoffice',\n      },\n    });\n  }\n\n  // Organization routes\n  if (!options.contexts || options.contexts.includes('organization')) {\n    addRoutes(router, {\n      parentName: routeOrganizations,\n      basePath: 'inventory',\n      routes: routerInventory,\n      routeNamePrefix: 'Organization',\n      filterConfig: {\n        include: ['InventoryList', 'InventoryCategory', 'InventoryAudit'], // Роуты для организации\n      },\n      meta: {\n        context: 'organization',\n      },\n    });\n  }\n}\n\n// Экспорт модуля\nexport default {\n  initialize: initializeInventory\n};\n"],"names":["routerInventory"],"mappings":";;;;;;;;AAwBA,SAAS,oBAAoB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC7D,QAAM,kBAAkB,QAAQ,mBAAmB;AACnD,QAAM,qBAAqB,QAAQ,sBAAsB;AAGzD,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,YAAY,GAAG;AAChE,cAAU,QAAQ;AAAA,MAChB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQA;AAAAA,MACR,iBAAiB;AAAA,MACjB,cAAc;AAAA,QACZ,SAAS,CAAC,iBAAiB,qBAAqB,gBAAgB;AAAA;AAAA,MACxE;AAAA,MACM,MAAM;AAAA,QACJ,SAAS;AAAA,MACjB;AAAA,IACA,CAAK;AAAA,EACH;AAGA,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,cAAc,GAAG;AAClE,cAAU,QAAQ;AAAA,MAChB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQA;AAAAA,MACR,iBAAiB;AAAA,MACjB,cAAc;AAAA,QACZ,SAAS,CAAC,iBAAiB,qBAAqB,gBAAgB;AAAA;AAAA,MACxE;AAAA,MACM,MAAM;AAAA,QACJ,SAAS;AAAA,MACjB;AAAA,IACA,CAAK;AAAA,EACH;AACF;AAGA,MAAA,mBAAe;AAAA,EACb,YAAY;AACd;"}

package/dist/martyrs/src/modules/inventory/router/inventory.router.js

@@ -14,6 +14,21 @@ const inventoryRoutes = [
       "../components/pages/Inventory.vue.js"
     )
   },
+  {
+    path: "categories/:categoryPath(.*)",
+    name: "InventoryCategory",
+    meta: {
+      title: {
+        en: "Inventory",
+        ru: "Инвентарь"
+      },
+      authorize: []
+    },
+    component: () => import(
+      /* webpackChunkName: 'inventory-list' */
+      "../components/pages/Inventory.vue.js"
+    )
+  },
   {
     path: "audit",
     name: "InventoryAudit",

package/dist/martyrs/src/modules/inventory/router/inventory.router.js.map

@@ -1 +1 @@
-{"version":3,"file":"inventory.router.js","sources":["../../../../../../src/modules/inventory/router/inventory.router.js"],"sourcesContent":["const inventoryRoutes = [\n  {\n    path: '',\n    name: 'InventoryList',\n    meta: {\n      title: {\n        en: 'Inventory',\n        ru: 'Инвентарь',\n      },\n      authorize: [],\n    },\n    component: () => import(/* webpackChunkName: 'inventory-list' */ '../components/pages/Inventory.vue'),\n  },\n  {\n    path: 'audit',\n    name: 'InventoryAudit',\n    meta: {\n      title: {\n        en: 'Create Inventory Audit',\n        ru: 'Создать Инвентаризацию',\n      },\n      authorize: [],\n    },\n    component: () => import(/* webpackChunkName: 'inventory-audit' */ '../components/pages/InventoryEdit.vue'),\n  },\n];\n\nexport default inventoryRoutes;"],"names":[],"mappings":"AAAK,MAAC,kBAAkB;AAAA,EACtB;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,WAAW,CAAA;AAAA,IACjB;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAAgD;AAAA,IAAmC;AAAA,EACxG;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,WAAW,CAAA;AAAA,IACjB;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAAiD;AAAA,IAAuC;AAAA,EAC7G;AACA;"}
+{"version":3,"file":"inventory.router.js","sources":["../../../../../../src/modules/inventory/router/inventory.router.js"],"sourcesContent":["const inventoryRoutes = [\n  {\n    path: '',\n    name: 'InventoryList',\n    meta: {\n      title: {\n        en: 'Inventory',\n        ru: 'Инвентарь',\n      },\n      authorize: [],\n    },\n    component: () => import(/* webpackChunkName: 'inventory-list' */ '../components/pages/Inventory.vue'),\n  },\n  {\n    path: 'categories/:categoryPath(.*)',\n    name: 'InventoryCategory',\n    meta: {\n      title: {\n        en: 'Inventory',\n        ru: 'Инвентарь',\n      },\n      authorize: [],\n    },\n    component: () => import(/* webpackChunkName: 'inventory-list' */ '../components/pages/Inventory.vue'),\n  },\n  {\n    path: 'audit',\n    name: 'InventoryAudit',\n    meta: {\n      title: {\n        en: 'Create Inventory Audit',\n        ru: 'Создать Инвентаризацию',\n      },\n      authorize: [],\n    },\n    component: () => import(/* webpackChunkName: 'inventory-audit' */ '../components/pages/InventoryEdit.vue'),\n  },\n];\n\nexport default inventoryRoutes;"],"names":[],"mappings":"AAAK,MAAC,kBAAkB;AAAA,EACtB;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,WAAW,CAAA;AAAA,IACjB;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAAgD;AAAA,IAAmC;AAAA,EACxG;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,WAAW,CAAA;AAAA,IACjB;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAAgD;AAAA,IAAmC;AAAA,EACxG;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,WAAW,CAAA;AAAA,IACjB;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAAiD;AAAA,IAAuC;AAAA,EAC7G;AACA;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionEarn.vue.js

@@ -12,11 +12,11 @@ const _hoisted_4 = ["src"];
 const _hoisted_5 = ["innerHTML"];
 const _hoisted_6 = {
   key: 2,
-  class: "mn-b-medium p-medium t-transp"
+  class: "mn-b-medium p-medium opacity-50"
 };
 const _hoisted_7 = {
   key: 3,
-  class: "mn-b-semi p-regular t-transp"
+  class: "mn-b-semi p-regular opacity-50"
 };
 const _hoisted_8 = { class: "gap-thin cols-2 mobile:cols-1" };
 const _hoisted_9 = { class: "uppercase fw-semi" };
@@ -36,7 +36,7 @@ const _sfc_main = {
         tokenAddress: "0x64b4b0ade1f015d6a0c536e8cf041e181d872220",
         tokenSymbol: "OZDT",
         tokenDecimals: 8,
-        tokenImage: "https://ozdao.dev/logo-token.png",
+        tokenImage: "https://ozdao.com/logo-token.png",
         targetChainId: "0x89",
         metamaskIcon: "/icons/metamask.svg"
       })
@@ -129,7 +129,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6208d2e"]]);
+const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11a84868"]]);
 export {
   SectionEarn as default
 };

package/dist/martyrs/src/modules/landing/components/sections/SectionEarn.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionEarn.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 mobile:cols-1 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-medium\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-medium t-transp\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-regular t-transp\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2 mobile:cols-1\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-medium\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase fw-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-medium\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase fw-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-medium o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-2 pos-relative w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"z-index-3 pos-relative w-100\"\n      />\n      <img :src=\"'/spiral.webp'\" loading=\"lazy\" alt=\"\" class=\"mn-b-extra z-index-1 spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@martyrs/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    object-fit: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionEarn.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 mobile:cols-1 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-medium\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-medium opacity-50\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-regular opacity-50\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2 mobile:cols-1\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-medium\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase fw-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-medium\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase fw-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-medium o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-2 pos-relative w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"z-index-3 pos-relative w-100\"\n      />\n      <img :src=\"'/spiral.webp'\" loading=\"lazy\" alt=\"\" class=\"mn-b-extra z-index-1 spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@martyrs/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.com/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    object-fit: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionFeatures.vue.js

@@ -5,7 +5,7 @@ const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = { class: "cols-3 mobile:cols-1 gap-thin" };
 const _hoisted_4 = { class: "h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium" };
 const _hoisted_5 = { class: "mn-b-medium" };
-const _hoisted_6 = { class: "t-transp" };
+const _hoisted_6 = { class: "opacity-50" };
 const _sfc_main = {
   __name: "SectionFeatures",
   props: {

package/dist/martyrs/src/modules/landing/components/sections/SectionFeatures.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFeatures.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 w-max-50r mn-l-auto mn-r-auto mn-b-small\" v-html=\"t('title')\"/>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeatures.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 w-max-50r mn-l-auto mn-r-auto mn-b-small\" v-html=\"t('title')\"/>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"opacity-50\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionFeaturesImages.vue.js

@@ -8,11 +8,11 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "mn-b-big t-center title" };
 const _hoisted_3 = { class: "mn-b-small" };
-const _hoisted_4 = { class: "w-m-60r mn-b-big mn-auto t-transp p-medium" };
+const _hoisted_4 = { class: "w-m-60r mn-b-big mn-auto opacity-50 p-medium" };
 const _hoisted_5 = { class: "cols-3 mobile:cols-1 gap-thin" };
 const _hoisted_6 = ["src"];
 const _hoisted_7 = { class: "mn-b-medium" };
-const _hoisted_8 = { class: "t-transp" };
+const _hoisted_8 = { class: "opacity-50" };
 const _sfc_main = {
   __name: "SectionFeaturesImages",
   props: {
@@ -96,7 +96,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionFeaturesImages = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-382410dc"]]);
+const SectionFeaturesImages = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1fd4876"]]);
 export {
   SectionFeaturesImages as default
 };

package/dist/martyrs/src/modules/landing/components/sections/SectionFeaturesImages.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFeaturesImages.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeaturesImages.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\" class=\"section\">\n\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-small\">{{t('title')}}</h2>\n      <p class=\"w-m-60r mn-b-big mn-auto t-transp p-medium\">\n        {{t('subtitle')}}\n      </p>\n    </div>\n\n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"w-100 pd-medium bg-light radius-medium\"\n      >\n        <img loading=\"lazy\" \n          class=\"radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium\" \n          :src=\"feature.image\"\n        > \n        <h3 class=\"mn-b-medium\">{{feature.title}}</h3>\n        <p class=\"t-transp\">{{feature.text}}</p>\n      </div>\n\n    </div>\n\n  </section>\n</template>\n\n\n<script setup>\nimport { useI18n }    from 'vue-i18n'\n  \nconst props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'What is Weeder Token?',\n            subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Currency',\n                text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Instument',\n                text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Invesment',\n                text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.'\n              },\n            ]\n          },\n          ru: {\n            title: 'Что такое Weeder Token?',\n            subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Валюта',\n                text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Инструмент',\n                text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Инвестиции',\n                text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',\n              },\n            ]\n          }\n        }\n      })\n    }\n  })\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\" scoped> \n\n#grid2 {\n  transition: 500ms;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 3px;\n  background: crimson;\n}\n\n:where(.left, .center, .right) {\n  background: navajowhite;\n  transition: 300ms;\n}\n\n:where(.left, .center, .right):hover {\n  background: crimson;\n}\n\n#grid2:has(.left:hover) {\n  grid-template-columns: 2fr 0.5fr 0.5fr;\n  padding: 3rem;\n}\n\n#grid2:has(.center:hover) {\n  grid-template-columns: 0.5fr 2fr 0.5fr;\n  padding: 3rem;\n}\n#grid2:has(.right:hover) {\n  grid-template-columns: 0.5fr 0.5fr 2fr;\n  padding: 3rem;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAoDZ,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeaturesImages.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeaturesImages.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\" class=\"section\">\n\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-small\">{{t('title')}}</h2>\n      <p class=\"w-m-60r mn-b-big mn-auto opacity-50 p-medium\">\n        {{t('subtitle')}}\n      </p>\n    </div>\n\n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"w-100 pd-medium bg-light radius-medium\"\n      >\n        <img loading=\"lazy\" \n          class=\"radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium\" \n          :src=\"feature.image\"\n        > \n        <h3 class=\"mn-b-medium\">{{feature.title}}</h3>\n        <p class=\"opacity-50\">{{feature.text}}</p>\n      </div>\n\n    </div>\n\n  </section>\n</template>\n\n\n<script setup>\nimport { useI18n }    from 'vue-i18n'\n  \nconst props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'What is Weeder Token?',\n            subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Currency',\n                text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Instument',\n                text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Invesment',\n                text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.'\n              },\n            ]\n          },\n          ru: {\n            title: 'Что такое Weeder Token?',\n            subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Валюта',\n                text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Инструмент',\n                text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Инвестиции',\n                text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',\n              },\n            ]\n          }\n        }\n      })\n    }\n  })\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\" scoped> \n\n#grid2 {\n  transition: 500ms;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 3px;\n  background: crimson;\n}\n\n:where(.left, .center, .right) {\n  background: navajowhite;\n  transition: 300ms;\n}\n\n:where(.left, .center, .right):hover {\n  background: crimson;\n}\n\n#grid2:has(.left:hover) {\n  grid-template-columns: 2fr 0.5fr 0.5fr;\n  padding: 3rem;\n}\n\n#grid2:has(.center:hover) {\n  grid-template-columns: 0.5fr 2fr 0.5fr;\n  padding: 3rem;\n}\n#grid2:has(.right:hover) {\n  grid-template-columns: 0.5fr 0.5fr 2fr;\n  padding: 3rem;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAoDZ,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionGuide.vue.js

@@ -7,7 +7,7 @@ const _hoisted_2 = { class: "mn-b-big d-inline-block" };
 const _hoisted_3 = { class: "mn-b-semi" };
 const _hoisted_4 = {
   key: 0,
-  class: "t-transp p-medium w-m-60r"
+  class: "opacity-50 p-medium w-m-60r"
 };
 const _hoisted_5 = { class: "cols-1" };
 const _hoisted_6 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
@@ -51,7 +51,7 @@ const _sfc_main = {
               content: withCtx(() => [
                 createElementVNode("div", _hoisted_8, [
                   createElementVNode("p", {
-                    class: "t-transp",
+                    class: "opacity-50",
                     innerHTML: item.description
                   }, null, 8, _hoisted_9)
                 ])

package/dist/martyrs/src/modules/landing/components/sections/SectionGuide.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionGuide.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <div class=\"mn-b-big d-inline-block\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"te('subtitle')\" class=\"t-transp p-medium w-m-60r\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1\">\n      <Spoiler v-for=\"item in tm('FAQ')\" :key=\"item.title\" class=\"br-grey-transp-10 br-1px radius-small o-hidden pd-big mn-b-thin\">\n        <template #header=\"{ isOpen }\">\n          <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n            <h3 class=\"w-100\">{{item.title}}</h3>\n            <IconChevronBottom :class=\"{ 'rotate-180deg': isOpen }\" fill=\"rgba(var(--grey),0.5)\" class=\"i-medium\"/>\n          </div>\n        </template>\n        <template #content>\n          <div class=\"mn-t-semi\">\n            <p class=\"t-transp\" v-html=\"item.description\"></p>\n          </div>\n        </template>\n      </Spoiler>\n    </div>\n  </div>\n</template>\n<script setup>\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\nimport { useI18n } from 'vue-i18n'\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  }\n});\n\nconst { t, tm, te } = useI18n({\n  messages: props.content\n});\n</script>\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionGuide.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <div class=\"mn-b-big d-inline-block\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"te('subtitle')\" class=\"opacity-50 p-medium w-m-60r\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1\">\n      <Spoiler v-for=\"item in tm('FAQ')\" :key=\"item.title\" class=\"br-grey-transp-10 br-1px radius-small o-hidden pd-big mn-b-thin\">\n        <template #header=\"{ isOpen }\">\n          <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n            <h3 class=\"w-100\">{{item.title}}</h3>\n            <IconChevronBottom :class=\"{ 'rotate-180deg': isOpen }\" fill=\"rgba(var(--grey),0.5)\" class=\"i-medium\"/>\n          </div>\n        </template>\n        <template #content>\n          <div class=\"mn-t-semi\">\n            <p class=\"opacity-50\" v-html=\"item.description\"></p>\n          </div>\n        </template>\n      </Spoiler>\n    </div>\n  </div>\n</template>\n<script setup>\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\nimport { useI18n } from 'vue-i18n'\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  }\n});\n\nconst { t, tm, te } = useI18n({\n  messages: props.content\n});\n</script>\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionHeroToken.vue.js

@@ -47,7 +47,7 @@ const _sfc_main = {
           innerHTML: unref(t)("TITLE")
         }, null, 8, _hoisted_4),
         createElementVNode("p", {
-          class: "w-max-50r mn-b-big t-transp p-medium",
+          class: "w-max-50r mn-b-big opacity-50 p-medium",
           innerHTML: unref(t)("DESCRIPTION")
         }, null, 8, _hoisted_5),
         createElementVNode("div", _hoisted_6, [

package/dist/martyrs/src/modules/landing/components/sections/SectionHeroToken.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeroToken.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionHeroToken.vue"],"sourcesContent":["<script setup>\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport AnimatedGrid from '@martyrs/src/modules/landing/components/elements/AnimatedGrid.vue'\n\n\tconst props = defineProps({\n\t  textData: {\n\t    type: Object,\n\t    default: () => ({\n\t      messages: {\n\t      \ten: {\n\t\t\t\t    TITLE: \"Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>\",\n\t\t\t\t    DESCRIPTION: \"Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?\",\n\t\t\t\t    ACTION: \"Open Marketplace →\",\n\t\t\t\t    SUBACTION: \"Sign Up To Start\"\n\t\t\t    }\n\t\t\t  }\n\t\t\t})\n\t\t}\n\t})\n\n\tconst { t } = useI18n(props.textData)\n</script>\n\n\n<template>\n\t<div\n\t\tid=\"heroGovernance\" \n\t\tclass=\"pos-relative bg-black o-hidden t-white t-center pd-extra flex-column flex-center flex\"\n\t>\n\t\t<div class=\"sheen h-5r mn-b-small radius-extra o-hidden pos-relative \">\n\t  \t<img loading=\"lazy\" :src=\"(FILE_SERVER_URL || '') + '/logo/token.svg'\" class=\"w-100 h-100\">\n\t  </div>\n\n\t\t<h1 \n\t\t\tclass=\"w-max-50r mn-b-medium\" \n\t\t\tv-html=\"t('TITLE')\"\n\t\t/>\n\n\t\t<p \n\t\t\tclass=\"w-max-50r mn-b-big t-transp p-medium\" \n\t\t\tv-html=\"t('DESCRIPTION')\"\n\t\t/>\n\n\t\t<div \n\t\t\tclass=\"t-white gap-thin z-index-1 cols-2 mobile:cols-1\"\n\t\t>\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Sign In'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-light t-dark br-light button\"\n\t\t\t>\n\t\t\t\t{{t('SUBACTION')}}\n\t\t\t</router-link>\n\n\t\t\t<router-link  \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Marketplace'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-dark t-white button\"\n\t\t\t>\n\t\t\t\t{{t('ACTION')}}\n\t\t\t</router-link>\n\t\t</div>\n\n\t\t<AnimatedGrid class=\"w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0\" />\n\n\t</div>\n</template>\n\n<style lang=\"scss\">\n\t.sheen:after {\n\t\tcontent:'';\n\t  top:0;\n\t  left: -25%;\n\t\ttransform:translateX(100%);\n\t\twidth:100%;\n\t\theight:220px;\n\t\tposition: absolute;\n\t\tz-index:1;\n\t\tanimation: slide 3s infinite;\n\t\t \n\t  /* \n\t  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ \n\t  */\n\t  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */\n\t\tbackground: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */\n\t\tbackground: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */\n\t\tbackground: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */\n\t\tbackground: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */\n\t\tbackground: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */\n\t}\n\n\t@keyframes slide {\n\t\t0% {\t\n\t\t\ttransform:translateX(-00%); \n\t\t\topacity: 0;\n\t\t}\n\t\t20% {\n\t\t\topacity: 1\n\t\t}\n\t\t80% {\n\t\t\topacity: 1\n\t\t}\n\t\t100% {\n\t\t\ttransform:translateX(100%); \n\t\t\t\topacity: 0\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMC,UAAM,QAAQ;AAgBd,UAAM,EAAE,EAAC,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionHeroToken.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionHeroToken.vue"],"sourcesContent":["<script setup>\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport AnimatedGrid from '@martyrs/src/modules/landing/components/elements/AnimatedGrid.vue'\n\n\tconst props = defineProps({\n\t  textData: {\n\t    type: Object,\n\t    default: () => ({\n\t      messages: {\n\t      \ten: {\n\t\t\t\t    TITLE: \"Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>\",\n\t\t\t\t    DESCRIPTION: \"Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?\",\n\t\t\t\t    ACTION: \"Open Marketplace →\",\n\t\t\t\t    SUBACTION: \"Sign Up To Start\"\n\t\t\t    }\n\t\t\t  }\n\t\t\t})\n\t\t}\n\t})\n\n\tconst { t } = useI18n(props.textData)\n</script>\n\n\n<template>\n\t<div\n\t\tid=\"heroGovernance\" \n\t\tclass=\"pos-relative bg-black o-hidden t-white t-center pd-extra flex-column flex-center flex\"\n\t>\n\t\t<div class=\"sheen h-5r mn-b-small radius-extra o-hidden pos-relative \">\n\t  \t<img loading=\"lazy\" :src=\"(FILE_SERVER_URL || '') + '/logo/token.svg'\" class=\"w-100 h-100\">\n\t  </div>\n\n\t\t<h1 \n\t\t\tclass=\"w-max-50r mn-b-medium\" \n\t\t\tv-html=\"t('TITLE')\"\n\t\t/>\n\n\t\t<p \n\t\t\tclass=\"w-max-50r mn-b-big opacity-50 p-medium\" \n\t\t\tv-html=\"t('DESCRIPTION')\"\n\t\t/>\n\n\t\t<div \n\t\t\tclass=\"t-white gap-thin z-index-1 cols-2 mobile:cols-1\"\n\t\t>\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Sign In'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-light t-dark br-light button\"\n\t\t\t>\n\t\t\t\t{{t('SUBACTION')}}\n\t\t\t</router-link>\n\n\t\t\t<router-link  \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Marketplace'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-dark t-white button\"\n\t\t\t>\n\t\t\t\t{{t('ACTION')}}\n\t\t\t</router-link>\n\t\t</div>\n\n\t\t<AnimatedGrid class=\"w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0\" />\n\n\t</div>\n</template>\n\n<style lang=\"scss\">\n\t.sheen:after {\n\t\tcontent:'';\n\t  top:0;\n\t  left: -25%;\n\t\ttransform:translateX(100%);\n\t\twidth:100%;\n\t\theight:220px;\n\t\tposition: absolute;\n\t\tz-index:1;\n\t\tanimation: slide 3s infinite;\n\t\t \n\t  /* \n\t  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ \n\t  */\n\t  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */\n\t\tbackground: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */\n\t\tbackground: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */\n\t\tbackground: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */\n\t\tbackground: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */\n\t\tbackground: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */\n\t}\n\n\t@keyframes slide {\n\t\t0% {\t\n\t\t\ttransform:translateX(-00%); \n\t\t\topacity: 0;\n\t\t}\n\t\t20% {\n\t\t\topacity: 1\n\t\t}\n\t\t80% {\n\t\t\topacity: 1\n\t\t}\n\t\t100% {\n\t\t\ttransform:translateX(100%); \n\t\t\t\topacity: 0\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMC,UAAM,QAAQ;AAgBd,UAAM,EAAE,EAAC,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js

@@ -11,14 +11,14 @@ const _hoisted_2 = ["srcset"];
 const _hoisted_3 = ["src", "srcset"];
 const _hoisted_4 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
 const _hoisted_5 = { class: "mn-t-medium mn-b-medium w-m-40r" };
-const _hoisted_6 = { class: "t-transp mn-b-big p-medium w-m-33r" };
+const _hoisted_6 = { class: "opacity-50 mn-b-big p-medium w-m-33r" };
 const _hoisted_7 = {
   key: 0,
   class: "mn-b-big gap-regular cols-2 mobile:cols-1"
 };
 const _hoisted_8 = { class: "feature" };
 const _hoisted_9 = { class: "mn-b-small" };
-const _hoisted_10 = { class: "t-transp p-regular" };
+const _hoisted_10 = { class: "opacity-50 p-regular" };
 const _hoisted_11 = { class: "w-100 w-max-20r flex-nowrap flex gap-small" };
 const _hoisted_12 = ["href", "target"];
 const _hoisted_13 = {

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 mobile:cols-1 o-hidden \">\n      <picture>\n        <source \n          type=\"image/webp\"\n          :srcset=\"`${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-400w.webp')} 400w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-800w.webp')} 800w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-1200w.webp')} 1200w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '.webp')} 2028w`\"\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n        >\n        <img \n          loading=\"lazy\" \n          :src=\"(FILE_SERVER_URL || '') + t('image')\" \n          :srcset=\"`${FILE_SERVER_URL || ''}${t('image')} 2028w`\"\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n          class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n          alt=\"OZ DAO Mobile App\"\n        >\n      </picture>\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-medium w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-medium w-m-33r\">{{ t('description') }}</p>\n      \n      <div v-if=\"tm('features').length > 0\" class=\"mn-b-big gap-regular cols-2 mobile:cols-1\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-regular\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-20r flex-nowrap flex gap-small\">\n        <a \n           v-if=\"te('linkAppStore') || te('label')\"\n          :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n          :target=\"te('linkAppStore') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 radius-medium p-small bg-main fw-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n        </a>\n\n        <a \n           v-if=\"te('linkGooglePlay') || te('label')\"\n          :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n          :target=\"te('linkGooglePlay') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 pd-thin p-small radius-medium bg-main fw-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n        </a>\n\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 mobile:cols-1 o-hidden \">\n      <picture>\n        <source \n          type=\"image/webp\"\n          :srcset=\"`${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-400w.webp')} 400w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-800w.webp')} 800w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-1200w.webp')} 1200w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '.webp')} 2028w`\"\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n        >\n        <img \n          loading=\"lazy\" \n          :src=\"(FILE_SERVER_URL || '') + t('image')\" \n          :srcset=\"`${FILE_SERVER_URL || ''}${t('image')} 2028w`\"\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n          class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n          alt=\"OZ DAO Mobile App\"\n        >\n      </picture>\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-medium w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"opacity-50 mn-b-big p-medium w-m-33r\">{{ t('description') }}</p>\n      \n      <div v-if=\"tm('features').length > 0\" class=\"mn-b-big gap-regular cols-2 mobile:cols-1\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class=\"opacity-50 p-regular\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-20r flex-nowrap flex gap-small\">\n        <a \n           v-if=\"te('linkAppStore') || te('label')\"\n          :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n          :target=\"te('linkAppStore') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 radius-medium p-small bg-main fw-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n        </a>\n\n        <a \n           v-if=\"te('linkGooglePlay') || te('label')\"\n          :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n          :target=\"te('linkGooglePlay') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 pd-thin p-small radius-medium bg-main fw-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n        </a>\n\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionOverview.vue.js

@@ -5,7 +5,7 @@ const _hoisted_2 = { class: "pd-t-big pd-b-big" };
 const _hoisted_3 = { class: "cols-4 mobile:cols-2 gap-thin" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "mn-b-medium" };
-const _hoisted_6 = { class: "t-transp" };
+const _hoisted_6 = { class: "opacity-50" };
 const _sfc_main = {
   __name: "SectionOverview",
   props: {

package/dist/martyrs/src/modules/landing/components/sections/SectionOverview.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionOverview.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionOverview.vue"],"sourcesContent":["<template>\n  <div id=\"sections\">\n    <h2 class=\"pd-t-big pd-b-big\">\n      {{t('title')}}\n    </h2>\n\n    <div class=\"cols-4 mobile:cols-2 gap-thin\">\n      <router-link \n        v-for=\"section in tm('sections')\" \n        :key=\"section.route\"\n        :to=\"section.route\" \n        class=\"cursor-pointer hover:scale-[1.015] ease-in pd-big bg-light t-black radius-medium\"\n      >\n        <img \n          loading=\"lazy\" \n          :src=\"section.image\"\n          alt=\"\" \n          class=\"w-100 object-fit-cover\"\n        >\n        <h3 class=\"mn-b-medium\">{{ section.title }}</h3>\n        <p class=\"t-transp\">{{ section.text }}</p>\n      </router-link>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { useI18n } from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionOverview.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionOverview.vue"],"sourcesContent":["<template>\n  <div id=\"sections\">\n    <h2 class=\"pd-t-big pd-b-big\">\n      {{t('title')}}\n    </h2>\n\n    <div class=\"cols-4 mobile:cols-2 gap-thin\">\n      <router-link \n        v-for=\"section in tm('sections')\" \n        :key=\"section.route\"\n        :to=\"section.route\" \n        class=\"cursor-pointer hover:scale-[1.015] ease-in pd-big bg-light t-black radius-medium\"\n      >\n        <img \n          loading=\"lazy\" \n          :src=\"section.image\"\n          alt=\"\" \n          class=\"w-100 object-fit-cover\"\n        >\n        <h3 class=\"mn-b-medium\">{{ section.title }}</h3>\n        <p class=\"opacity-50\">{{ section.text }}</p>\n      </router-link>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { useI18n } from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionRoadmap.vue.js

@@ -17,7 +17,7 @@ const _hoisted_5 = {
 const _hoisted_6 = { class: "w-100 timeline-content" };
 const _hoisted_7 = { class: "mn-b-small" };
 const _hoisted_8 = { class: "uppercase mn-b-semi t-main fw-semi date" };
-const _hoisted_9 = { class: "t-transp w-100" };
+const _hoisted_9 = { class: "opacity-50 w-100" };
 const _sfc_main = {
   __name: "SectionRoadmap",
   props: {
@@ -91,7 +91,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionRoadmap = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e30d06e"]]);
+const SectionRoadmap = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d508c5ce"]]);
 export {
   SectionRoadmap as default
 };