@ozdao/martyrs 0.2.602 → 0.2.604

package/dist/martyrs/src/modules/pages/views/router/pages.router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages.router.js","sources":["../../../../../../../src/modules/pages/views/router/pages.router.js"],"sourcesContent":["import layoutEmpty from '@martyrs/src/modules/core/views/components/layouts/Empty.vue';\nimport Navigation from '@martyrs/src/modules/core/views/components/partials/Navigation.vue';\nimport { navigationItems } from '@martyrs/src/modules/backoffice/configs/navigation.backoffice.config.js';\nimport SidebarPages from '../components/partials/SidebarPages.vue';\n\nfunction createPublicRoutes(options = {}) {\n  return [\n    {\n      path: ':url+',\n      name: options.publicRouteName || 'Page',\n      meta: {\n        title: {\n          en: 'Page',\n          ru: 'Страница',\n        },\n      },\n      component: () => import(\n        /* webpackChunkName: 'Page' */\n        '../components/pages/Page.vue'\n      ),\n    },\n  ];\n}\n\nfunction createBackofficeRoutes(options = {}) {\n  return [\n    {\n      path: '',\n      name: 'Pages',\n      component: () => import(\n        /* webpackChunkName: 'Pages' */\n        '../components/pages/Pages.vue'\n      ),\n    },\n    {\n      path: 'add',\n      name: 'Pages Add',\n      meta: {\n        title: {\n          en: 'New Page',\n        },\n        sidebar: SidebarPages,\n      },\n      component: () => import(\n        /* webpackChunkName: 'Pages' */\n        '../components/pages/PageEdit.vue'\n      ),\n    },\n    {\n      path: ':url+',\n      name: 'Pages Edit',\n      meta: {\n        title: {\n          en: 'Edit Page',\n        },\n        sidebar: SidebarPages,\n      },\n      component: () => import(\n        /* webpackChunkName: 'Pages' */\n        '../components/pages/PageEdit.vue'\n      ),\n    },\n  ];\n}\n\nexport function getRoutes(options = {}) {\n  const routes = [];\n  const routeHome = options.route?.home || options.routeHome || 'Home';\n  const routeBackoffice = options.route?.backoffice || options.routeBackoffice || 'Backoffice Root';\n\n  routes.push({\n    parentName: routeHome,\n    config: {\n      basePath: options.publicBasePath || 'pages',\n      component: options.publicLayout || layoutEmpty,\n      meta: {\n        title: {\n          en: 'Pages',\n          ru: 'Информация',\n        },\n      },\n      routes: createPublicRoutes(options),\n    },\n  });\n\n  if (!options.withBackoffice) {\n    routes.push({\n      parentName: routeBackoffice,\n      config: {\n        basePath: options.backofficeBasePath || 'pages',\n        routeNamePrefix: options.backofficeRouteNamePrefix || 'Backoffice ',\n        meta: {\n          title: {\n            en: 'Pages',\n          },\n          sidebar_navigation: Navigation,\n          sidebar_navigation_items: navigationItems,\n        },\n        routes: createBackofficeRoutes(options),\n      },\n    });\n  }\n\n  return routes;\n}\n\nexport default { getRoutes };\n"],"names":["SidebarPages"],"mappings":";;;;AAKA,SAAS,mBAAmB,UAAU,IAAI;AACxC,SAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,mBAAmB;AAAA,MACjC,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,UACJ,IAAI;AAAA,QACd;AAAA,MACA;AAAA,MACM,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,EACA;AACA;AAEA,SAAS,uBAAuB,UAAU,IAAI;AAC5C,SAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,QACd;AAAA,QACQ,SAASA;AAAAA,MACjB;AAAA,MACM,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,QACd;AAAA,QACQ,SAASA;AAAAA,MACjB;AAAA,MACM,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,EACA;AACA;AAEO,SAAS,UAAU,UAAU,IAAI;AACtC,QAAM,SAAS,CAAA;AACf,QAAM,YAAY,QAAQ,OAAO,QAAQ,QAAQ,aAAa;AAC9D,QAAM,kBAAkB,QAAQ,OAAO,cAAc,QAAQ,mBAAmB;AAEhF,SAAO,KAAK;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN,UAAU,QAAQ,kBAAkB;AAAA,MACpC,WAAW,QAAQ,gBAAgB;AAAA,MACnC,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,UACJ,IAAI;AAAA,QACd;AAAA,MACA;AAAA,MACM,QAAQ,mBAAmB,OAAO;AAAA,IACxC;AAAA,EACA,CAAG;AAED,MAAI,CAAC,QAAQ,gBAAgB;AAC3B,WAAO,KAAK;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,QACN,UAAU,QAAQ,sBAAsB;AAAA,QACxC,iBAAiB,QAAQ,6BAA6B;AAAA,QACtD,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,UAChB;AAAA,UACU,oBAAoB;AAAA,UACpB,0BAA0B;AAAA,QACpC;AAAA,QACQ,QAAQ,uBAAuB,OAAO;AAAA,MAC9C;AAAA,IACA,CAAK;AAAA,EACH;AAEA,SAAO;AACT;"}

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.js

@@ -71,7 +71,7 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_6, [
             __props.title ? (openBlock(), createElementBlock("span", {
               key: 0,
-              class: normalizeClass([__props.title_class, "t-grey d-inline-block fw-demi"])
+              class: normalizeClass([__props.title_class, "t-dark d-inline-block fw-demi"])
             }, toDisplayString(__props.title), 3)) : createCommentVNode("", true),
             __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
           ]),

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardPosition.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\">\n    <!-- Thumbnail image -->\n    <div v-if=\"showThumbnail\" class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n      <img\n        v-if=\"image && image.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + image\"\n        alt=\"Item image\"\n        class=\"w-100 h-100 object-fit-cover\"\n      />\n      <PlaceholderImage v-else class=\"w-100 h-100\" />\n    </div>\n    \n    <!-- Item details -->\n    <div class=\"mn-micro-negative flex flex-column w-100 o-hidden\">\n      <p class=\"w-100 pd-micro truncate trimmed capitalize fw-medium\">{{ name || 'Unnamed Product' }}</p>\n      \n      <div class=\"flex pd-micro flex-v-center gap-micro w-max \">\n      \t<span v-if=\"title\" :class=\"title_class\" class=\"t-grey  d-inline-block fw-demi\">{{title}}</span>\n      \t<span v-if=\"subtitle\" class=\"t-transp p-small d-inline-block fw-medium\">{{ subtitle }}</span>\n      </div>\n    \t<slot></slot>\n    </div>\n    <!-- <p>\n     \n\n      <span class=\"p-small t-transp\">\n        <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n        × \n        <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n          {{ rentalDays }} days\n        </template>\n        \n        <template v-else>\n          {{ product.quantity || 0 }} {{ product.unit || 'pcs' }}\n        </template>\n      </span>\n    </p>  -->\n    \n    <!-- Actions -->\n    <div class=\"flex gap-thin\">\n      <template v-for=\"(action, index) in actions\" :key=\"index\">\n        <div \n          :class=\"action.class || 'bg-light'\"\n          class=\"radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover:scale-[1.05]\"\n          @click=\"() => action.handler(item, index)\"\n        >\n          <component\n            :is=\"action.component\"\n            class=\"i-medium\"\n          />\n        </div>\n      </template>\n      <slot name=\"actions\"></slot>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatPrice } = useGlobalMixins();\n\nconst props = defineProps({\n\timage: {\n    type: String,\n  },\n  name: {\n    type: String,\n  },\n  title: {\n    type: String,\n  },\n  title_class: {\n  \ttype: Array\n  },\n  subtitle: {\n    type: String,\n  },\n  showThumbnail: {\n    type: Boolean,\n    default: true\n  },\n  actions: {\n    type: Array,\n    default: () => []\n    // Expected format:\n    // [\n    //   {\n    //     component: IconEdit,\n    //     handler: (item, index) => {},\n    //     class: 'bg-light' // optional custom class\n    //   }\n    // ]\n  }\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,UAAM,EAAE,YAAW,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardPosition.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\">\n    <!-- Thumbnail image -->\n    <div v-if=\"showThumbnail\" class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n      <img\n        v-if=\"image && image.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + image\"\n        alt=\"Item image\"\n        class=\"w-100 h-100 object-fit-cover\"\n      />\n      <PlaceholderImage v-else class=\"w-100 h-100\" />\n    </div>\n    \n    <!-- Item details -->\n    <div class=\"mn-micro-negative flex flex-column w-100 o-hidden\">\n      <p class=\"w-100 pd-micro truncate trimmed capitalize fw-medium\">{{ name || 'Unnamed Product' }}</p>\n      \n      <div class=\"flex pd-micro flex-v-center gap-micro w-max \">\n      \t<span v-if=\"title\" :class=\"title_class\" class=\"t-dark  d-inline-block fw-demi\">{{title}}</span>\n      \t<span v-if=\"subtitle\" class=\"t-transp p-small d-inline-block fw-medium\">{{ subtitle }}</span>\n      </div>\n    \t<slot></slot>\n    </div>\n    <!-- <p>\n     \n\n      <span class=\"p-small t-transp\">\n        <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n        × \n        <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n          {{ rentalDays }} days\n        </template>\n        \n        <template v-else>\n          {{ product.quantity || 0 }} {{ product.unit || 'pcs' }}\n        </template>\n      </span>\n    </p>  -->\n    \n    <!-- Actions -->\n    <div class=\"flex gap-thin\">\n      <template v-for=\"(action, index) in actions\" :key=\"index\">\n        <div \n          :class=\"action.class || 'bg-light'\"\n          class=\"radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover:scale-[1.05]\"\n          @click=\"() => action.handler(item, index)\"\n        >\n          <component\n            :is=\"action.component\"\n            class=\"i-medium\"\n          />\n        </div>\n      </template>\n      <slot name=\"actions\"></slot>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatPrice } = useGlobalMixins();\n\nconst props = defineProps({\n\timage: {\n    type: String,\n  },\n  name: {\n    type: String,\n  },\n  title: {\n    type: String,\n  },\n  title_class: {\n  \ttype: Array\n  },\n  subtitle: {\n    type: String,\n  },\n  showThumbnail: {\n    type: Boolean,\n    default: true\n  },\n  actions: {\n    type: Array,\n    default: () => []\n    // Expected format:\n    // [\n    //   {\n    //     component: IconEdit,\n    //     handler: (item, index) => {},\n    //     class: 'bg-light' // optional custom class\n    //   }\n    // ]\n  }\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,UAAM,EAAE,YAAW,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/elements/Image360.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, createStaticVNode, createVNode, Transition, withCtx, createCommentVNode, withModifiers, createBlock } from "vue";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 /* empty css              */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "product-360-viewer" };

package/dist/martyrs/src/modules/products/components/pages/Categories.vue.js

@@ -4,7 +4,7 @@ import { useStore } from "../../../core/views/store/core.store.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { state as state$1, actions } from "../../store/categories.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../../components/Tree/Tree.vue.js";

package/dist/martyrs/src/modules/products/components/pages/CategoryEdit.vue.js

@@ -1,14 +1,14 @@
 import { ref, onMounted, computed, onUnmounted, createElementBlock, createCommentVNode, openBlock, createBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, createTextVNode, 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 "../../../icons/navigation/IconDelete.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import FieldTags from "../../../../components/FieldTags/FieldTags.vue.js";
-/* empty css                                       */
-/* empty css                                           */
+/* empty css                                        */
 /* empty css                                           */
+/* empty css                                            */
 /* empty css                                           */
 /* empty css                                      */
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
@@ -123,7 +123,7 @@ const _sfc_main = {
         }, {
           default: withCtx(() => [
             createElementVNode("h1", _hoisted_2, toDisplayString(unref(route).params.category ? "Edit Category" : "Add Category"), 1),
-            createVNode(_sfc_main$3, {
+            createVNode(Button, {
               submit: onSubmit,
               class: "pd-small radius-medium bg-main t-black uppercase fw-medium"
             }, {
@@ -219,7 +219,7 @@ const _sfc_main = {
                   onClick: () => state.current.translations.splice(index, 1),
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
-                  createVNode(_sfc_main$4, { class: "i-medium" })
+                  createVNode(_sfc_main$3, { class: "i-medium" })
                 ], 8, _hoisted_5)
               ]);
             }), 128))
@@ -259,7 +259,7 @@ const _sfc_main = {
                   onClick: () => state.current.filters.splice(index, 1),
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
-                  createVNode(_sfc_main$4, { class: "i-medium" })
+                  createVNode(_sfc_main$3, { class: "i-medium" })
                 ], 8, _hoisted_6)
               ]);
             }), 128))

package/dist/martyrs/src/modules/products/components/pages/Product.vue.js

@@ -5,7 +5,7 @@ import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { state, actions } from "../../store/products.js";
 import { state as state$2, actions as actions$1 } from "../../../orders/store/shopcart.js";
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                      */
 /* empty css                                 */
 /* empty css                                           */

package/dist/martyrs/src/modules/products/components/pages/ProductEdit.vue.js

@@ -1,19 +1,19 @@
 import { ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, createBlock, createElementVNode, withCtx, createVNode, toDisplayString, createTextVNode, isRef, withModifiers, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$4 from "../../../../components/EditImages/EditImages.vue2.js";
+import Button from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue2.js";
 import BlockMultiselect from "../../../core/views/components/blocks/BlockMultiselect.vue.js";
-import _sfc_main$5 from "../../../icons/navigation/IconCross.vue.js";
-import _sfc_main$a from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$7 from "../sections/EditVariants.vue.js";
-import _sfc_main$6 from "../sections/EditAttributes.vue.js";
-import _sfc_main$8 from "../sections/EditDiscounts.vue.js";
+import _sfc_main$4 from "../../../icons/navigation/IconCross.vue.js";
+import _sfc_main$9 from "../../../icons/navigation/IconDelete.vue.js";
+import _sfc_main$6 from "../sections/EditVariants.vue.js";
+import _sfc_main$5 from "../sections/EditAttributes.vue.js";
+import _sfc_main$7 from "../sections/EditDiscounts.vue.js";
 /* empty css                                                 */
-import _sfc_main$9 from "../sections/EditRecommended.vue.js";
+import _sfc_main$8 from "../sections/EditRecommended.vue.js";
 import { useStore, setError } from "../../../core/views/store/core.store.js";
 import { state as state$2 } from "../../../auth/views/store/auth.js";
 import { mutations, actions, state } from "../../store/products.js";
@@ -131,7 +131,7 @@ const _sfc_main = {
         }, {
           default: withCtx(() => [
             createElementVNode("h2", _hoisted_2, toDisplayString(unref(route).params.product ? state.current.name : "Create Product"), 1),
-            unref(route).params.product ? (openBlock(), createBlock(_sfc_main$2, {
+            unref(route).params.product ? (openBlock(), createBlock(Button, {
               key: 0,
               submit: onDelete,
               callback: redirectTo,
@@ -142,7 +142,7 @@ const _sfc_main = {
               ])),
               _: 1
             })) : createCommentVNode("", true),
-            createVNode(_sfc_main$2, {
+            createVNode(Button, {
               submit: onSubmit,
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-main"
@@ -155,7 +155,7 @@ const _sfc_main = {
           ]),
           _: 1
         })) : createCommentVNode("", true),
-        unref(route).params.product ? (openBlock(), createBlock(_sfc_main$3, {
+        unref(route).params.product ? (openBlock(), createBlock(_sfc_main$2, {
           key: 1,
           selected: unref(activeTab),
           "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => isRef(activeTab) ? activeTab.value = $event : activeTab = $event),
@@ -175,7 +175,7 @@ const _sfc_main = {
             class: "h-min"
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$4, {
+              createVNode(_sfc_main$3, {
                 images: state.current.images,
                 uploadPath: "photos",
                 "onUpdate:images": _cache[1] || (_cache[1] = (imagesNew) => {
@@ -233,7 +233,7 @@ const _sfc_main = {
                       onClick: withModifiers(clear, ["stop"]),
                       class: "i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover:scale-[1.05]"
                     }, [
-                      createVNode(_sfc_main$5, { class: "i-micro fill-white" })
+                      createVNode(_sfc_main$4, { class: "i-micro fill-white" })
                     ], 8, _hoisted_6)
                   ])
                 ]),
@@ -343,22 +343,22 @@ const _sfc_main = {
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          createVNode(_sfc_main$6, {
+          createVNode(_sfc_main$5, {
             attributes: state.current.attributes,
             "onUpdate:attributes": _cache[11] || (_cache[11] = ($event) => state.current.attributes = $event)
           }, null, 8, ["attributes"])
         ])) : createCommentVNode("", true),
-        unref(activeTab) === "variants" ? (openBlock(), createBlock(_sfc_main$7, {
+        unref(activeTab) === "variants" ? (openBlock(), createBlock(_sfc_main$6, {
           key: 3,
           variants: state.current.variants,
           "onUpdate:variants": _cache[12] || (_cache[12] = ($event) => state.current.variants = $event)
         }, null, 8, ["variants"])) : createCommentVNode("", true),
-        unref(activeTab) === "discounts" ? (openBlock(), createBlock(_sfc_main$8, {
+        unref(activeTab) === "discounts" ? (openBlock(), createBlock(_sfc_main$7, {
           key: 4,
           discounts: state.current.discounts,
           "onUpdate:discounts": _cache[13] || (_cache[13] = ($event) => state.current.discounts = $event)
         }, null, 8, ["discounts"])) : createCommentVNode("", true),
-        unref(activeTab) === "recommended" ? (openBlock(), createBlock(_sfc_main$9, {
+        unref(activeTab) === "recommended" ? (openBlock(), createBlock(_sfc_main$8, {
           key: 5,
           recommended: state.current.recommended,
           "onUpdate:recommended": _cache[14] || (_cache[14] = ($event) => state.current.recommended = $event),
@@ -398,7 +398,7 @@ const _sfc_main = {
                   class: "w-100 bg-white radius-small pd-medium"
                 }, null, 8, ["field", "onUpdate:field"]),
                 createElementVNode("div", _hoisted_14, [
-                  createVNode(_sfc_main$a, {
+                  createVNode(_sfc_main$9, {
                     onClick: () => state.current.translations.splice(index, 1),
                     class: "i-medium"
                   }, null, 8, ["onClick"])
@@ -409,7 +409,7 @@ const _sfc_main = {
           _: 1
         }, 8, ["actions"])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_15, [
-          unref(route).params.product ? (openBlock(), createBlock(_sfc_main$2, {
+          unref(route).params.product ? (openBlock(), createBlock(Button, {
             key: 0,
             submit: onDelete,
             class: "bg-red t-white w-100"
@@ -419,7 +419,7 @@ const _sfc_main = {
             ])),
             _: 1
           })) : createCommentVNode("", true),
-          createVNode(_sfc_main$2, {
+          createVNode(Button, {
             submit: onSubmit,
             class: "w-100 bg-main"
           }, {

package/dist/martyrs/src/modules/products/components/pages/Products.vue.js

@@ -22,11 +22,11 @@ import { state as state$1, actions } from "../../store/products.js";
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {
   key: 0,
-  class: "pd-medium flex-v-center flex-nowrap flex"
+  class: "pd-medium br-b-1px br-grey flex-v-center flex-nowrap flex"
 };
 const _hoisted_3 = { class: "mn-r-medium" };
-const _hoisted_4 = { class: "cols-[1fr_3fr] mobile:cols-1 br-1px br-light z-index-3 pos-relative" };
-const _hoisted_5 = { class: "o-y-scroll br-r-1px br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
+const _hoisted_4 = { class: "cols-[1fr_3fr] mobile:cols-1 z-index-3 pos-relative" };
+const _hoisted_5 = { class: "o-y-scroll br-r-1px br-grey pd-medium z-index-2 desktop-only h-100 pos-relative" };
 const _hoisted_6 = { class: "w-100 o-y-scroll h-100" };
 const _hoisted_7 = {
   key: 0,

package/dist/martyrs/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=\"pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">{{ currentCategory ? currentCategory.name : 'All Products' }}</h2>\n      <button \n        v-if=\"route.params._id && hasAccess(route.params._id, 'products', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"cols-[1fr_3fr] mobile:cols-1 br-1px br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r-1px br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n        <div class=\"w-100 o-y-scroll h-100\">\n          <!-- Категории -->\n          <div class=\"mn-b-medium\" v-if=\"currentCategories.length > 0\">\n            <h4 class=\"mn-b-medium\">\n              {{ route.params.categoryPath ? 'Subcategories' : 'Categories' }}\n            </h4>\n            <div class=\"gap-micro\">\n              <div\n                v-for=\"category in currentCategories\"\n                :key=\"category._id\"\n                @click=\"selectCategory(category)\"\n                class=\"cursor-pointer hover:underline mn-b-regular ease\"\n              >\n                {{ category.name }}\n                <br>\n                <span v-for=\"subcategory in category.children\">{{subcategory.name}}</span>\n              </div>\n            </div>\n          </div>\n\n          <!-- Фильтры категории -->\n          <Spoiler \n            v-for=\"filter in categoryFilters\"\n            :key=\"filter.name\"\n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">{{ filter.name }}</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <Checkbox \n                  v-for=\"option in filter.options\"\n                  :key=\"option.text || option\"\n                  v-model:radio=\"selectedFilters[filter.name]\"\n                  :label=\"option.text || option\"\n                  :value=\"option.text || option\"\n                  mode=\"checkbox\"\n                  class=\"mn-b-micro\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n         \n          <!-- Цена за сутки -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">  Price</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small flex gap-thin\">\n                <Field\n                  v-model:field=\"selectedFilters.price.min\"\n                  placeholder=\"From\"\n                  type=\"number\"\n                  :label=\"returnCurrency()\"\n                  class=\"w-50 bg-light pd-small radius-small\"\n                />\n                <Field\n                  v-model:field=\"selectedFilters.price.max\"\n                  placeholder=\"To\"\n                  type=\"number\"\n                 :label=\"returnCurrency()\"\n                  class=\"w-50 bg-light pd-small radius-small\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Доступность -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">Availability</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <div \n                  @click=\"() => { tempSelectedDates = selectedFilters.availability; showDatePickerPopup = true; }\"\n                  :class=\"{ 'bg-light': selectedFilters?.availability }\"\n                  class=\"pd-small field-wrapper radius-small bg-light cursor-pointer hover:bg-light ease  flex-v-center flex gap-thin\"\n                >\n                  <IconCalendar class=\"i-medium\" />\n                  <span class=\"h-1r\">{{ selectedFilters.availability ? `${formatDate(selectedFilters.availability.start, { dayMonth: true, language: 'en' })} - ${formatDate(selectedFilters.availability.end, { dayMonth: true, language: 'en' })}` : 'Select dates'}}</span>\n                </div>\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Кнопка очистки фильтров -->\n          <button \n            @click=\"clearAllFilters\"\n            class=\"bg-main w-100 button mn-t-medium\"\n          >\n            Clear Filters\n          </button>\n        </div>\n      </div>\n\n      <div class=\"w-100 flex flex-column pd-thin  pos-relative o-hidden\">\n        \n        <slot></slot>\n\n        <div class=\"mn-b-thin mobile-only w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular\">\n          <div class=\"gap-thin flex-nowrap flex\">\n            <div\n              v-for=\"category in currentCategories\"\n              :key=\"category._id\"\n              @click=\"selectCategory(category)\"\n              class=\" flex-child-default bg-light flex ws-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease\"\n            >\n              {{ category.name }}\n            </div>\n          </div>\n        </div>\n\n        <Feed\n          :search=\"true\"\n          v-model:sort=\"products.state.sort\"\n          :showLoadMore=\"false\"\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: 16,\n            owner: route.name?.includes('Organization') ? route.params._id : null,\n            lookup: ['variants','rents','inventory'],\n            categories: route.params.categoryPath ? `/${route.params.categoryPath}` : null,\n            filters: processedFilters,\n            priceMin: selectedFilters.price?.min,\n            priceMax: selectedFilters.price?.max,\n            dateStart: selectedFilters.availability?.start,\n            dateEnd: selectedFilters.availability?.end\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n         \n        >\n          <div class=\"mn-b-thin mobile-only\">\n            <Filters\n              v-model:filters=\"availableFilters\"\n              v-model:selected=\"selectedFilters\"\n              class=\"\"\n            />\n          </div>\n          <div class=\"cols-4 mobile:cols-2 z-index-1 pos-relative w-100 rows-1 gap-thin\">\n            <router-link\n              v-for=\"product in items\"\n              :to=\"route.params._id ? `/organizations/${route.params._id}/products/${product._id}` : `/products/${product._id}`\"\n              class=\"pos-relative h-100 w-100\"\n            >\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, auth.state.access.roles)\"\n                class=\"pos-relative  h-100 w-100 bg-light\"\n              />\n            </router-link>\n          </div>\n        </Feed>\n\n      </div>\n    </div>\n  \n    <!-- Date Picker Popup -->\n    <Popup\n      :isPopupOpen=\"showDatePickerPopup\"\n      @close-popup=\"showDatePickerPopup = false\"\n      class=\"pd-medium bg-white radius-medium\"\n      style=\"min-width: 350px;\"\n    >\n      <h3 class=\"mn-b-medium\">Select Date Range</h3>\n      \n      <Calendar\n        v-model:date=\"tempSelectedDates\"\n        :allowRange=\"true\"\n        :disablePastDates=\"true\"\n        class=\"mn-b-medium radius-small bg-light\"\n      />\n      \n      <div class=\"flex gap-small\">\n         <button \n          @click=\"showDatePickerPopup = false\"\n          class=\"bg-light button flex-child-full\"\n        >\n          Cancel\n        </button>\n        <button \n          @click=\"applyDateFilter\"\n          class=\"bg-main button w-100 flex-child-full\"\n        >\n          Apply\n        </button>\n       \n      </div>\n    </Popup>\n</div>\n\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 '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@martyrs/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n  import Filters  from '@martyrs/src/modules/core/views/components/sections/Filters.vue'\n  import Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n  import Field from \"@martyrs/src/components/Field/Field.vue\"\n  import Calendar from \"@martyrs/src/components/Calendar/Calendar.vue\"\n  import Popup from \"@martyrs/src/components/Popup/Popup.vue\"\n  import Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\n  import CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n  import IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n  import IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\n\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const emits = defineEmits(['page-loading', 'page-loaded']);\n  const route = useRoute()\n  const router = useRouter()\n  const store = useStore()\n  const { generateFilters, formatDate, hasAccess, returnCurrency } = useGlobalMixins()\n\n  // Категории и фильтры\n  const currentCategories = ref([]);\n  const currentCategory = ref(null);\n  const categoryFilters = ref([]);\n  // const selectedFilters = ref({});\n\n  const availableFilters = ref([\n    {\n      title: 'Price',\n      value: 'price',\n      type: 'range',\n      minPlaceholder: 'From',\n      maxPlaceholder: 'To'\n    },\n    {\n      title: 'Availability',\n      value: 'availability',\n      type: 'date'\n    }\n  ])\n\n  const selectedFilters = ref({\n    price: { min: '', max: '' },\n    availability: null\n  })\n\n  const showDatePickerPopup = ref(false);\n  const tempSelectedDates = ref(null);\n\n  // Computed property for processed filters\n  const processedFilters = computed(() => {\n    const filters = [];\n    \n    // Обрабатываем фильтры категорий\n    Object.entries(selectedFilters.value).forEach(([key, value]) => {\n      if (key === 'price' || key === 'availability') return; // эти обрабатываются отдельно\n      \n      if (Array.isArray(value) && value.length > 0) {\n        filters.push({\n          parameter: key,\n          values: value,\n          caseSensitive: false\n        });\n      } else if (value && typeof value === 'string' && value.trim() !== '') {\n        filters.push({\n          parameter: key,\n          values: [value],\n          caseSensitive: false\n        });\n      }\n    });\n    \n    return filters.length > 0 ? JSON.stringify(filters) : '';\n  });\n\n\n\n\n  const processedLookups = computed(() => {\n    const lookups = ['variants'];\n    if (selectedFilters.value.availability) {\n      lookups.push('rents');\n    }\n    return lookups;\n  });\n\n  const loadCategoryData = async () => {\n    const categoryPath = route.params.categoryPath;\n    \n    // Очищаем фильтры категории из предыдущей загрузки\n    availableFilters.value = availableFilters.value.filter(f => f.value === 'price' || f.value === 'availability');\n    \n    try {\n      if (categoryPath) {\n        // Загружаем категорию и её прямых детей\n        const result = await categories.actions.read({ \n          url: `/${categoryPath}`,\n          depth: 1,\n          tree: false\n        });\n        \n        if (result.length > 0) {\n          currentCategory.value = result[0];\n          currentCategories.value = result[0].children || [];\n          categoryFilters.value = result[0].filters || [];\n          \n          // Добавляем фильтры категории в availableFilters\n          (result[0].filters || []).forEach(filter => {\n            availableFilters.value.push({\n              title: filter.name,\n              value: filter.name,\n              type: 'checkbox',\n              options: (filter.options || []).map(option => ({\n                label: typeof option === 'string' ? option : option.text,\n                value: typeof option === 'string' ? option : option.text\n              }))\n            });\n            // Инициализируем массив для фильтра\n            if (!selectedFilters.value[filter.name]) {\n              selectedFilters.value[filter.name] = [];\n            }\n          });\n        }\n      } else {\n        // Загружаем только корневые категории\n        const result = await categories.actions.read({ \n          root: true,\n          tree: false\n        });\n        \n        currentCategories.value = result;\n        categoryFilters.value = [];\n      }\n    } catch (error) {\n      console.error('Error loading categories:', error);\n      currentCategories.value = [];\n      categoryFilters.value = [];\n    }\n  };\n\n  // Функция для выбора категории\n  const selectCategory = (category) => {\n    const categoryPath = category.url ? category.url.substring(1) : '';\n      \n    if (!categoryPath) {\n      console.warn('No URL found for category:', category);\n      return;\n    }\n    \n    // Переходим к странице категории используя wildcard роут\n    if (route.params._id) {\n      router.push(`/organizations/${route.params._id}/products/categories/${categoryPath}`);\n    } else {\n      router.push(`/products/categories/${categoryPath}`);\n    }\n  };\n\n\n  // Функция применения фильтра дат\n  const applyDateFilter = () => {\n    selectedFilters.value.availability = tempSelectedDates.value;\n    showDatePickerPopup.value = false;\n  };\n  \n  // Функция очистки всех фильтров\n  const clearAllFilters = () => {\n    selectedFilters.value.price = { min: '', max: '' };\n    selectedFilters.value.availability = null;\n    \n    // Очищаем фильтры категорий\n    categoryFilters.value.forEach(filter => {\n      selectedFilters.value[filter.name] = [];\n    });\n  };\n\n  if (route.params?._id) {\n    store.core.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\n  onMounted(async () => {\n    emits('page-loading');\n    await loadCategoryData();\n    emits('page-loaded');\n  });\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["categories.actions","IconPlus","auth.state"],"mappings":"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"}
+{"version":3,"file":"Products.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium br-b-1px br-grey flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">{{ currentCategory ? currentCategory.name : 'All Products' }}</h2>\n      <button \n        v-if=\"route.params._id && hasAccess(route.params._id, 'products', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"cols-[1fr_3fr] mobile:cols-1 z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r-1px br-grey pd-medium z-index-2 desktop-only h-100 pos-relative\">\n        <div class=\"w-100 o-y-scroll h-100\">\n          <!-- Категории -->\n          <div class=\"mn-b-medium\" v-if=\"currentCategories.length > 0\">\n            <h4 class=\"mn-b-medium\">\n              {{ route.params.categoryPath ? 'Subcategories' : 'Categories' }}\n            </h4>\n            <div class=\"gap-micro\">\n              <div\n                v-for=\"category in currentCategories\"\n                :key=\"category._id\"\n                @click=\"selectCategory(category)\"\n                class=\"cursor-pointer hover:underline mn-b-regular ease\"\n              >\n                {{ category.name }}\n                <br>\n                <span v-for=\"subcategory in category.children\">{{subcategory.name}}</span>\n              </div>\n            </div>\n          </div>\n\n          <!-- Фильтры категории -->\n          <Spoiler \n            v-for=\"filter in categoryFilters\"\n            :key=\"filter.name\"\n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">{{ filter.name }}</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <Checkbox \n                  v-for=\"option in filter.options\"\n                  :key=\"option.text || option\"\n                  v-model:radio=\"selectedFilters[filter.name]\"\n                  :label=\"option.text || option\"\n                  :value=\"option.text || option\"\n                  mode=\"checkbox\"\n                  class=\"mn-b-micro\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n         \n          <!-- Цена за сутки -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">  Price</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small flex gap-thin\">\n                <Field\n                  v-model:field=\"selectedFilters.price.min\"\n                  placeholder=\"From\"\n                  type=\"number\"\n                  :label=\"returnCurrency()\"\n                  class=\"w-50 bg-light pd-small radius-small\"\n                />\n                <Field\n                  v-model:field=\"selectedFilters.price.max\"\n                  placeholder=\"To\"\n                  type=\"number\"\n                 :label=\"returnCurrency()\"\n                  class=\"w-50 bg-light pd-small radius-small\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Доступность -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">Availability</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <div \n                  @click=\"() => { tempSelectedDates = selectedFilters.availability; showDatePickerPopup = true; }\"\n                  :class=\"{ 'bg-light': selectedFilters?.availability }\"\n                  class=\"pd-small field-wrapper radius-small bg-light cursor-pointer hover:bg-light ease  flex-v-center flex gap-thin\"\n                >\n                  <IconCalendar class=\"i-medium\" />\n                  <span class=\"h-1r\">{{ selectedFilters.availability ? `${formatDate(selectedFilters.availability.start, { dayMonth: true, language: 'en' })} - ${formatDate(selectedFilters.availability.end, { dayMonth: true, language: 'en' })}` : 'Select dates'}}</span>\n                </div>\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Кнопка очистки фильтров -->\n          <button \n            @click=\"clearAllFilters\"\n            class=\"bg-main w-100 button mn-t-medium\"\n          >\n            Clear Filters\n          </button>\n        </div>\n      </div>\n\n      <div class=\"w-100 flex flex-column pd-thin  pos-relative o-hidden\">\n        \n        <slot></slot>\n\n        <div class=\"mn-b-thin mobile-only w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular\">\n          <div class=\"gap-thin flex-nowrap flex\">\n            <div\n              v-for=\"category in currentCategories\"\n              :key=\"category._id\"\n              @click=\"selectCategory(category)\"\n              class=\" flex-child-default bg-light flex ws-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease\"\n            >\n              {{ category.name }}\n            </div>\n          </div>\n        </div>\n\n        <Feed\n          :search=\"true\"\n          v-model:sort=\"products.state.sort\"\n          :showLoadMore=\"false\"\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: 16,\n            owner: route.name?.includes('Organization') ? route.params._id : null,\n            lookup: ['variants','rents','inventory'],\n            categories: route.params.categoryPath ? `/${route.params.categoryPath}` : null,\n            filters: processedFilters,\n            priceMin: selectedFilters.price?.min,\n            priceMax: selectedFilters.price?.max,\n            dateStart: selectedFilters.availability?.start,\n            dateEnd: selectedFilters.availability?.end\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n         \n        >\n          <div class=\"mn-b-thin mobile-only\">\n            <Filters\n              v-model:filters=\"availableFilters\"\n              v-model:selected=\"selectedFilters\"\n              class=\"\"\n            />\n          </div>\n          <div class=\"cols-4 mobile:cols-2 z-index-1 pos-relative w-100 rows-1 gap-thin\">\n            <router-link\n              v-for=\"product in items\"\n              :to=\"route.params._id ? `/organizations/${route.params._id}/products/${product._id}` : `/products/${product._id}`\"\n              class=\"pos-relative h-100 w-100\"\n            >\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, auth.state.access.roles)\"\n                class=\"pos-relative  h-100 w-100 bg-light\"\n              />\n            </router-link>\n          </div>\n        </Feed>\n\n      </div>\n    </div>\n  \n    <!-- Date Picker Popup -->\n    <Popup\n      :isPopupOpen=\"showDatePickerPopup\"\n      @close-popup=\"showDatePickerPopup = false\"\n      class=\"pd-medium bg-white radius-medium\"\n      style=\"min-width: 350px;\"\n    >\n      <h3 class=\"mn-b-medium\">Select Date Range</h3>\n      \n      <Calendar\n        v-model:date=\"tempSelectedDates\"\n        :allowRange=\"true\"\n        :disablePastDates=\"true\"\n        class=\"mn-b-medium radius-small bg-light\"\n      />\n      \n      <div class=\"flex gap-small\">\n         <button \n          @click=\"showDatePickerPopup = false\"\n          class=\"bg-light button flex-child-full\"\n        >\n          Cancel\n        </button>\n        <button \n          @click=\"applyDateFilter\"\n          class=\"bg-main button w-100 flex-child-full\"\n        >\n          Apply\n        </button>\n       \n      </div>\n    </Popup>\n</div>\n\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 '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@martyrs/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n  import Filters  from '@martyrs/src/modules/core/views/components/sections/Filters.vue'\n  import Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n  import Field from \"@martyrs/src/components/Field/Field.vue\"\n  import Calendar from \"@martyrs/src/components/Calendar/Calendar.vue\"\n  import Popup from \"@martyrs/src/components/Popup/Popup.vue\"\n  import Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\n  import CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n  import IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n  import IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\n\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const emits = defineEmits(['page-loading', 'page-loaded']);\n  const route = useRoute()\n  const router = useRouter()\n  const store = useStore()\n  const { generateFilters, formatDate, hasAccess, returnCurrency } = useGlobalMixins()\n\n  // Категории и фильтры\n  const currentCategories = ref([]);\n  const currentCategory = ref(null);\n  const categoryFilters = ref([]);\n  // const selectedFilters = ref({});\n\n  const availableFilters = ref([\n    {\n      title: 'Price',\n      value: 'price',\n      type: 'range',\n      minPlaceholder: 'From',\n      maxPlaceholder: 'To'\n    },\n    {\n      title: 'Availability',\n      value: 'availability',\n      type: 'date'\n    }\n  ])\n\n  const selectedFilters = ref({\n    price: { min: '', max: '' },\n    availability: null\n  })\n\n  const showDatePickerPopup = ref(false);\n  const tempSelectedDates = ref(null);\n\n  // Computed property for processed filters\n  const processedFilters = computed(() => {\n    const filters = [];\n    \n    // Обрабатываем фильтры категорий\n    Object.entries(selectedFilters.value).forEach(([key, value]) => {\n      if (key === 'price' || key === 'availability') return; // эти обрабатываются отдельно\n      \n      if (Array.isArray(value) && value.length > 0) {\n        filters.push({\n          parameter: key,\n          values: value,\n          caseSensitive: false\n        });\n      } else if (value && typeof value === 'string' && value.trim() !== '') {\n        filters.push({\n          parameter: key,\n          values: [value],\n          caseSensitive: false\n        });\n      }\n    });\n    \n    return filters.length > 0 ? JSON.stringify(filters) : '';\n  });\n\n\n\n\n  const processedLookups = computed(() => {\n    const lookups = ['variants'];\n    if (selectedFilters.value.availability) {\n      lookups.push('rents');\n    }\n    return lookups;\n  });\n\n  const loadCategoryData = async () => {\n    const categoryPath = route.params.categoryPath;\n    \n    // Очищаем фильтры категории из предыдущей загрузки\n    availableFilters.value = availableFilters.value.filter(f => f.value === 'price' || f.value === 'availability');\n    \n    try {\n      if (categoryPath) {\n        // Загружаем категорию и её прямых детей\n        const result = await categories.actions.read({ \n          url: `/${categoryPath}`,\n          depth: 1,\n          tree: false\n        });\n        \n        if (result.length > 0) {\n          currentCategory.value = result[0];\n          currentCategories.value = result[0].children || [];\n          categoryFilters.value = result[0].filters || [];\n          \n          // Добавляем фильтры категории в availableFilters\n          (result[0].filters || []).forEach(filter => {\n            availableFilters.value.push({\n              title: filter.name,\n              value: filter.name,\n              type: 'checkbox',\n              options: (filter.options || []).map(option => ({\n                label: typeof option === 'string' ? option : option.text,\n                value: typeof option === 'string' ? option : option.text\n              }))\n            });\n            // Инициализируем массив для фильтра\n            if (!selectedFilters.value[filter.name]) {\n              selectedFilters.value[filter.name] = [];\n            }\n          });\n        }\n      } else {\n        // Загружаем только корневые категории\n        const result = await categories.actions.read({ \n          root: true,\n          tree: false\n        });\n        \n        currentCategories.value = result;\n        categoryFilters.value = [];\n      }\n    } catch (error) {\n      console.error('Error loading categories:', error);\n      currentCategories.value = [];\n      categoryFilters.value = [];\n    }\n  };\n\n  // Функция для выбора категории\n  const selectCategory = (category) => {\n    const categoryPath = category.url ? category.url.substring(1) : '';\n      \n    if (!categoryPath) {\n      console.warn('No URL found for category:', category);\n      return;\n    }\n    \n    // Переходим к странице категории используя wildcard роут\n    if (route.params._id) {\n      router.push(`/organizations/${route.params._id}/products/categories/${categoryPath}`);\n    } else {\n      router.push(`/products/categories/${categoryPath}`);\n    }\n  };\n\n\n  // Функция применения фильтра дат\n  const applyDateFilter = () => {\n    selectedFilters.value.availability = tempSelectedDates.value;\n    showDatePickerPopup.value = false;\n  };\n  \n  // Функция очистки всех фильтров\n  const clearAllFilters = () => {\n    selectedFilters.value.price = { min: '', max: '' };\n    selectedFilters.value.availability = null;\n    \n    // Очищаем фильтры категорий\n    categoryFilters.value.forEach(filter => {\n      selectedFilters.value[filter.name] = [];\n    });\n  };\n\n  if (route.params?._id) {\n    store.core.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\n  onMounted(async () => {\n    emits('page-loading');\n    await loadCategoryData();\n    emits('page-loaded');\n  });\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["categories.actions","IconPlus","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgSE,UAAM,QAAQ;AACd,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,iBAAiB,YAAY,WAAW,eAAc,IAAK,gBAAe;AAGlF,UAAM,oBAAoB,IAAI,EAAE;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,EAAE;AAG9B,UAAM,mBAAmB,IAAI;AAAA,MAC3B;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MACtB;AAAA,MACI;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACZ;AAAA,IACA,CAAG;AAED,UAAM,kBAAkB,IAAI;AAAA,MAC1B,OAAO,EAAE,KAAK,IAAI,KAAK,GAAE;AAAA,MACzB,cAAc;AAAA,IAClB,CAAG;AAED,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,oBAAoB,IAAI,IAAI;AAGlC,UAAM,mBAAmB,SAAS,MAAM;AACtC,YAAM,UAAU,CAAA;AAGhB,aAAO,QAAQ,gBAAgB,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9D,YAAI,QAAQ,WAAW,QAAQ,eAAgB;AAE/C,YAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,GAAG;AAC5C,kBAAQ,KAAK;AAAA,YACX,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,eAAe;AAAA,UACzB,CAAS;AAAA,QACH,WAAW,SAAS,OAAO,UAAU,YAAY,MAAM,KAAI,MAAO,IAAI;AACpE,kBAAQ,KAAK;AAAA,YACX,WAAW;AAAA,YACX,QAAQ,CAAC,KAAK;AAAA,YACd,eAAe;AAAA,UACzB,CAAS;AAAA,QACH;AAAA,MACF,CAAC;AAED,aAAO,QAAQ,SAAS,IAAI,KAAK,UAAU,OAAO,IAAI;AAAA,IACxD,CAAC;AAKwB,aAAS,MAAM;AACtC,YAAM,UAAU,CAAC,UAAU;AAC3B,UAAI,gBAAgB,MAAM,cAAc;AACtC,gBAAQ,KAAK,OAAO;AAAA,MACtB;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,mBAAmB,YAAY;AACnC,YAAM,eAAe,MAAM,OAAO;AAGlC,uBAAiB,QAAQ,iBAAiB,MAAM,OAAO,OAAK,EAAE,UAAU,WAAW,EAAE,UAAU,cAAc;AAE7G,UAAI;AACF,YAAI,cAAc;AAEhB,gBAAM,SAAS,MAAMA,UAAmB,KAAK;AAAA,YAC3C,KAAK,IAAI,YAAY;AAAA,YACrB,OAAO;AAAA,YACP,MAAM;AAAA,UAChB,CAAS;AAED,cAAI,OAAO,SAAS,GAAG;AACrB,4BAAgB,QAAQ,OAAO,CAAC;AAChC,8BAAkB,QAAQ,OAAO,CAAC,EAAE,YAAY,CAAA;AAChD,4BAAgB,QAAQ,OAAO,CAAC,EAAE,WAAW,CAAA;AAG7C,aAAC,OAAO,CAAC,EAAE,WAAW,CAAA,GAAI,QAAQ,YAAU;AAC1C,+BAAiB,MAAM,KAAK;AAAA,gBAC1B,OAAO,OAAO;AAAA,gBACd,OAAO,OAAO;AAAA,gBACd,MAAM;AAAA,gBACN,UAAU,OAAO,WAAW,CAAA,GAAI,IAAI,aAAW;AAAA,kBAC7C,OAAO,OAAO,WAAW,WAAW,SAAS,OAAO;AAAA,kBACpD,OAAO,OAAO,WAAW,WAAW,SAAS,OAAO;AAAA,gBACpE,EAAgB;AAAA,cAChB,CAAa;AAED,kBAAI,CAAC,gBAAgB,MAAM,OAAO,IAAI,GAAG;AACvC,gCAAgB,MAAM,OAAO,IAAI,IAAI,CAAA;AAAA,cACvC;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,OAAO;AAEL,gBAAM,SAAS,MAAMA,UAAmB,KAAK;AAAA,YAC3C,MAAM;AAAA,YACN,MAAM;AAAA,UAChB,CAAS;AAED,4BAAkB,QAAQ;AAC1B,0BAAgB,QAAQ,CAAA;AAAA,QAC1B;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,6BAA6B,KAAK;AAChD,0BAAkB,QAAQ,CAAA;AAC1B,wBAAgB,QAAQ,CAAA;AAAA,MAC1B;AAAA,IACF;AAGA,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,eAAe,SAAS,MAAM,SAAS,IAAI,UAAU,CAAC,IAAI;AAEhE,UAAI,CAAC,cAAc;AACjB,gBAAQ,KAAK,8BAA8B,QAAQ;AACnD;AAAA,MACF;AAGA,UAAI,MAAM,OAAO,KAAK;AACpB,eAAO,KAAK,kBAAkB,MAAM,OAAO,GAAG,wBAAwB,YAAY,EAAE;AAAA,MACtF,OAAO;AACL,eAAO,KAAK,wBAAwB,YAAY,EAAE;AAAA,MACpD;AAAA,IACF;AAIA,UAAM,kBAAkB,MAAM;AAC5B,sBAAgB,MAAM,eAAe,kBAAkB;AACvD,0BAAoB,QAAQ;AAAA,IAC9B;AAGA,UAAM,kBAAkB,MAAM;AAC5B,sBAAgB,MAAM,QAAQ,EAAE,KAAK,IAAI,KAAK,GAAE;AAChD,sBAAgB,MAAM,eAAe;AAGrC,sBAAgB,MAAM,QAAQ,YAAU;AACtC,wBAAgB,MAAM,OAAO,IAAI,IAAI,CAAA;AAAA,MACvC,CAAC;AAAA,IACH;AAEA,QAAI,MAAM,QAAQ,KAAK;AACrB,YAAM,KAAK,MAAM,eAAe,UAAU,CAAC;AAAA,QACzC,WAAWC;AAAAA,QACX,OAAO;AAAA,UACL,MAAM;AAAA,QACd;AAAA,QACM,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,QACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,2BAA2B,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE,IAAI,OAAO,KAAK,EAAE,MAAM,aAAY,CAAE;AAAA,MAC9J,CAAK;AAAA,IACH;AAEA,cAAU,YAAY;AACpB,YAAM,cAAc;AACpB,YAAM,iBAAgB;AACtB,YAAM,aAAa;AAAA,IACrB,CAAC;AAED,gBAAY,MAAM;AAChB,YAAM,KAAK,MAAM,eAAe,UAAU,CAAA;AAAA,IAC5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/EditAttributes.vue.js

@@ -1,7 +1,7 @@
 import { useModel, ref, reactive, createElementBlock, openBlock, Fragment, createVNode, withCtx, createCommentVNode, renderList, createElementVNode, toDisplayString, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
@@ -133,7 +133,7 @@ const _sfc_main = {
                 class: "w-100 bg-light radius-small pd-small"
               }, null, 8, ["field"]),
               createElementVNode("div", _hoisted_9, [
-                createVNode(_sfc_main$5, {
+                createVNode(Button, {
                   showSuccess: false,
                   showLoader: false,
                   class: "bg-red t-white w-100",
@@ -144,7 +144,7 @@ const _sfc_main = {
                   ])),
                   _: 1
                 }),
-                createVNode(_sfc_main$5, {
+                createVNode(Button, {
                   class: "bg-main w-100",
                   onClick: saveAttribute
                 }, {

package/dist/martyrs/src/modules/products/components/sections/EditDiscounts.vue.js

@@ -1,7 +1,7 @@
 import { useModel, ref, reactive, createElementBlock, openBlock, Fragment, createVNode, withCtx, createCommentVNode, renderList, createElementVNode, toDisplayString, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
@@ -283,7 +283,7 @@ const _sfc_main = {
                 }, null, 8, ["field"])
               ]),
               createElementVNode("div", _hoisted_12, [
-                createVNode(_sfc_main$5, {
+                createVNode(Button, {
                   showSuccess: false,
                   showLoader: false,
                   class: "bg-red t-white w-100",
@@ -294,7 +294,7 @@ const _sfc_main = {
                   ])),
                   _: 1
                 }),
-                createVNode(_sfc_main$5, {
+                createVNode(Button, {
                   class: "bg-main w-100",
                   onClick: saveDiscount
                 }, {

package/dist/martyrs/src/modules/products/components/sections/EditVariants.vue.js

@@ -5,16 +5,16 @@ import variantsStore from "../../store/variants.store.js";
 import { state } from "../../store/products.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$7 from "../../../../components/Popup/Popup.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$9 from "../../../../components/EditImages/EditImages.vue2.js";
-import _sfc_main$8 from "./EditIngredients.vue.js";
+import _sfc_main$8 from "../../../../components/EditImages/EditImages.vue2.js";
+import _sfc_main$7 from "./EditIngredients.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
-import _sfc_main$6 from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$4 from "../../../icons/actions/IconDuplicate.vue.js";
+import _sfc_main$4 from "../../../icons/navigation/IconEdit.vue.js";
+import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
+import _sfc_main$3 from "../../../icons/actions/IconDuplicate.vue.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "aspect-1x1 h-3r flex-child-default radius-small o-hidden" };
 const _hoisted_2 = ["src"];
@@ -291,36 +291,36 @@ const _sfc_main = {
                       variant.ingredients?.length ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(variant.ingredients.length) + " ingredients", 1)) : createCommentVNode("", true)
                     ]),
                     createElementVNode("div", _hoisted_9, [
-                      createVNode(_sfc_main$3, {
+                      createVNode(Button, {
                         showSuccess: false,
                         showLoader: true,
                         class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover:scale-[1.05]",
                         submit: () => copyVariant(variant)
                       }, {
                         default: withCtx(() => [
-                          createVNode(_sfc_main$4, { class: "i-medium" })
+                          createVNode(_sfc_main$3, { class: "i-medium" })
                         ]),
                         _: 2
                       }, 1032, ["submit"]),
-                      createVNode(_sfc_main$3, {
+                      createVNode(Button, {
                         showSuccess: false,
                         showLoader: false,
                         class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover:scale-[1.05]",
                         submit: () => openVariantPopup(variant)
                       }, {
                         default: withCtx(() => [
-                          createVNode(_sfc_main$5, { class: "i-medium" })
+                          createVNode(_sfc_main$4, { class: "i-medium" })
                         ]),
                         _: 2
                       }, 1032, ["submit"]),
-                      createVNode(_sfc_main$3, {
+                      createVNode(Button, {
                         showSuccess: false,
                         showLoader: true,
                         class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover:scale-[1.05]",
                         submit: () => deleteVariant(variant)
                       }, {
                         default: withCtx(() => [
-                          createVNode(_sfc_main$6, { class: "i-medium" })
+                          createVNode(_sfc_main$5, { class: "i-medium" })
                         ]),
                         _: 2
                       }, 1032, ["submit"])
@@ -333,7 +333,7 @@ const _sfc_main = {
           ]),
           _: 1
         }, 8, ["actions"]),
-        createVNode(_sfc_main$7, {
+        createVNode(_sfc_main$6, {
           title: editingVariant.value ? "Edit Variant" : "Create Variant",
           onClosePopup: closeVariantPopup,
           isPopupOpen: isVariantPopupOpen.value,
@@ -408,14 +408,14 @@ const _sfc_main = {
                     class: "w-100 bg-light radius-small pd-small"
                   }, null, 8, ["field", "onUpdate:field"]),
                   createElementVNode("div", _hoisted_13, [
-                    createVNode(_sfc_main$6, {
+                    createVNode(_sfc_main$5, {
                       onClick: () => currentVariant.attributes.splice(attrIndex, 1),
                       class: "i-medium"
                     }, null, 8, ["onClick"])
                   ])
                 ]);
               }), 128)),
-              createVNode(_sfc_main$3, {
+              createVNode(Button, {
                 class: "bg-light w-100",
                 showSuccess: false,
                 showLoader: false,
@@ -450,13 +450,13 @@ const _sfc_main = {
                 type: "textarea"
               }, null, 8, ["field"]),
               createElementVNode("div", _hoisted_14, [
-                createVNode(_sfc_main$8, {
+                createVNode(_sfc_main$7, {
                   ingredients: currentVariant.ingredients,
                   "onUpdate:ingredients": _cache[9] || (_cache[9] = ($event) => currentVariant.ingredients = $event)
                 }, null, 8, ["ingredients"])
               ]),
               _cache[14] || (_cache[14] = createElementVNode("div", { class: "fw-medium mn-t-small mn-b-small" }, "Images", -1)),
-              createVNode(_sfc_main$9, {
+              createVNode(_sfc_main$8, {
                 images: currentVariant.images || [],
                 uploadPath: "variants",
                 class: "bg-light pd-small radius-small",
@@ -465,7 +465,7 @@ const _sfc_main = {
                 })
               }, null, 8, ["images"]),
               createElementVNode("div", _hoisted_15, [
-                createVNode(_sfc_main$3, {
+                createVNode(Button, {
                   showSuccess: false,
                   showLoader: false,
                   class: "bg-red t-white w-100",
@@ -476,7 +476,7 @@ const _sfc_main = {
                   ])),
                   _: 1
                 }),
-                createVNode(_sfc_main$3, {
+                createVNode(Button, {
                   class: "bg-main w-100",
                   submit: saveVariant
                 }, {

package/dist/martyrs/src/modules/products/components/sections/ProductConfigurator.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, toDisplayString, withCtx, unref, Fragment } from "vue";
 import { useI18n } from "vue-i18n";
-import _sfc_main$5 from "../../../icons/actions/IconShopcartAdd.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$4 from "../../../icons/actions/IconShopcartAdd.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$1 from "../blocks/ProductVariants.vue.js";
 import ProductDiscounts from "../blocks/ProductDiscounts.vue.js";
 import _sfc_main$3 from "../elements/QuantitySelector.vue.js";
@@ -116,14 +116,14 @@ const _sfc_main = {
           ], -1)
         ]))) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_8, [
-          createVNode(_sfc_main$4, {
+          createVNode(Button, {
             submit: isVariantAvailable.value ? addProductToCart : void 0,
             disabled: !isVariantAvailable.value,
             class: "cursor-pointer pd-medium radius-big w-100 bg-main button h-3r"
           }, {
             default: withCtx(() => [
               isVariantAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                createVNode(_sfc_main$5, { class: "i-medium" }),
+                createVNode(_sfc_main$4, { class: "i-medium" }),
                 createElementVNode("span", _hoisted_10, toDisplayString(unref(t)("addtoorder")), 1)
               ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 !selectedVariant.value && __props.productVariants.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_11, "Select variant")) : (openBlock(), createElementBlock("span", _hoisted_12, "Out of Stock"))