@ozdao/martyrs 0.2.424 → 0.2.426

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

@@ -1,4 +1,4 @@
-import { computed, ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, createVNode, unref, toDisplayString, Transition, withCtx, Fragment, renderList } from "vue";
+import { computed, ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, unref, toDisplayString, Transition, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import "../../../auth/views/store/auth.js";
@@ -12,8 +12,6 @@ import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$5 from "../../../globals/views/components/blocks/PopupDateSelector.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$4 from "../../../icons/actions/IconShopcartAdd.vue.js";
-import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import Images360 from "../blocks/Images360.vue.js";
 import ImagesThumbnails from "../blocks/ImagesThumbnails.vue.js";
 import _sfc_main$2 from "../elements/Price.vue.js";
 import _sfc_main$7 from "../sections/PopularProducts.vue.js";
@@ -22,44 +20,41 @@ const _hoisted_1 = {
   class: "h-100 w-100 mobile:pd-thin pd-big bg-white"
 };
 const _hoisted_2 = { class: "cols-2-1_2 w-100 gap-medium" };
-const _hoisted_3 = { class: "w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative" };
-const _hoisted_4 = { class: "pd-semi w-100 bg-light radius-semi o-hidden" };
-const _hoisted_5 = ["src"];
-const _hoisted_6 = { class: "pos-relative w-100 h-100 flex-column flex-h-center flex" };
-const _hoisted_7 = { class: "w-100 h1-product mn-b-small" };
-const _hoisted_8 = {
+const _hoisted_3 = { class: "pos-relative w-100 h-100 flex-column flex-h-center flex" };
+const _hoisted_4 = { class: "w-100 h1-product mn-b-small" };
+const _hoisted_5 = {
   key: 1,
   class: "h-min-5r o-hidden radius-small bg-light mn-b-medium pos-relative"
 };
-const _hoisted_9 = {
+const _hoisted_6 = {
   key: 0,
   class: "pd-medium"
 };
-const _hoisted_10 = {
+const _hoisted_7 = {
   key: 0,
   class: "w-100 t-transp"
 };
-const _hoisted_11 = {
+const _hoisted_8 = {
   key: 1,
   class: "w-100 t-transp"
 };
-const _hoisted_12 = {
+const _hoisted_9 = {
   key: 1,
   class: "cols-2 pd-medium w-100 gap-small"
 };
-const _hoisted_13 = { class: "w-100 pd-small radius-small bg-white product-information" };
-const _hoisted_14 = { class: "t-demi" };
-const _hoisted_15 = { class: "w-max-33r" };
-const _hoisted_16 = { class: "w-max-33r" };
-const _hoisted_17 = { key: 0 };
-const _hoisted_18 = { class: "gap-thin flex flex-center flex-nowrap" };
-const _hoisted_19 = { key: 1 };
-const _hoisted_20 = { class: "gap-thin flex flex-center flex-nowrap" };
-const _hoisted_21 = {
+const _hoisted_10 = { class: "w-100 pd-small radius-small bg-white product-information" };
+const _hoisted_11 = { class: "t-demi" };
+const _hoisted_12 = { class: "w-max-33r" };
+const _hoisted_13 = { class: "w-max-33r" };
+const _hoisted_14 = { key: 0 };
+const _hoisted_15 = { class: "gap-thin flex flex-center flex-nowrap" };
+const _hoisted_16 = { key: 1 };
+const _hoisted_17 = { class: "gap-thin flex flex-center flex-nowrap" };
+const _hoisted_18 = {
   key: 1,
   class: "flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton"
 };
-const _hoisted_22 = { class: "h-max pos-relative" };
+const _hoisted_19 = { class: "h-max pos-relative" };
 const _sfc_main = {
   __name: "Product",
   emits: ["page-loading", "page-loaded"],
@@ -104,46 +99,23 @@ const _sfc_main = {
       var _a, _b, _c, _d;
       return state.current._id ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
+          createVNode(ImagesThumbnails, {
+            images: images.value,
+            product: product.value
+          }, null, 8, ["images", "product"]),
           createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", _hoisted_4, [
-              product.value && product.value.image3d ? (openBlock(), createBlock(Images360, {
-                key: 0,
-                class: "h-100 w-100",
-                imagePath: `/assets/images/products/${product.value.image3d}`,
-                imageCount: 36
-              }, null, 8, ["imagePath"])) : createCommentVNode("", true),
-              images.value[0] && !product.value.image3d ? (openBlock(), createElementBlock("img", {
-                key: 1,
-                loading: "lazy",
-                class: "h-max h-max-15r bg-white radius-semi w-100",
-                style: { "object-fit": "contain" },
-                src: (_ctx.FILE_SERVER_URL || "") + images.value[0]
-              }, null, 8, _hoisted_5)) : createCommentVNode("", true),
-              !images.value[0] && !product.value.image3d ? (openBlock(), createBlock(PlaceholderImage, {
-                key: 2,
-                class: "h-max-20r h-100 w-100",
-                style: { "object-fit": "cover" }
-              })) : createCommentVNode("", true)
-            ]),
-            images.value.length > 1 ? (openBlock(), createBlock(ImagesThumbnails, {
-              key: 0,
-              images: images.value,
-              class: "pd-semi pd-t-zero"
-            }, null, 8, ["images"])) : createCommentVNode("", true)
-          ]),
-          createElementVNode("div", _hoisted_6, [
             _ctx.accesses && _ctx.hasAccess(unref(route).params._id, "products", "edit", _ctx.accesses) ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "ProductEdit", params: { _id: product.value.owner.target, product: product.value._id } })),
               class: "pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
             })) : createCommentVNode("", true),
-            createElementVNode("h2", _hoisted_7, toDisplayString(product.value.name), 1),
+            createElementVNode("h2", _hoisted_4, toDisplayString(product.value.name), 1),
             createVNode(_sfc_main$2, {
               product: product.value,
               size: "big",
               class: "flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium"
             }, null, 8, ["product"]),
-            product.value.description || product.value.specification ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            product.value.description || product.value.specification ? (openBlock(), createElementBlock("div", _hoisted_5, [
               createVNode(_sfc_main$3, {
                 selected: tabProduct.value,
                 "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => tabProduct.value = $event),
@@ -156,13 +128,13 @@ const _sfc_main = {
               }, null, 8, ["selected"]),
               createVNode(Transition, { name: "slide-fade" }, {
                 default: withCtx(() => [
-                  tabProduct.value === "description" ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                    product.value.description && !product.value.localization < 1 && !_ctx.recommendation ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(product.value.description), 1)) : createCommentVNode("", true),
-                    product.value.localization && product.value.localization.length > 1 && !_ctx.recommendation ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(unref(t)("description")), 1)) : createCommentVNode("", true)
-                  ])) : (openBlock(), createElementBlock("div", _hoisted_12, [
+                  tabProduct.value === "description" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    product.value.description && !product.value.localization < 1 && !_ctx.recommendation ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(product.value.description), 1)) : createCommentVNode("", true),
+                    product.value.localization && product.value.localization.length > 1 && !_ctx.recommendation ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(unref(t)("description")), 1)) : createCommentVNode("", true)
+                  ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
                     product.value.information.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(product.value.information, (information) => {
-                      return openBlock(), createElementBlock("div", _hoisted_13, [
-                        createElementVNode("p", _hoisted_14, toDisplayString(information.name), 1),
+                      return openBlock(), createElementBlock("div", _hoisted_10, [
+                        createElementVNode("p", _hoisted_11, toDisplayString(information.name), 1),
                         createElementVNode("p", null, toDisplayString(information.value), 1)
                       ]);
                     }), 256)) : createCommentVNode("", true)
@@ -171,14 +143,14 @@ const _sfc_main = {
                 _: 1
               })
             ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_15, [
-              createElementVNode("div", _hoisted_16, [
-                product.value.listing === "rent" ? (openBlock(), createElementBlock("div", _hoisted_17, [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
+                product.value.listing === "rent" ? (openBlock(), createElementBlock("div", _hoisted_14, [
                   createElementVNode("button", {
                     onClick: openPopup,
                     class: "cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button"
                   }, [
-                    createElementVNode("div", _hoisted_18, [
+                    createElementVNode("div", _hoisted_15, [
                       createVNode(_sfc_main$4, { class: "i-semi" }),
                       createElementVNode("span", null, toDisplayString(unref(t)("addtoorder")), 1)
                     ])
@@ -193,26 +165,26 @@ const _sfc_main = {
                     onConfirm: (selectedDates) => addToCart(product.value, selectedDates),
                     onClose: closePopup
                   }, null, 8, ["product", "isOpen", "showFees", "feesRate", "showVat", "vatRate", "onConfirm"])
-                ])) : (openBlock(), createElementBlock("div", _hoisted_19, [
+                ])) : (openBlock(), createElementBlock("div", _hoisted_16, [
                   product.value.available > 0 ? (openBlock(), createBlock(_sfc_main$6, {
                     key: 0,
                     onClick: _cache[2] || (_cache[2] = ($event) => addToCart(product.value, null)),
                     class: "h-3r w-100 bg-main button"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_20, [
+                      createElementVNode("div", _hoisted_17, [
                         createVNode(_sfc_main$4, { class: "i-semi" }),
                         createElementVNode("span", null, toDisplayString(unref(t)("addtoorder")), 1)
                       ])
                     ]),
                     _: 1
-                  })) : (openBlock(), createElementBlock("div", _hoisted_21, " Out of Stock "))
+                  })) : (openBlock(), createElementBlock("div", _hoisted_18, " Out of Stock "))
                 ]))
               ])
             ])
           ])
         ]),
-        createElementVNode("div", _hoisted_22, [
+        createElementVNode("div", _hoisted_19, [
           _cache[3] || (_cache[3] = createElementVNode("h3", { class: "pd-medium pd-b-small" }, "Most Popular", -1)),
           createVNode(_sfc_main$7)
         ])

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

@@ -1 +1 @@
-{"version":3,"file":"Product.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n  <div v-if=\"products.state.current._id\" class=\"h-100 w-100 mobile:pd-thin pd-big bg-white\">\n    <div class=\"cols-2-1_2 w-100 gap-medium\">\n      <div class=\"w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative\">\n        <div class=\"pd-semi w-100 bg-light radius-semi o-hidden\">\n          <Images360\n            v-if=\"product && product.image3d\"\n            class=\"h-100 w-100\"\n            :imagePath=\"`/assets/images/products/${product.image3d}`\"\n            :imageCount=\"36\"\n          />\n          <img\n            loading=\"lazy\"\n            v-if=\"images[0] && !product.image3d\"\n            class=\"h-max h-max-15r bg-white radius-semi w-100\"\n            style=\"object-fit: contain;\"\n            :src=\"(FILE_SERVER_URL || '') + images[0]\"\n          />\n          <PlaceholderImage\n            v-if=\"!images[0] && !product.image3d\"\n            class=\"h-max-20r h-100 w-100\"\n            style=\"object-fit: cover;\"\n          />\n        </div>\n        <ImagesThumbnails\n          v-if=\"images.length > 1\"\n          :images=\"images\"\n          class=\"pd-semi pd-t-zero\"\n        />\n      </div>\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <IconEdit\n          v-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n          @click=\"$router.push({ name: 'ProductEdit', params: { _id: product.owner.target, product: product._id } })\"\n          class=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n        />\n        <h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n        <Price :product=\"product\" size=\"big\" class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\" />\n\n        <div v-if=\"product.description || product.specification\" class=\"h-min-5r o-hidden radius-small bg-light mn-b-medium pos-relative\">\n          <Tab\n            v-model:selected=\"tabProduct\"\n            :tabs=\"[\n              {name: 'Description', value: 'description'},\n              {name: 'Specifications', value: 'specifications'}\n            ]\"\n            tabClass=\"pd-thin bg-white radius-thin p-small uppercase t-medium\"\n            class=\"gap-micro bg-light pos-relative z-index-2 pd-thin br-solid br-b br-black-transp-10\"\n          />\n          <transition name=\"slide-fade\">\n            <div v-if=\"tabProduct === 'description'\" class=\"pd-medium\">\n              <p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 t-transp\">\n                {{ product.description }}\n              </p>\n              <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 t-transp\">\n                {{ t('description') }}\n              </p>\n            </div>\n            <div v-else class=\"cols-2 pd-medium w-100 gap-small\">\n              <div\n                v-if=\"product.information.length > 0\"\n                v-for=\"information in product.information\"\n                class=\"w-100 pd-small radius-small bg-white product-information\"\n              >\n                <p class=\"t-demi\">{{ information.name }}</p>\n                <p>{{ information.value }}</p>\n              </div>\n            </div>\n          </transition>\n        </div>\n\n        <div class=\"w-max-33r\">\n          <div class=\"w-max-33r\">\n\t\t        <div v-if=\"product.listing === 'rent'\">\n\t\t          <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n\t\t            <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t              <IconShopcartAdd class=\"i-semi\" />\n\t\t              <span>{{ t('addtoorder') }}</span>\n\t\t            </div>\n\t\t          </button>\n\t\t          <PopupDateSelector\n\t\t            :product=\"product\"\n\t\t            :isOpen=\"isPopupOpen\"\n\t\t            :showFees=\"globals.state.options?.showFees\"\n                :feesRate=\"globals.state.options?.feesRate || 0.15\"\n                :showVat=\"globals.state.options?.showVat\"\n                :vatRate=\"globals.state.options?.vatRate || 0\"\n\t\t            :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n\t\t            @close=\"closePopup\"\n\t\t          />\n\t\t        </div>\n\t          <div v-else>\n\t            <Button\n\t              v-if=\"product.available > 0\"\n\t              @click=\"addToCart(product, null)\"\n\t              class=\"h-3r w-100 bg-main button\"\n\t            >\n\t              <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t                <IconShopcartAdd class=\"i-semi\" />\n\t                <span>{{ t('addtoorder') }}</span>\n\t              </div>\n\t            </Button>\n\t            <div\n\t              v-else\n\t              class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\"\n\t            >\n\t              Out of Stock\n\t            </div>\n\t          </div>\n\t        </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"h-max pos-relative\">\n      <h3 class=\"pd-medium pd-b-small\">Most Popular</h3>\n      <PopularProducts />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as products from '@martyrs/src/modules/products/store/products'\nimport * as categories from '@martyrs/src/modules/products/store/categories'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'\nimport PopupDateSelector from '@martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Images360 from '@martyrs/src/modules/products/components/blocks/Images360.vue'\nimport ImagesThumbnails from '@martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\nimport PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst product = computed(() => products.state.current)\nconst images = computed(() => products.state.current.images)\n\nconst tabProduct = ref('description')\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst isPopupOpen = ref(false)\n\nfunction openPopup() {\n  isPopupOpen.value = true\n}\n\nfunction closePopup() {\n  isPopupOpen.value = false\n}\n\n\n const emit = defineEmits(['page-loading', 'page-loaded']);\n  \n\n// products.mutations.resetProduct()\nonMounted(async () => {\n   emit('page-loading');\n  await products.actions.read({ _id: route.params.product })\n  emit('page-loaded');\n\n\n  // route.meta.title.en = product.value.name\n  // route.meta.title.ru = roduct.value.name\n\n})\n\n// onBeforeMounted\n\nfunction validateToCard(product) {\n  return !(product.available > 0)\n}\n\nasync function addToCart(product, selectedDates = null) {\n  try {\n    if (shopcart.state.organization !== product.owner.target) {\n      shopcart.state.organization = product.owner.target\n      shopcart.state.positions = []\n    }\n    await shopcart.actions.addProductToCart(product, product.owner.target, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Ошибка при добавлении товара в корзину:', error)\n    throw error\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["products.state","products.actions","product","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiJA,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,UAAU,SAAS,MAAMA,MAAe,OAAO;AACrD,UAAM,SAAS,SAAS,MAAMA,MAAe,QAAQ,MAAM;AAE3D,UAAM,aAAa,IAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACX,IAAI,EAAE,YAAY,eAAe,WAAW,aAAc;AAAA,MAC1D,IAAI,EAAE,YAAY,sBAAsB,WAAW,gBAAe;AAAA,IACpE;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,KAAM,CAAA;AAExC,UAAM,cAAc,IAAI,KAAK;AAE7B,aAAS,YAAY;AACnB,kBAAY,QAAQ;AAAA,IACtB;AAEA,aAAS,aAAa;AACpB,kBAAY,QAAQ;AAAA,IACtB;AAGC,UAAM,OAAO;AAId,cAAU,YAAY;AACnB,WAAK,cAAc;AACpB,YAAMC,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAS,CAAA;AACzD,WAAK,aAAa;AAAA,IAMpB,CAAC;AAQD,mBAAe,UAAUC,UAAS,gBAAgB,MAAM;AACtD,UAAI;AACF,YAAIC,QAAe,iBAAiBD,SAAQ,MAAM,QAAQ;AACxDC,kBAAe,eAAeD,SAAQ,MAAM;AAC5CC,kBAAe,YAAY,CAAA;AAAA,QACjC;AACI,cAAMC,UAAiB,iBAAiBF,UAASA,SAAQ,MAAM,QAAQ,aAAa;AACpF,eAAO;AAAA,MACR,SAAQ,OAAO;AACd,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACV;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Product.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n  <div v-if=\"products.state.current._id\" class=\"h-100 w-100 mobile:pd-thin pd-big bg-white\">\n    <div class=\"cols-2-1_2 w-100 gap-medium\">\n\n      <ImagesThumbnails\n        :images=\"images\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <IconEdit\n          v-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n          @click=\"$router.push({ name: 'ProductEdit', params: { _id: product.owner.target, product: product._id } })\"\n          class=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n        />\n        <h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n        <Price :product=\"product\" size=\"big\" class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\" />\n\n        <div v-if=\"product.description || product.specification\" class=\"h-min-5r o-hidden radius-small bg-light mn-b-medium pos-relative\">\n          <Tab\n            v-model:selected=\"tabProduct\"\n            :tabs=\"[\n              {name: 'Description', value: 'description'},\n              {name: 'Specifications', value: 'specifications'}\n            ]\"\n            tabClass=\"pd-thin bg-white radius-thin p-small uppercase t-medium\"\n            class=\"gap-micro bg-light pos-relative z-index-2 pd-thin br-solid br-b br-black-transp-10\"\n          />\n          <transition name=\"slide-fade\">\n            <div v-if=\"tabProduct === 'description'\" class=\"pd-medium\">\n              <p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 t-transp\">\n                {{ product.description }}\n              </p>\n              <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 t-transp\">\n                {{ t('description') }}\n              </p>\n            </div>\n            <div v-else class=\"cols-2 pd-medium w-100 gap-small\">\n              <div\n                v-if=\"product.information.length > 0\"\n                v-for=\"information in product.information\"\n                class=\"w-100 pd-small radius-small bg-white product-information\"\n              >\n                <p class=\"t-demi\">{{ information.name }}</p>\n                <p>{{ information.value }}</p>\n              </div>\n            </div>\n          </transition>\n        </div>\n\n        <div class=\"w-max-33r\">\n          <div class=\"w-max-33r\">\n\t\t        <div v-if=\"product.listing === 'rent'\">\n\t\t          <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n\t\t            <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t              <IconShopcartAdd class=\"i-semi\" />\n\t\t              <span>{{ t('addtoorder') }}</span>\n\t\t            </div>\n\t\t          </button>\n\t\t          <PopupDateSelector\n\t\t            :product=\"product\"\n\t\t            :isOpen=\"isPopupOpen\"\n\t\t            :showFees=\"globals.state.options?.showFees\"\n                :feesRate=\"globals.state.options?.feesRate || 0.15\"\n                :showVat=\"globals.state.options?.showVat\"\n                :vatRate=\"globals.state.options?.vatRate || 0\"\n\t\t            :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n\t\t            @close=\"closePopup\"\n\t\t          />\n\t\t        </div>\n\t          <div v-else>\n\t            <Button\n\t              v-if=\"product.available > 0\"\n\t              @click=\"addToCart(product, null)\"\n\t              class=\"h-3r w-100 bg-main button\"\n\t            >\n\t              <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t                <IconShopcartAdd class=\"i-semi\" />\n\t                <span>{{ t('addtoorder') }}</span>\n\t              </div>\n\t            </Button>\n\t            <div\n\t              v-else\n\t              class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\"\n\t            >\n\t              Out of Stock\n\t            </div>\n\t          </div>\n\t        </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"h-max pos-relative\">\n      <h3 class=\"pd-medium pd-b-small\">Most Popular</h3>\n      <PopularProducts />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as products from '@martyrs/src/modules/products/store/products'\nimport * as categories from '@martyrs/src/modules/products/store/categories'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'\nimport PopupDateSelector from '@martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport ImagesThumbnails from '@martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\nimport PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst product = computed(() => products.state.current)\nconst images = computed(() => products.state.current.images)\n\nconst tabProduct = ref('description')\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst isPopupOpen = ref(false)\n\nfunction openPopup() {\n  isPopupOpen.value = true\n}\n\nfunction closePopup() {\n  isPopupOpen.value = false\n}\n\n\n const emit = defineEmits(['page-loading', 'page-loaded']);\n  \n\n// products.mutations.resetProduct()\nonMounted(async () => {\n   emit('page-loading');\n  await products.actions.read({ _id: route.params.product })\n  emit('page-loaded');\n\n\n  // route.meta.title.en = product.value.name\n  // route.meta.title.ru = roduct.value.name\n\n})\n\n// onBeforeMounted\n\nfunction validateToCard(product) {\n  return !(product.available > 0)\n}\n\nasync function addToCart(product, selectedDates = null) {\n  try {\n    if (shopcart.state.organization !== product.owner.target) {\n      shopcart.state.organization = product.owner.target\n      shopcart.state.positions = []\n    }\n    await shopcart.actions.addProductToCart(product, product.owner.target, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Ошибка при добавлении товара в корзину:', error)\n    throw error\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["products.state","products.actions","product","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,UAAU,SAAS,MAAMA,MAAe,OAAO;AACrD,UAAM,SAAS,SAAS,MAAMA,MAAe,QAAQ,MAAM;AAE3D,UAAM,aAAa,IAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACX,IAAI,EAAE,YAAY,eAAe,WAAW,aAAc;AAAA,MAC1D,IAAI,EAAE,YAAY,sBAAsB,WAAW,gBAAe;AAAA,IACpE;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,KAAM,CAAA;AAExC,UAAM,cAAc,IAAI,KAAK;AAE7B,aAAS,YAAY;AACnB,kBAAY,QAAQ;AAAA,IACtB;AAEA,aAAS,aAAa;AACpB,kBAAY,QAAQ;AAAA,IACtB;AAGC,UAAM,OAAO;AAId,cAAU,YAAY;AACnB,WAAK,cAAc;AACpB,YAAMC,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAS,CAAA;AACzD,WAAK,aAAa;AAAA,IAMpB,CAAC;AAQD,mBAAe,UAAUC,UAAS,gBAAgB,MAAM;AACtD,UAAI;AACF,YAAIC,QAAe,iBAAiBD,SAAQ,MAAM,QAAQ;AACxDC,kBAAe,eAAeD,SAAQ,MAAM;AAC5CC,kBAAe,YAAY,CAAA;AAAA,QACjC;AACI,cAAMC,UAAiB,iBAAiBF,UAASA,SAAQ,MAAM,QAAQ,aAAa;AACpF,eAAO;AAAA,MACR,SAAQ,OAAO;AACd,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACV;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/style.css

@@ -2159,39 +2159,55 @@ to {
   width: 100%;
   height: 100%;
   object-fit: scale-down;
-  transition: transform 0.3s;
+  transition: transform 0.05s;
+  transform-origin: center center;
 }
 
-.magnifier[data-v-77776640] {
-  max-width: 32rem;
+.expand-enter-active[data-v-cd8791b7],
+.expand-leave-active[data-v-cd8791b7] {
+  transition: max-height 0.5s ease-in-out;
+  overflow: hidden;
 }
-.product-images[data-v-77776640] {
-  display: flex;
-  flex-direction: column;
+.scale-enter-active[data-v-cd8791b7],
+.scale-leave-active[data-v-cd8791b7] {
+  transition: transform 0.5s ease-in-out;
+}
+.scale5-enter-from[data-v-cd8791b7],
+.scale5-leave-to[data-v-cd8791b7] {
+  transform: scale(1.2);
+  opacity: 0;
 }
-.thumbnail[data-v-77776640] {
+.scale5-enter-to[data-v-cd8791b7],
+.scale5-leave-from[data-v-cd8791b7] {
+  transform: scale(1);
+  opacity: 1;
+}
+.product-360-viewer[data-v-cd8791b7] {
+  user-select: none;
+   min-height: 16rem;
+}
+.product-360-viewer img[data-v-cd8791b7] {
+  max-width: 100%;
+  cursor: grab;
+
+  object-fit: cover;
+  transition: all 0.3s ease;
+}
+.product-360-viewer img[data-v-cd8791b7]:active {
+  cursor: grabbing;
+}
+
+/*.product-360-viewer img:hover {
+  transform: scale(1.1);
+}*/
+
+.thumbnail[data-v-832a66d9] {
   width: 100%;
   max-width: 6rem;
   height: 6rem;
   object-fit: cover;
   cursor: pointer;
 }
-.popup[data-v-77776640] {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.8);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: zoom-out;
-}
-.popup-image[data-v-77776640] {
-  max-width: 90%;
-  max-height: 90%;
-}
 .vue-select {
   background: #f7f7f7;
   border-radius: 0.5rem;
@@ -2227,44 +2243,6 @@ to {
 .spoiler-active[data-v-e326492a] {
   transform: rotate(180deg);
 }
-.expand-enter-active[data-v-cd8791b7],
-.expand-leave-active[data-v-cd8791b7] {
-  transition: max-height 0.5s ease-in-out;
-  overflow: hidden;
-}
-.scale-enter-active[data-v-cd8791b7],
-.scale-leave-active[data-v-cd8791b7] {
-  transition: transform 0.5s ease-in-out;
-}
-.scale5-enter-from[data-v-cd8791b7],
-.scale5-leave-to[data-v-cd8791b7] {
-  transform: scale(1.2);
-  opacity: 0;
-}
-.scale5-enter-to[data-v-cd8791b7],
-.scale5-leave-from[data-v-cd8791b7] {
-  transform: scale(1);
-  opacity: 1;
-}
-.product-360-viewer[data-v-cd8791b7] {
-  user-select: none;
-   min-height: 16rem;
-}
-.product-360-viewer img[data-v-cd8791b7] {
-  max-width: 100%;
-  cursor: grab;
-
-  object-fit: cover;
-  transition: all 0.3s ease;
-}
-.product-360-viewer img[data-v-cd8791b7]:active {
-  cursor: grabbing;
-}
-
-/*.product-360-viewer img:hover {
-  transform: scale(1.1);
-}*/
-
 #glcanvas {
     width: 100%;
     height: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.424",
+  "version": "0.2.426",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/builder/modes/spa.dev.js

@@ -54,7 +54,9 @@ module.exports = function createSpaDevServer(projectRoot, { spaConfig, serverCon
     Object.keys(require.cache).forEach((id) => {
       delete require.cache[id];
     });
-    const { createServer } = require(createServerPath);
+    
+    const { createServer } = createServerPath;
+
     let { app, server, env } = await createServer();
 
     // Используем connect-history-api-fallback перед другими middleware

package/src/builder/modes/spa.prod.js

@@ -10,7 +10,7 @@ module.exports = function createSpaProdServer(projectRoot, { createServerPath })
 
   // Функция для запуска сервера
   const startServer = async () => {
-    const { createServer } = require(createServerPath);
+    const { createServer } = createServerPath;
 
     let { app, server } = await createServer();
 

package/src/builder/modes/ssr.dev.js

@@ -12,7 +12,7 @@ const { transformDevStats } = require("../ssr/ssr-transform-webpack-stats.js");
 
 module.exports = function createSsrDevServer(projectRoot, { clientConfig, serverConfig, ssrConfig, createServerPath }) {
   const clientCompiler = webpack(clientConfig);
-  const serverCompiler = webpack(serverConfig);
+  // const serverCompiler = webpack(serverConfig);
   const ssrCompiler = webpack(ssrConfig);
 
   const createDevRenderer = (onUpdate) => {
@@ -174,15 +174,15 @@ module.exports = function createSsrDevServer(projectRoot, { clientConfig, server
   };
 
   // Настройка наблюдения за изменениями
-  serverCompiler.watch({}, async (err, stats) => {
-    if (err) {
-      console.error(err);
-      return;
-    }
-    console.log(stats.toString(serverConfig.stats));
-    console.log('Server.js has changed, updating...');
-    await startServer();
-  });
+  // serverCompiler.watch({}, async (err, stats) => {
+  //   if (err) {
+  //     console.error(err);
+  //     return;
+  //   }
+  //   console.log(stats.toString(serverConfig.stats));
+  //   console.log('Server.js has changed, updating...');
+  //   await startServer();
+  // });
 
   return startServer;
 };