@ozdao/prometheus-framework 0.2.315 → 0.2.317

package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.cjs

@@ -4,8 +4,8 @@ const vue = require("vue");
 const IconEdit = require("../../../../icons/navigation/IconEdit.vue.cjs");
 const IconAdd = require("../../../../icons/navigation/IconAdd.vue.cjs");
 ;/* empty css                                            */
-;/* empty css                                             */
-;/* empty css                                           */
+;/* empty css                                            */
+;/* empty css                                          */
 const vueRouter = require("vue-router");
 ;/* empty css                */
 const _hoisted_1 = { class: "flex flex-nowrap gap-thin card-page-title" };

package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.js

@@ -2,8 +2,8 @@ import { ref, resolveComponent, openBlock, createElementBlock, createElementVNod
 import _sfc_main$1 from "../../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../../icons/navigation/IconAdd.vue.js";
 /* empty css                                          */
-/* empty css                                           */
-/* empty css                                         */
+/* empty css                                          */
+/* empty css                                        */
 import { useRouter } from "vue-router";
 /* empty css              */
 const _hoisted_1 = { class: "flex flex-nowrap gap-thin card-page-title" };

package/dist/prometheus-framework/src/modules/pages/views/components/pages/PageEdit.vue.cjs

@@ -4,8 +4,8 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const mixins = require("../../../../globals/views/mixins/mixins.cjs");
 const pages = require("../../store/pages.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
-;/* empty css                                           */
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
+;/* empty css                                          */
 ;/* empty css                        */
 ;/* empty css                                              */
 const Constructor = require("../../../../constructor/components/sections/Constructor.vue.cjs");

package/dist/prometheus-framework/src/modules/pages/views/components/pages/PageEdit.vue.js

@@ -2,8 +2,8 @@ import { ref, onMounted, openBlock, createElementBlock, createVNode, createComme
 import { useRoute, useRouter } from "vue-router";
 import { useGlobalMixins } from "../../../../globals/views/mixins/mixins.js";
 import { actions, state } from "../../store/pages.js";
-import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
-/* empty css                                         */
+import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
+/* empty css                                        */
 /* empty css                      */
 /* empty css                                            */
 import _sfc_main$1 from "../../../../constructor/components/sections/Constructor.vue.js";

package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../../components/Block/Block.vue.cjs");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const Constructor = require("../../../../constructor/components/sections/Constructor.vue.cjs");
 const CardPage = require("../blocks/CardPage.vue.cjs");
 const pages = require("../../store/pages.cjs");

package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.js

@@ -2,7 +2,7 @@ import { computed, ref, onMounted, openBlock, createBlock, withCtx, createElemen
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$5 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$5 from "../../../../../components/Button/Button.vue2.js";
 import _sfc_main$4 from "../../../../constructor/components/sections/Constructor.vue.js";
 import _sfc_main$2 from "../blocks/CardPage.vue.js";
 import { actions } from "../../store/pages.js";

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs

@@ -1,9 +1,9 @@
 "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 Select = require("../../../../components/Select/Select.vue.cjs");
-;/* empty css                                                   */
+;/* empty css                                                    */
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const _hoisted_1 = { class: "gap-thin" };

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, withCtx, createVNode, createCommentVNode, unref } from "vue";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
-/* empty css                                                 */
+/* empty css                                                  */
 import _sfc_main$1 from "../../../icons/navigation/IconAdd.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconDelete.vue.js";
 const _hoisted_1 = { class: "gap-thin" };

package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const leftovers = require("../../store/leftovers.cjs");
 ;/* empty css                         */
 const _hoisted_1 = { class: "flex-column flex-wrap block" };

package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.js

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import { actions } from "../../store/leftovers.js";
 /* empty css                       */
 const _hoisted_1 = { class: "flex-column flex-wrap block" };

package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                        */
+;/* empty css                                       */
 const CardPosition = require("./CardPosition.vue.cjs");
 const leftovers = require("../../store/leftovers.cjs");
 ;/* empty css                     */

package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.js

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
 import { useRouter, useRoute } from "vue-router";
-/* empty css                                      */
+/* empty css                                     */
 import _sfc_main$1 from "./CardPosition.vue.js";
 import { actions } from "../../store/leftovers.js";
 /* empty css                   */

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

@@ -5,12 +5,12 @@ const vueRouter = require("vue-router");
 const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const categories = require("../../store/categories.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 ;/* empty css                                         */
 ;/* empty css                                              */
 ;/* empty css                                               */
-;/* empty css                                        */
+;/* empty css                                       */
 ;/* empty css                                           */
 ;/* empty css                                      */
 ;/* empty css                            */

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

@@ -3,12 +3,12 @@ import { useRoute, useRouter } from "vue-router";
 import { state } from "../../../globals/views/store/globals.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { state as state$2, actions } from "../../store/categories.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 /* empty css                                       */
 /* empty css                                            */
 /* empty css                                             */
-/* empty css                                      */
+/* empty css                                     */
 /* empty css                                         */
 /* empty css                                    */
 /* empty css                          */

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

@@ -3,9 +3,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 ;/* empty css                                         */
 ;/* empty css                                              */
 ;/* empty css                                               */

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

@@ -1,9 +1,9 @@
 import { computed, onUnmounted, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, toDisplayString, unref, createVNode, createTextVNode, createCommentVNode, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 /* empty css                                       */
 /* empty css                                            */
 /* empty css                                             */

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

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-;/* empty css                                                   */
+;/* empty css                                                    */
 const CardPosition = require("../blocks/CardPosition.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
 const vueRouter = require("vue-router");

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

@@ -1,10 +1,10 @@
 import { ref, computed, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
-/* empty css                                                 */
+/* empty css                                                  */
 import _sfc_main$5 from "../blocks/CardPosition.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";
 import { useRoute, useRouter } from "vue-router";

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

@@ -6,12 +6,12 @@ require("vue-i18n");
 ;/* empty css                                                   */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 ;/* empty css                                   */
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const EditImages = require("../../../../components/EditImages/EditImages.vue2.cjs");
+const EditImages = require("../../../../components/EditImages/EditImages.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const CardPosition = require("../blocks/CardPosition.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");

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

@@ -4,12 +4,12 @@ import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 /* empty css                                 */
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$5 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$8 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$9 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue2.js";
+import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue.js";
 import _sfc_main$6 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$7 from "../blocks/CardPosition.vue.js";
 import _sfc_main$a from "../../../orders/components/blocks/CardOrderItem.vue.js";

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/PopularProducts.vue.cjs

@@ -16,8 +16,9 @@ const _hoisted_2 = {
 const _sfc_main = {
   __name: "PopularProducts",
   setup(__props) {
-    vueRouter.useRouter();
-    const productsState = vue.ref(10);
+    const router = vueRouter.useRouter();
+    const productsState = vue.ref([]);
+    const isLoading = vue.ref(true);
     const selectedIndex = vue.ref(0);
     const scrollSnaps = vue.ref([]);
     const autoplayOptions = {
@@ -29,19 +30,63 @@ const _sfc_main = {
       stopOnLastSnap: false,
       rootNode: (emblaRoot) => emblaRoot.parentElement
     };
-    const [emblaNode, emblaApi] = emblaCarouselVue_esm.default({ loop: true }, [emblaCarouselAutoplay_esm.default(autoplayOptions)]);
-    const onInit = (embla) => scrollSnaps.value = emblaApi.value.scrollSnapList();
-    const onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();
+    const [emblaNode, emblaApi] = emblaCarouselVue_esm.default(
+      { loop: true },
+      [emblaCarouselAutoplay_esm.default(autoplayOptions)]
+    );
+    const onInit = () => {
+      if (emblaApi.value) {
+        scrollSnaps.value = emblaApi.value.scrollSnapList();
+      }
+    };
+    const onSelect = () => {
+      if (emblaApi.value) {
+        selectedIndex.value = emblaApi.value.selectedScrollSnap();
+      }
+    };
+    const handleProductClick = (product) => {
+      var _a;
+      if ((product == null ? void 0 : product._id) && ((_a = product == null ? void 0 : product.owner) == null ? void 0 : _a.target)) {
+        router.push({
+          name: "Organization_Product",
+          params: {
+            _id: product.owner.target,
+            product: product._id
+          }
+        });
+      }
+    };
+    const loadProducts = async () => {
+      try {
+        isLoading.value = true;
+        const response = await products.actions.read({
+          limit: 10,
+          organization: "657e7134efb8110c51b8b713"
+        });
+        productsState.value = Array.isArray(response) ? response : [];
+      } catch (error) {
+        console.error("Error loading products:", error);
+        productsState.value = [];
+      } finally {
+        isLoading.value = false;
+      }
+    };
     vue.onMounted(async () => {
-      productsState.value = await products.actions.read({
-        limit: 10,
-        organization: "657e7134efb8110c51b8b713"
-      });
+      await loadProducts();
       onInit();
       onSelect();
-      emblaApi.value.on("reInit", onInit);
-      emblaApi.value.on("reInit", onSelect);
-      emblaApi.value.on("select", onSelect);
+      if (emblaApi.value) {
+        emblaApi.value.on("reInit", onInit);
+        emblaApi.value.on("reInit", onSelect);
+        emblaApi.value.on("select", onSelect);
+      }
+    });
+    vue.onUnmounted(() => {
+      if (emblaApi.value) {
+        emblaApi.value.off("reInit", onInit);
+        emblaApi.value.off("reInit", onSelect);
+        emblaApi.value.off("select", onSelect);
+      }
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -50,10 +95,10 @@ const _sfc_main = {
         ref: emblaNode
       }, [
         vue.createElementVNode("div", _hoisted_1, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(productsState.value, (value, key, index) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(productsState.value, (value, key) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "embla__slide pd-nano",
-              key
+              key: (value == null ? void 0 : value._id) || key
             }, [
               vue.createVNode(vue.Transition, {
                 name: "fade",
@@ -61,17 +106,11 @@ const _sfc_main = {
                 appear: ""
               }, {
                 default: vue.withCtx(() => [
-                  !value.name ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                  isLoading.value || !(value == null ? void 0 : 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
-                      }
-                    }),
+                    onClick: ($event) => handleProductClick(value),
                     product: value,
                     class: "cursor-pointer bg-light transition-ease-in hover-scale-0 h-100 w-100"
                   }, null, 8, ["onClick", "product"]))

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 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 bg-light 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PopularProducts.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/PopularProducts.vue"],"sourcesContent":["<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div \n        class=\"embla__slide pd-nano\" \n        v-for=\"(value, key) in productsState\" \n        :key=\"value?._id || key\"\n      >\n        <transition name=\"fade\" mode=\"out-in\" appear>\n          <div \n            v-if=\"isLoading || !value?.name\" \n            class=\"h-100 w-100 radius-big flex-center bg-light\"\n          >\n            <Loader class=\"pos-relative\"/>\n          </div>\n          \n          <CardProduct \n            v-else \n            @click=\"handleProductClick(value)\" \n            :product=\"value\"\n            class=\"cursor-pointer bg-light transition-ease-in hover-scale-0 h-100 w-100\" \n          />\n        </transition>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { useRouter } from 'vue-router'\n    \nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\nimport Loader from '@pf/src/components/Loader/Loader.vue'\nimport CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\nimport * as products from '@pf/src/modules/products/store/products'\n\nconst router = useRouter()\nconst productsState = ref([]) // Инициализируем как пустой массив\nconst isLoading = ref(true)\nconst selectedIndex = ref(0)\nconst scrollSnaps = ref([])\n\n// Конфигурация автоплея\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\n// Инициализация карусели\nconst [emblaNode, emblaApi] = emblaCarouselVue(\n  { loop: true }, \n  [Autoplay(autoplayOptions)]\n)\n\n// Методы управления каруселью\nconst scrollTo = (index) => emblaApi.value?.scrollTo(index)\nconst onInit = () => {\n  if (emblaApi.value) {\n    scrollSnaps.value = emblaApi.value.scrollSnapList()\n  }\n}\nconst onSelect = () => {\n  if (emblaApi.value) {\n    selectedIndex.value = emblaApi.value.selectedScrollSnap()\n  }\n}\n\n// Обработчик клика по продукту\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Загрузка данных\nconst loadProducts = async () => {\n  try {\n    isLoading.value = true\n    const response = await products.actions.read({\n      limit: 10, \n      organization: '657e7134efb8110c51b8b713'\n    })\n    productsState.value = Array.isArray(response) ? response : []\n  } catch (error) {\n    console.error('Error loading products:', error)\n    productsState.value = []\n  } finally {\n    isLoading.value = false\n  }\n}\n\nonMounted(async () => {\n  // Загружаем данные\n  await loadProducts()\n  \n  // Инициализируем карусель\n  onInit()\n  onSelect()\n  \n  // Добавляем слушатели событий\n  if (emblaApi.value) {\n    emblaApi.value.on('reInit', onInit)\n    emblaApi.value.on('reInit', onSelect)\n    emblaApi.value.on('select', onSelect)\n  }\n})\n\n// Очистка слушателей при размонтировании\nonUnmounted(() => {\n  if (emblaApi.value) {\n    emblaApi.value.off('reInit', onInit)\n    emblaApi.value.off('reInit', onSelect)\n    emblaApi.value.off('select', onSelect)\n  }\n})\n</script>\n\n<style lang=\"scss\">\n.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@media screen and (max-width: 1025px) {\n  .embla__slide {\n    flex: 0 0 75%;\n    min-width: 0;\n  }\n}\n</style>"],"names":["useRouter","ref","emblaCarouselVue","Autoplay","products.actions","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAASA,UAAAA,UAAW;AAC1B,UAAM,gBAAgBC,IAAG,IAAC,EAAE;AAC5B,UAAM,YAAYA,IAAG,IAAC,IAAI;AAC1B,UAAM,gBAAgBA,IAAG,IAAC,CAAC;AAC3B,UAAM,cAAcA,IAAG,IAAC,EAAE;AAG1B,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,IACrC;AAGA,UAAM,CAAC,WAAW,QAAQ,IAAIC,qBAAgB;AAAA,MAC5C,EAAE,MAAM,KAAM;AAAA,MACd,CAACC,0BAAAA,QAAS,eAAe,CAAC;AAAA,IAC5B;AAIA,UAAM,SAAS,MAAM;AACnB,UAAI,SAAS,OAAO;AAClB,oBAAY,QAAQ,SAAS,MAAM,eAAgB;AAAA,MACpD;AAAA,IACH;AACA,UAAM,WAAW,MAAM;AACrB,UAAI,SAAS,OAAO;AAClB,sBAAc,QAAQ,SAAS,MAAM,mBAAoB;AAAA,MAC1D;AAAA,IACH;AAGA,UAAM,qBAAqB,CAAC,YAAY;;AACtC,WAAI,mCAAS,UAAO,wCAAS,UAAT,mBAAgB,SAAQ;AAC1C,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,QAAQ,MAAM;AAAA,YACnB,SAAS,QAAQ;AAAA,UAClB;AAAA,QACP,CAAK;AAAA,MACF;AAAA,IACH;AAGA,UAAM,eAAe,YAAY;AAC/B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,WAAW,MAAMC,SAAgB,QAAC,KAAK;AAAA,UAC3C,OAAO;AAAA,UACP,cAAc;AAAA,QACpB,CAAK;AACD,sBAAc,QAAQ,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAE;AAAA,MAC9D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ,CAAE;AAAA,MAC5B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACnB;AAAA,IACH;AAEAC,QAAAA,UAAU,YAAY;AAEpB,YAAM,aAAc;AAGpB,aAAQ;AACR,eAAU;AAGV,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,GAAG,UAAU,MAAM;AAClC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACrC;AAAA,IACH,CAAC;AAGDC,QAAAA,YAAY,MAAM;AAChB,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,IAAI,UAAU,MAAM;AACnC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AACrC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AAAA,MACtC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, Transition, withCtx, createBlock } from "vue";
+import { ref, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, Transition, withCtx, createBlock } from "vue";
 import { useRouter } from "vue-router";
 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";
@@ -14,8 +14,9 @@ const _hoisted_2 = {
 const _sfc_main = {
   __name: "PopularProducts",
   setup(__props) {
-    useRouter();
-    const productsState = ref(10);
+    const router = useRouter();
+    const productsState = ref([]);
+    const isLoading = ref(true);
     const selectedIndex = ref(0);
     const scrollSnaps = ref([]);
     const autoplayOptions = {
@@ -27,19 +28,63 @@ const _sfc_main = {
       stopOnLastSnap: false,
       rootNode: (emblaRoot) => emblaRoot.parentElement
     };
-    const [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)]);
-    const onInit = (embla) => scrollSnaps.value = emblaApi.value.scrollSnapList();
-    const onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();
+    const [emblaNode, emblaApi] = emblaCarouselVue(
+      { loop: true },
+      [Autoplay(autoplayOptions)]
+    );
+    const onInit = () => {
+      if (emblaApi.value) {
+        scrollSnaps.value = emblaApi.value.scrollSnapList();
+      }
+    };
+    const onSelect = () => {
+      if (emblaApi.value) {
+        selectedIndex.value = emblaApi.value.selectedScrollSnap();
+      }
+    };
+    const handleProductClick = (product) => {
+      var _a;
+      if ((product == null ? void 0 : product._id) && ((_a = product == null ? void 0 : product.owner) == null ? void 0 : _a.target)) {
+        router.push({
+          name: "Organization_Product",
+          params: {
+            _id: product.owner.target,
+            product: product._id
+          }
+        });
+      }
+    };
+    const loadProducts = async () => {
+      try {
+        isLoading.value = true;
+        const response = await actions.read({
+          limit: 10,
+          organization: "657e7134efb8110c51b8b713"
+        });
+        productsState.value = Array.isArray(response) ? response : [];
+      } catch (error) {
+        console.error("Error loading products:", error);
+        productsState.value = [];
+      } finally {
+        isLoading.value = false;
+      }
+    };
     onMounted(async () => {
-      productsState.value = await actions.read({
-        limit: 10,
-        organization: "657e7134efb8110c51b8b713"
-      });
+      await loadProducts();
       onInit();
       onSelect();
-      emblaApi.value.on("reInit", onInit);
-      emblaApi.value.on("reInit", onSelect);
-      emblaApi.value.on("select", onSelect);
+      if (emblaApi.value) {
+        emblaApi.value.on("reInit", onInit);
+        emblaApi.value.on("reInit", onSelect);
+        emblaApi.value.on("select", onSelect);
+      }
+    });
+    onUnmounted(() => {
+      if (emblaApi.value) {
+        emblaApi.value.off("reInit", onInit);
+        emblaApi.value.off("reInit", onSelect);
+        emblaApi.value.off("select", onSelect);
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -48,10 +93,10 @@ const _sfc_main = {
         ref: emblaNode
       }, [
         createElementVNode("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(productsState.value, (value, key, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(productsState.value, (value, key) => {
             return openBlock(), createElementBlock("div", {
               class: "embla__slide pd-nano",
-              key
+              key: (value == null ? void 0 : value._id) || key
             }, [
               createVNode(Transition, {
                 name: "fade",
@@ -59,17 +104,11 @@ const _sfc_main = {
                 appear: ""
               }, {
                 default: withCtx(() => [
-                  !value.name ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  isLoading.value || !(value == null ? void 0 : 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
-                      }
-                    }),
+                    onClick: ($event) => handleProductClick(value),
                     product: value,
                     class: "cursor-pointer bg-light transition-ease-in hover-scale-0 h-100 w-100"
                   }, null, 8, ["onClick", "product"]))

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

@@ -1 +1 @@
-{"version":3,"file":"PopularProducts.vue.js","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 bg-light 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":["products.actions"],"mappings":";;;;;;;;;;;;;;;;AA6CgB,cAAW;AAE1B,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,cAAc,IAAI,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,IAAI,iBAAiB,EAAE,MAAM,QAAQ,CAAC,SAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjE,cAAU,YAAW;AACpB,oBAAc,QAAQ,MAAMA,QAAiB,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.js","sources":["../../../../../../../src/modules/products/components/sections/PopularProducts.vue"],"sourcesContent":["<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div \n        class=\"embla__slide pd-nano\" \n        v-for=\"(value, key) in productsState\" \n        :key=\"value?._id || key\"\n      >\n        <transition name=\"fade\" mode=\"out-in\" appear>\n          <div \n            v-if=\"isLoading || !value?.name\" \n            class=\"h-100 w-100 radius-big flex-center bg-light\"\n          >\n            <Loader class=\"pos-relative\"/>\n          </div>\n          \n          <CardProduct \n            v-else \n            @click=\"handleProductClick(value)\" \n            :product=\"value\"\n            class=\"cursor-pointer bg-light transition-ease-in hover-scale-0 h-100 w-100\" \n          />\n        </transition>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { useRouter } from 'vue-router'\n    \nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\nimport Loader from '@pf/src/components/Loader/Loader.vue'\nimport CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\nimport * as products from '@pf/src/modules/products/store/products'\n\nconst router = useRouter()\nconst productsState = ref([]) // Инициализируем как пустой массив\nconst isLoading = ref(true)\nconst selectedIndex = ref(0)\nconst scrollSnaps = ref([])\n\n// Конфигурация автоплея\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\n// Инициализация карусели\nconst [emblaNode, emblaApi] = emblaCarouselVue(\n  { loop: true }, \n  [Autoplay(autoplayOptions)]\n)\n\n// Методы управления каруселью\nconst scrollTo = (index) => emblaApi.value?.scrollTo(index)\nconst onInit = () => {\n  if (emblaApi.value) {\n    scrollSnaps.value = emblaApi.value.scrollSnapList()\n  }\n}\nconst onSelect = () => {\n  if (emblaApi.value) {\n    selectedIndex.value = emblaApi.value.selectedScrollSnap()\n  }\n}\n\n// Обработчик клика по продукту\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Загрузка данных\nconst loadProducts = async () => {\n  try {\n    isLoading.value = true\n    const response = await products.actions.read({\n      limit: 10, \n      organization: '657e7134efb8110c51b8b713'\n    })\n    productsState.value = Array.isArray(response) ? response : []\n  } catch (error) {\n    console.error('Error loading products:', error)\n    productsState.value = []\n  } finally {\n    isLoading.value = false\n  }\n}\n\nonMounted(async () => {\n  // Загружаем данные\n  await loadProducts()\n  \n  // Инициализируем карусель\n  onInit()\n  onSelect()\n  \n  // Добавляем слушатели событий\n  if (emblaApi.value) {\n    emblaApi.value.on('reInit', onInit)\n    emblaApi.value.on('reInit', onSelect)\n    emblaApi.value.on('select', onSelect)\n  }\n})\n\n// Очистка слушателей при размонтировании\nonUnmounted(() => {\n  if (emblaApi.value) {\n    emblaApi.value.off('reInit', onInit)\n    emblaApi.value.off('reInit', onSelect)\n    emblaApi.value.off('select', onSelect)\n  }\n})\n</script>\n\n<style lang=\"scss\">\n.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@media screen and (max-width: 1025px) {\n  .embla__slide {\n    flex: 0 0 75%;\n    min-width: 0;\n  }\n}\n</style>"],"names":["products.actions"],"mappings":";;;;;;;;;;;;;;;;AAsCA,UAAM,SAAS,UAAW;AAC1B,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,cAAc,IAAI,EAAE;AAG1B,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,IACrC;AAGA,UAAM,CAAC,WAAW,QAAQ,IAAI;AAAA,MAC5B,EAAE,MAAM,KAAM;AAAA,MACd,CAAC,SAAS,eAAe,CAAC;AAAA,IAC5B;AAIA,UAAM,SAAS,MAAM;AACnB,UAAI,SAAS,OAAO;AAClB,oBAAY,QAAQ,SAAS,MAAM,eAAgB;AAAA,MACpD;AAAA,IACH;AACA,UAAM,WAAW,MAAM;AACrB,UAAI,SAAS,OAAO;AAClB,sBAAc,QAAQ,SAAS,MAAM,mBAAoB;AAAA,MAC1D;AAAA,IACH;AAGA,UAAM,qBAAqB,CAAC,YAAY;;AACtC,WAAI,mCAAS,UAAO,wCAAS,UAAT,mBAAgB,SAAQ;AAC1C,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,QAAQ,MAAM;AAAA,YACnB,SAAS,QAAQ;AAAA,UAClB;AAAA,QACP,CAAK;AAAA,MACF;AAAA,IACH;AAGA,UAAM,eAAe,YAAY;AAC/B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,WAAW,MAAMA,QAAiB,KAAK;AAAA,UAC3C,OAAO;AAAA,UACP,cAAc;AAAA,QACpB,CAAK;AACD,sBAAc,QAAQ,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAE;AAAA,MAC9D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ,CAAE;AAAA,MAC5B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACnB;AAAA,IACH;AAEA,cAAU,YAAY;AAEpB,YAAM,aAAc;AAGpB,aAAQ;AACR,eAAU;AAGV,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,GAAG,UAAU,MAAM;AAClC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACrC;AAAA,IACH,CAAC;AAGD,gBAAY,MAAM;AAChB,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,IAAI,UAAU,MAAM;AACnC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AACrC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AAAA,MACtC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}