@ozdao/prometheus-framework 0.2.310 → 0.2.312

package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.cjs

@@ -22,8 +22,12 @@ const _hoisted_2 = {
   class: "mn-b-medium flex-v-center flex-nowrap flex"
 };
 const _hoisted_3 = { class: "cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin" };
-const _hoisted_4 = { class: "rows-1 h-100 z-index-3 bg-white radius-tl-big radius-tr-big" };
+const _hoisted_4 = { class: "z-index-3 bg-white radius-tl-big radius-tr-big" };
 const _hoisted_5 = { class: "pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky" };
+const _hoisted_6 = {
+  class: "gap-thin cols-4",
+  style: { "display": "grid", "grid-auto-rows": "1fr" }
+};
 const _sfc_main = {
   __name: "Products",
   setup(__props) {
@@ -160,28 +164,30 @@ const _sfc_main = {
                 ...tabProducts.value !== "all" && { status: tabProducts.value }
                 // user: user
               },
-              class: "cols-4 rows-1 pd-t-zero pd-thin gap-thin"
+              class: "pd-t-zero pd-thin gap-thin"
             }, {
               default: vue.withCtx(({
                 items
               }) => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (product) => {
-                  return vue.openBlock(), vue.createBlock(_component_router_link, {
-                    to: vue.unref(route).params._id ? { name: "Organization_Product", params: { _id: vue.unref(route).params._id, product: product._id } } : { name: "Product", params: { product: product._id } }
-                  }, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(), vue.createBlock(CardProduct.default, {
-                        key: product._id,
-                        product,
-                        user: auth.state.access,
-                        organization: vue.unref(route).params._id,
-                        access: _ctx.hasAccess(vue.unref(route).params._id, "products", "edit", auth.state.accesses),
-                        class: "h-max bg-light"
-                      }, null, 8, ["product", "user", "organization", "access"]))
-                    ]),
-                    _: 2
-                  }, 1032, ["to"]);
-                }), 256))
+                vue.createElementVNode("div", _hoisted_6, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (product) => {
+                    return vue.openBlock(), vue.createBlock(_component_router_link, {
+                      to: vue.unref(route).params._id ? { name: "Organization_Product", params: { _id: vue.unref(route).params._id, product: product._id } } : { name: "Product", params: { product: product._id } }
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(CardProduct.default, {
+                          key: product._id,
+                          product,
+                          user: auth.state.access,
+                          organization: vue.unref(route).params._id,
+                          access: _ctx.hasAccess(vue.unref(route).params._id, "products", "edit", auth.state.accesses),
+                          class: "h-100 bg-light"
+                        }, null, 8, ["product", "user", "organization", "access"]))
+                      ]),
+                      _: 2
+                    }, 1032, ["to"]);
+                  }), 256))
+                ])
               ]),
               _: 1
             }, 8, ["filter", "store", "options"])

package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Products.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n        o-hidden \n        h5 \n        bg-light\n        gap-micro pd-small pd-t-thin pd-b-thin\n        pos-sticky pos-t-0\n        z-index-1\n\n      \"\n      tabClass=\"bg-white  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 z-index-2 desktop-only\"\n    />\n\n\n    <div class=\"rows-1 h-100 z-index-3 bg-white radius-tl-big radius-tr-big\">\n      <div class=\"pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky\">\n        <BlockSearch \n          @search=\"updateSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        \n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          owner: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 rows-1 pd-t-zero pd-thin gap-thin\"\n      >\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\">\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses)\"\n            class=\"h-max bg-light\"\n          />\n        </router-link>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","marketplace.state","watch","globals.state","IconPlus","auth.state","onMounted","categories.actions","onUnmounted"],"mappings":"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"}
+{"version":3,"file":"Products.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n        o-hidden \n        h5 \n        bg-light\n        gap-micro pd-small pd-t-thin pd-b-thin\n        pos-sticky pos-t-0\n        z-index-1\n\n      \"\n      tabClass=\"bg-white  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 z-index-2 desktop-only\"\n    />\n\n\n    <div class=\"z-index-3 bg-white radius-tl-big radius-tr-big\">\n      <div class=\"pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky\">\n        <BlockSearch \n          @search=\"updateSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          owner: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\" pd-t-zero pd-thin gap-thin\"\n       \n      >\n        <div class=\"gap-thin cols-4\" style=\"\n          display:grid;\n          grid-auto-rows: 1fr;\n        \">\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\">\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses)\"\n            class=\"h-100 bg-light\"\n          />\n        </router-link>\n        </div>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","marketplace.state","watch","globals.state","IconPlus","auth.state","onMounted","categories.actions","onUnmounted"],"mappings":"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"}

package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.js

@@ -20,8 +20,12 @@ const _hoisted_2 = {
   class: "mn-b-medium flex-v-center flex-nowrap flex"
 };
 const _hoisted_3 = { class: "cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin" };
-const _hoisted_4 = { class: "rows-1 h-100 z-index-3 bg-white radius-tl-big radius-tr-big" };
+const _hoisted_4 = { class: "z-index-3 bg-white radius-tl-big radius-tr-big" };
 const _hoisted_5 = { class: "pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky" };
+const _hoisted_6 = {
+  class: "gap-thin cols-4",
+  style: { "display": "grid", "grid-auto-rows": "1fr" }
+};
 const _sfc_main = {
   __name: "Products",
   setup(__props) {
@@ -158,28 +162,30 @@ const _sfc_main = {
                 ...tabProducts.value !== "all" && { status: tabProducts.value }
                 // user: user
               },
-              class: "cols-4 rows-1 pd-t-zero pd-thin gap-thin"
+              class: "pd-t-zero pd-thin gap-thin"
             }, {
               default: withCtx(({
                 items
               }) => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product) => {
-                  return openBlock(), createBlock(_component_router_link, {
-                    to: unref(route).params._id ? { name: "Organization_Product", params: { _id: unref(route).params._id, product: product._id } } : { name: "Product", params: { product: product._id } }
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(), createBlock(_sfc_main$6, {
-                        key: product._id,
-                        product,
-                        user: state$2.access,
-                        organization: unref(route).params._id,
-                        access: _ctx.hasAccess(unref(route).params._id, "products", "edit", state$2.accesses),
-                        class: "h-max bg-light"
-                      }, null, 8, ["product", "user", "organization", "access"]))
-                    ]),
-                    _: 2
-                  }, 1032, ["to"]);
-                }), 256))
+                createElementVNode("div", _hoisted_6, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product) => {
+                    return openBlock(), createBlock(_component_router_link, {
+                      to: unref(route).params._id ? { name: "Organization_Product", params: { _id: unref(route).params._id, product: product._id } } : { name: "Product", params: { product: product._id } }
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(_sfc_main$6, {
+                          key: product._id,
+                          product,
+                          user: state$2.access,
+                          organization: unref(route).params._id,
+                          access: _ctx.hasAccess(unref(route).params._id, "products", "edit", state$2.accesses),
+                          class: "h-100 bg-light"
+                        }, null, 8, ["product", "user", "organization", "access"]))
+                      ]),
+                      _: 2
+                    }, 1032, ["to"]);
+                  }), 256))
+                ])
               ]),
               _: 1
             }, 8, ["filter", "store", "options"])

package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Products.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n        o-hidden \n        h5 \n        bg-light\n        gap-micro pd-small pd-t-thin pd-b-thin\n        pos-sticky pos-t-0\n        z-index-1\n\n      \"\n      tabClass=\"bg-white  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 z-index-2 desktop-only\"\n    />\n\n\n    <div class=\"rows-1 h-100 z-index-3 bg-white radius-tl-big radius-tr-big\">\n      <div class=\"pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky\">\n        <BlockSearch \n          @search=\"updateSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        \n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          owner: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 rows-1 pd-t-zero pd-thin gap-thin\"\n      >\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\">\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses)\"\n            class=\"h-max bg-light\"\n          />\n        </router-link>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["marketplace.state","globals.state","IconPlus","auth.state","categories.actions"],"mappings":"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"}
+{"version":3,"file":"Products.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n        o-hidden \n        h5 \n        bg-light\n        gap-micro pd-small pd-t-thin pd-b-thin\n        pos-sticky pos-t-0\n        z-index-1\n\n      \"\n      tabClass=\"bg-white  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 z-index-2 desktop-only\"\n    />\n\n\n    <div class=\"z-index-3 bg-white radius-tl-big radius-tr-big\">\n      <div class=\"pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky\">\n        <BlockSearch \n          @search=\"updateSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          owner: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\" pd-t-zero pd-thin gap-thin\"\n       \n      >\n        <div class=\"gap-thin cols-4\" style=\"\n          display:grid;\n          grid-auto-rows: 1fr;\n        \">\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\">\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses)\"\n            class=\"h-100 bg-light\"\n          />\n        </router-link>\n        </div>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["marketplace.state","globals.state","IconPlus","auth.state","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAG1B,UAAM,cAAc,IAAI,MAAM,MAAM,cAAc,MAAM,MAAM,cAAc,KAAK;AAEjF,QAAI,MAAM,SAAS,eAAgB,OAAM,MAAM,cAAc,YAAY;AAEzE,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpBA,YAAkB,OAAO,SAAS,aAAa,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAA;AAChGA,YAAkB,OAAO,SAAS,SAAS,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAA;AACpFA,YAAkB,OAAO,SAAS,WAAW,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAA;AAAA,IAC3F;AAED,UAAM,aAAa,CAAC,aAAa;AAC/B,UAAI,MAAM,SAAS,eAAgB,QAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,aAAa,SAAQ,EAAI,CAAA;AAAA,IAC1G,CAAG;AAEDC,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,QAAW,QAAQA,QAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,2BAA2B,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAG,CAAA,IAAI,OAAO,KAAK,EAAE,MAAM,cAAc;AAAA,IAC5J,CAAG,GAED,UAAU,YAAY;AACpB,UAAI,mBAAmB,MAAMC,QAAmB;AAEhD,yBAAmB,iBAAiB,IAAI,eAAa;AAAA,QACnD,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,MACjB,EAAC;AAEF,YAAM,QAAQJ,MAAkB,OAAO,QAAQ,UAAU,YAAU,OAAO,UAAU,YAAY;AAEhG,YAAM,iBAAiB;AAAA,QACrB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MACf;AAEI,UAAI,UAAU,IAAI;AACdA,cAAkB,OAAO,QAAQ,KAAK,IAAI;AAAA,MAClD,OAAW;AACHA,cAAkB,OAAO,QAAQ,QAAQ,cAAc;AAAA,MAC1D;AAAA,IACL,CAAG;AAED,gBAAY,MAAM;AAChBC,cAAc,eAAe,UAAU;IAC3C,CAAG;AAED,UAAM,MAAMD,MAAkB,MAAM,CAAC,cAAc,iBAAiB;AAClE,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,YAAY,aAAa;AAC/B,YAAM,YAAY,aAAa;AAG/B,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAI,CAAE;AAGjB,UAAM,MAAMA,MAAkB,OAAO,UAAU,CAAC,gBAAgB,mBAAmB;AAEjF,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACrD;AAEI,aAAO,MAAM;AACb,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,MAAM;AAKjB,aAAS,aAAa,QAAQ;AAC5B,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,SAAS;AAEf,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const _hoisted_1 = {
   key: 0,
   class: "mn-b-small w-100"

package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.js

@@ -1,5 +1,5 @@
 import { toRefs, openBlock, createElementBlock, unref, createCommentVNode, Fragment, renderList, createElementVNode, createVNode } from "vue";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 const _hoisted_1 = {
   key: 0,
   class: "mn-b-small w-100"

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                         */
-;/* empty css                                          */
-const Field = require("../../../../components/Field/Field.vue.cjs");
+;/* empty css                                         */
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const _sfc_main = {
   __name: "EditProductInfo",

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, Fragment, createVNode, withCtx } from "vue";
 /* empty css                                       */
-/* empty css                                        */
-import Field from "../../../../components/Field/Field.vue.js";
+/* empty css                                       */
+import Field from "../../../../components/Field/Field.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 const _sfc_main = {
   __name: "EditProductInfo",

package/dist/prometheus-framework/src/modules/products/components/sections/Filters.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 ;/* empty css                                          */
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
 const vueI18n = require("vue-i18n");
 const marketplace = require("../../store/marketplace.cjs");
 const categories = require("../../store/categories.cjs");

package/dist/prometheus-framework/src/modules/products/components/sections/Filters.vue.js

@@ -1,7 +1,7 @@
 import { onMounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, normalizeClass, withCtx, Fragment, renderList } from "vue";
 import _sfc_main$2 from "../../../../components/Checkbox/Checkbox.vue.js";
 /* empty css                                        */
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
 import { useI18n } from "vue-i18n";
 import { state } from "../../store/marketplace.js";
 import * as categories from "../../store/categories.js";

package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.cjs

@@ -2,20 +2,14 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const vueI18n = require("vue-i18n");
 const emblaCarouselVue_esm = require("../../../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.cjs");
 const emblaCarouselAutoplay_esm = require("../../../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.cjs");
 const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
 const CardProduct = require("../blocks/CardProduct.vue.cjs");
 const products = require("../../store/products.cjs");
 ;/* empty css                       */
-const _hoisted_1 = {
-  id: "popularProducts",
-  class: "bg-light radius-big pd-t-big pd-b-big"
-};
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = { class: "embla__container" };
-const _hoisted_4 = {
+const _hoisted_1 = { class: "embla__container" };
+const _hoisted_2 = {
   key: 0,
   class: "h-100 w-100 radius-big flex-center bg-light"
 };
@@ -23,19 +17,6 @@ const _sfc_main = {
   __name: "PopularProducts",
   setup(__props) {
     vueRouter.useRouter();
-    const text = {
-      messages: {
-        en: {
-          title: "<b>Best Sellers 🔥</b>",
-          subtitle: "We attach great importance to high quality and customer satisfaction"
-        },
-        ru: {
-          title: "Самое Горячее 🔥",
-          subtitle: "Мы придаем большое значение высокому качеству товаров и удовлетворенности клиентов"
-        }
-      }
-    };
-    const { t } = vueI18n.useI18n(text);
     const productsState = vue.ref(10);
     const selectedIndex = vue.ref(0);
     const scrollSnaps = vue.ref([]);
@@ -63,50 +44,44 @@ const _sfc_main = {
       emblaApi.value.on("select", onSelect);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("h2", {
-          class: "mn-b-semi t-center",
-          innerHTML: vue.unref(t)("title")
-        }, null, 8, _hoisted_2),
-        vue.createElementVNode("div", {
-          class: "embla",
-          ref_key: "emblaNode",
-          ref: emblaNode
-        }, [
-          vue.createElementVNode("div", _hoisted_3, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(productsState.value, (value, key, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: "embla__slide pd-nano",
-                key
-              }, [
-                vue.createVNode(vue.Transition, {
-                  name: "fade",
-                  mode: "out-in",
-                  appear: ""
-                }, {
-                  default: vue.withCtx(() => [
-                    !value.name ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-                      vue.createVNode(Loader.default, { class: "pos-relative" })
-                    ])) : (vue.openBlock(), vue.createBlock(CardProduct.default, {
-                      key: 1,
-                      onClick: ($event) => _ctx.$router.push({
-                        name: "Organization_Product",
-                        params: {
-                          _id: value.organization,
-                          product: value._id
-                        }
-                      }),
-                      product: value,
-                      class: "cursor-pointer transition-ease-in hover-scale-0 h-100 w-100"
-                    }, null, 8, ["onClick", "product"]))
-                  ]),
-                  _: 2
-                }, 1024)
-              ]);
-            }), 128))
-          ])
-        ], 512)
-      ]);
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "embla",
+        ref_key: "emblaNode",
+        ref: emblaNode
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(productsState.value, (value, key, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              class: "embla__slide pd-nano",
+              key
+            }, [
+              vue.createVNode(vue.Transition, {
+                name: "fade",
+                mode: "out-in",
+                appear: ""
+              }, {
+                default: vue.withCtx(() => [
+                  !value.name ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                    vue.createVNode(Loader.default, { class: "pos-relative" })
+                  ])) : (vue.openBlock(), vue.createBlock(CardProduct.default, {
+                    key: 1,
+                    onClick: ($event) => _ctx.$router.push({
+                      name: "Organization_Product",
+                      params: {
+                        _id: value.organization,
+                        product: value._id
+                      }
+                    }),
+                    product: value,
+                    class: "cursor-pointer transition-ease-in hover-scale-0 h-100 w-100"
+                  }, null, 8, ["onClick", "product"]))
+                ]),
+                _: 2
+              }, 1024)
+            ]);
+          }), 128))
+        ])
+      ], 512);
     };
   }
 };

package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopularProducts.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/PopularProducts.vue"],"sourcesContent":["<template>\n\t<div id=\"popularProducts\" class=\"bg-light radius-big pd-t-big pd-b-big\">\n\n\t\t<h2 class=\"mn-b-semi t-center \" v-html=\"t('title')\"/>\n\t\t\n\t\t<div class=\"embla\" ref=\"emblaNode\">\n\t\t \t<div class=\"embla__container\">\n\t\t   \n\t\t    <div class=\"embla__slide pd-nano\" v-for=\"(value, key, index) in productsState\" :key=\"key\">\n\t\t    \t<transition name=\"fade\" mode=\"out-in\" appear>\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tv-if=\"!value.name\" \n\t\t\t\t\t\t\tclass=\"h-100 w-100 radius-big flex-center bg-light\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<CardProduct \n\t\t\t\t\t\t\tv-else \n\t\t\t\t\t\t\t@click=\"$router.push({\n\t\t\t          name: 'Organization_Product', \n\t\t\t          params: { \n\t\t\t            _id: value.organization, \n\t\t\t            product: value._id \n\t\t\t          } \n\t\t\t        })\" \n\t\t\t\t\t\t\t:product=\"value\"\n\t\t\t\t\t\t\tclass=\"cursor-pointer transition-ease-in hover-scale-0 h-100 w-100\" \n\t\t\t\t\t\t/>\n\t\t\t\t\t</transition>\n\t\t    </div>\n\n    \t</div>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup scoped>\n\timport { ref, computed, onMounted } from 'vue'\n\n\timport { useRouter } \tfrom 'vue-router'\n\timport { useI18n } \t\tfrom 'vue-i18n'\n\t\t\n\timport emblaCarouselVue from 'embla-carousel-vue'; // Assuming a Vue version exists\n\timport Autoplay from 'embla-carousel-autoplay'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\timport CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\t\n\tconst router = useRouter()\n\n \tconst text = {\n    messages: {\n      en: {\n      \ttitle: '<b>Best Sellers 🔥</b>',\n      \tsubtitle: 'We attach great importance to high quality and customer satisfaction'\n      },\n      ru: {\n      \ttitle: 'Самое Горячее 🔥',\n      \tsubtitle: 'Мы придаем большое значение высокому качеству товаров и удовлетворенности клиентов'\n      }\n    }\n  }\n\n\tconst { t } = useI18n(text)\n\n\tconst productsState = ref(10)\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\n\tconst autoplayOptions = {\n\t  delay: 2000,\n\t  jump: false,\n\t  stopOnInteraction: false,\n\t  stopOnMouseEnter: false,\n\t  stopOnFocusIn: true,\n\t  stopOnLastSnap: false,\n\t  rootNode: (emblaRoot) => emblaRoot.parentElement\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\tconst onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\tconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\n\tonMounted(async() => {\n\t\tproductsState.value = await products.actions.read({\n\t\t\tlimit: 10, \n\t\t\torganization: '657e7134efb8110c51b8b713'\n\t\t})\n\n\t  onInit(emblaApi);\n\t  onSelect(emblaApi);\n\n\t  emblaApi.value.on('reInit', onInit);\n\t  emblaApi.value.on('reInit', onSelect);\n\t  emblaApi.value.on('select', onSelect);\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.embla {\n    overflow: hidden;\n  }\n  .embla__container {\n    display: flex;\n  }\n  .embla__slide {\n    flex: 0 0 25%;\n    min-width: 0;\n  }\n\n  @media screen and (max-width: 1025px) {\n    .embla__slide {\n\t    flex: 0 0 50%;\n\t    min-width: 0;\n\t  }\n  }\n</style>"],"names":["useRouter","useI18n","ref","emblaCarouselVue","Autoplay","onMounted","products.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoDgBA,wBAAW;AAEzB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,QACV;AAAA,QACD,IAAI;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAEF,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAC,IAAI;AAE1B,UAAM,gBAAgBC,IAAG,IAAC,EAAE;AAC5B,UAAM,gBAAgBA,QAAI,CAAC;AAC3B,UAAM,cAAcA,QAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACpC;AAED,UAAM,CAAC,WAAW,QAAQ,IAAIC,6BAAiB,EAAE,MAAM,QAAQ,CAACC,kCAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjEC,QAAAA,UAAU,YAAW;AACpB,oBAAc,QAAQ,MAAMC,SAAgB,QAAC,KAAK;AAAA,QACjD,OAAO;AAAA,QACP,cAAc;AAAA,MACjB,CAAG;AAEA,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACvC,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PopularProducts.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/PopularProducts.vue"],"sourcesContent":["<template>\n\t<div class=\"embla\" ref=\"emblaNode\">\n\t \t<div class=\"embla__container\">\n\t   \n\t    <div class=\"embla__slide pd-nano\" v-for=\"(value, key, index) in productsState\" :key=\"key\">\n\t    \t<transition name=\"fade\" mode=\"out-in\" appear>\n\t\t\t\t\t<div \n\t\t\t\t\t\tv-if=\"!value.name\" \n\t\t\t\t\t\tclass=\"h-100 w-100 radius-big flex-center bg-light\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<CardProduct \n\t\t\t\t\t\tv-else \n\t\t\t\t\t\t@click=\"$router.push({\n\t\t          name: 'Organization_Product', \n\t\t          params: { \n\t\t            _id: value.organization, \n\t\t            product: value._id \n\t\t          } \n\t\t        })\" \n\t\t\t\t\t\t:product=\"value\"\n\t\t\t\t\t\tclass=\"cursor-pointer transition-ease-in hover-scale-0 h-100 w-100\" \n\t\t\t\t\t/>\n\t\t\t\t</transition>\n\t    </div>\n  \t</div>\n\t</div>\n</template>\n\n\n<script setup scoped>\n\timport { ref, computed, onMounted } from 'vue'\n\n\timport { useRouter } \tfrom 'vue-router'\n\t\t\n\timport emblaCarouselVue from 'embla-carousel-vue'; // Assuming a Vue version exists\n\timport Autoplay from 'embla-carousel-autoplay'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\timport CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\t\n\tconst router = useRouter()\n\n\tconst productsState = ref(10)\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\n\tconst autoplayOptions = {\n\t  delay: 2000,\n\t  jump: false,\n\t  stopOnInteraction: false,\n\t  stopOnMouseEnter: false,\n\t  stopOnFocusIn: true,\n\t  stopOnLastSnap: false,\n\t  rootNode: (emblaRoot) => emblaRoot.parentElement\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\tconst onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\tconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\n\tonMounted(async() => {\n\t\tproductsState.value = await products.actions.read({\n\t\t\tlimit: 10, \n\t\t\torganization: '657e7134efb8110c51b8b713'\n\t\t})\n\n\t  onInit(emblaApi);\n\t  onSelect(emblaApi);\n\n\t  emblaApi.value.on('reInit', onInit);\n\t  emblaApi.value.on('reInit', onSelect);\n\t  emblaApi.value.on('select', onSelect);\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.embla {\n    overflow: hidden;\n  }\n  .embla__container {\n    display: flex;\n  }\n  .embla__slide {\n    flex: 0 0 25%;\n    min-width: 0;\n  }\n\n  @media screen and (max-width: 1025px) {\n    .embla__slide {\n\t    flex: 0 0 75%;\n\t    min-width: 0;\n\t  }\n  }\n</style>"],"names":["useRouter","ref","emblaCarouselVue","Autoplay","onMounted","products.actions"],"mappings":";;;;;;;;;;;;;;;;;;AA6CgBA,wBAAW;AAE1B,UAAM,gBAAgBC,IAAG,IAAC,EAAE;AAC5B,UAAM,gBAAgBA,QAAI,CAAC;AAC3B,UAAM,cAAcA,QAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACpC;AAED,UAAM,CAAC,WAAW,QAAQ,IAAIC,6BAAiB,EAAE,MAAM,QAAQ,CAACC,kCAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjEC,QAAAA,UAAU,YAAW;AACpB,oBAAc,QAAQ,MAAMC,SAAgB,QAAC,KAAK;AAAA,QACjD,OAAO;AAAA,QACP,cAAc;AAAA,MACjB,CAAG;AAEA,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACvC,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.js

@@ -1,19 +1,13 @@
-import { ref, onMounted, openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, createVNode, Transition, withCtx, createBlock } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, Transition, withCtx, createBlock } from "vue";
 import { useRouter } from "vue-router";
-import { useI18n } from "vue-i18n";
 import emblaCarouselVue from "../../../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
 import Autoplay from "../../../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";
 import Loader from "../../../../components/Loader/Loader.vue2.js";
 import _sfc_main$1 from "../blocks/CardProduct.vue.js";
 import { actions } from "../../store/products.js";
 /* empty css                     */
-const _hoisted_1 = {
-  id: "popularProducts",
-  class: "bg-light radius-big pd-t-big pd-b-big"
-};
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = { class: "embla__container" };
-const _hoisted_4 = {
+const _hoisted_1 = { class: "embla__container" };
+const _hoisted_2 = {
   key: 0,
   class: "h-100 w-100 radius-big flex-center bg-light"
 };
@@ -21,19 +15,6 @@ const _sfc_main = {
   __name: "PopularProducts",
   setup(__props) {
     useRouter();
-    const text = {
-      messages: {
-        en: {
-          title: "<b>Best Sellers 🔥</b>",
-          subtitle: "We attach great importance to high quality and customer satisfaction"
-        },
-        ru: {
-          title: "Самое Горячее 🔥",
-          subtitle: "Мы придаем большое значение высокому качеству товаров и удовлетворенности клиентов"
-        }
-      }
-    };
-    const { t } = useI18n(text);
     const productsState = ref(10);
     const selectedIndex = ref(0);
     const scrollSnaps = ref([]);
@@ -61,50 +42,44 @@ const _sfc_main = {
       emblaApi.value.on("select", onSelect);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("h2", {
-          class: "mn-b-semi t-center",
-          innerHTML: unref(t)("title")
-        }, null, 8, _hoisted_2),
-        createElementVNode("div", {
-          class: "embla",
-          ref_key: "emblaNode",
-          ref: emblaNode
-        }, [
-          createElementVNode("div", _hoisted_3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(productsState.value, (value, key, index) => {
-              return openBlock(), createElementBlock("div", {
-                class: "embla__slide pd-nano",
-                key
-              }, [
-                createVNode(Transition, {
-                  name: "fade",
-                  mode: "out-in",
-                  appear: ""
-                }, {
-                  default: withCtx(() => [
-                    !value.name ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                      createVNode(Loader, { class: "pos-relative" })
-                    ])) : (openBlock(), createBlock(_sfc_main$1, {
-                      key: 1,
-                      onClick: ($event) => _ctx.$router.push({
-                        name: "Organization_Product",
-                        params: {
-                          _id: value.organization,
-                          product: value._id
-                        }
-                      }),
-                      product: value,
-                      class: "cursor-pointer transition-ease-in hover-scale-0 h-100 w-100"
-                    }, null, 8, ["onClick", "product"]))
-                  ]),
-                  _: 2
-                }, 1024)
-              ]);
-            }), 128))
-          ])
-        ], 512)
-      ]);
+      return openBlock(), createElementBlock("div", {
+        class: "embla",
+        ref_key: "emblaNode",
+        ref: emblaNode
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(productsState.value, (value, key, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: "embla__slide pd-nano",
+              key
+            }, [
+              createVNode(Transition, {
+                name: "fade",
+                mode: "out-in",
+                appear: ""
+              }, {
+                default: withCtx(() => [
+                  !value.name ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                    createVNode(Loader, { class: "pos-relative" })
+                  ])) : (openBlock(), createBlock(_sfc_main$1, {
+                    key: 1,
+                    onClick: ($event) => _ctx.$router.push({
+                      name: "Organization_Product",
+                      params: {
+                        _id: value.organization,
+                        product: value._id
+                      }
+                    }),
+                    product: value,
+                    class: "cursor-pointer transition-ease-in hover-scale-0 h-100 w-100"
+                  }, null, 8, ["onClick", "product"]))
+                ]),
+                _: 2
+              }, 1024)
+            ]);
+          }), 128))
+        ])
+      ], 512);
     };
   }
 };