@ozdao/martyrs 0.2.425 → 0.2.426

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs

@@ -5,12 +5,12 @@ const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
-;/* empty css                                    */
+;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue.cjs");
-const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
+const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue2.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
-;/* empty css                                       */
+;/* empty css                                        */
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");
 require("../../store/memberships.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationEdit.vue.js

@@ -3,12 +3,12 @@ import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$2 from "../../../../components/FieldTags/BlockTags.vue.js";
-/* empty css                                  */
+/* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
-import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue.js";
+import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue2.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
-/* empty css                                     */
+/* empty css                                      */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/organizations.js";
 import "../../store/memberships.js";

package/dist/martyrs/src/modules/organizations/components/pages/Organizations.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Organizations.vue.js

@@ -1,6 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, Transition, withCtx, unref, Fragment, renderList, isMemoSame, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../store/organizations.js";

package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.cjs

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Text = require("../../../../components/Text/Text.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.js

@@ -1,8 +1,8 @@
 import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, createVNode, renderSlot, withCtx, toDisplayString, unref } from "vue";
 import { useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$7 from "../../../../components/Text/Text.vue.js";
-import _sfc_main$8 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$8 from "../../../../components/Chips/Chips.vue2.js";
 import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEllipsis.vue.js";

package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 require("vue-i18n");
-;/* empty css                                       */
+;/* empty css                                        */
 ;/* empty css                                         */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 ;/* empty css                                          */

package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.js

@@ -2,7 +2,7 @@ import { ref, watchEffect, resolveComponent, createElementBlock, openBlock, crea
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import "vue-i18n";
-/* empty css                                     */
+/* empty css                                      */
 /* empty css                                       */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                        */

package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");
-;/* empty css                                    */
+;/* empty css                                   */
 ;/* empty css                                         */
 ;/* empty css                                          */
 const CardOrganization = require("../blocks/CardOrganization.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.js

@@ -1,7 +1,7 @@
 import { ref, withAsyncContext, watch, createElementBlock, openBlock, createElementVNode, createBlock, Fragment, renderList, normalizeClass } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
-/* empty css                                  */
+/* empty css                                 */
 /* empty css                                       */
 /* empty css                                        */
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";

package/dist/martyrs/src/modules/pages/views/components/partials/SidebarPages.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../../components/Block/Block.vue.cjs");
-const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");
 const Constructor = require("../../../../constructor/components/sections/Constructor.vue.cjs");
 const CardPage = require("../blocks/CardPage.vue.cjs");

package/dist/martyrs/src/modules/pages/views/components/partials/SidebarPages.vue.js

@@ -1,7 +1,7 @@
 import { computed, ref, onMounted, createBlock, createCommentVNode, openBlock, withCtx, createElementBlock, createVNode, Fragment, renderList, createElementVNode, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../../components/Block/Block.vue.js";
-import _sfc_main$3 from "../../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
 import _sfc_main$5 from "../../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../constructor/components/sections/Constructor.vue.js";
 import _sfc_main$2 from "../blocks/CardPage.vue.js";

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

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

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

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

package/dist/martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue.cjs

@@ -1,24 +1,35 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
+const Images360 = require("./Images360.vue.cjs");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "o-scroll w-100 product-images" };
-const _hoisted_2 = { class: "no-responsive w-max flex flex-nowrap gap-thin" };
-const _hoisted_3 = ["src", "onClick"];
+const _hoisted_1 = { class: "w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 0,
+  class: "o-scroll w-100 pd-semi pd-t-zero"
+};
+const _hoisted_4 = { class: "no-responsive w-max flex flex-nowrap gap-thin" };
+const _hoisted_5 = ["src", "onClick"];
 const _sfc_main = {
   __name: "ImagesThumbnails",
   props: {
     images: {
       type: Array,
       required: true
+    },
+    product: {
+      type: Object,
+      default: () => ({})
     }
   },
   setup(__props) {
     const isPopupVisible = vue.ref(false);
     const selectedImage = vue.ref(null);
     const openPopup = (image) => {
+      if (!image) return;
       selectedImage.value = image;
       isPopupVisible.value = true;
     };
@@ -26,18 +37,45 @@ const _sfc_main = {
       isPopupVisible.value = false;
     };
     return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_PlaceholderImage = vue.resolveComponent("PlaceholderImage");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.images, (image, index) => {
-            return vue.openBlock(), vue.createElementBlock("img", {
-              loading: "lazy",
-              key: index,
-              src: (_ctx.FILE_SERVER_URL || "") + image,
-              onClick: ($event) => openPopup(image),
-              class: "flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail"
-            }, null, 8, _hoisted_3);
-          }), 128))
+        vue.createElementVNode("div", {
+          class: "pd-semi w-100 bg-light radius-semi o-hidden",
+          onClick: _cache[0] || (_cache[0] = ($event) => openPopup(__props.images[0]))
+        }, [
+          __props.product && __props.product.image3d ? (vue.openBlock(), vue.createBlock(Images360.default, {
+            key: 0,
+            class: "h-100 w-100",
+            imagePath: `/assets/images/products/${__props.product.image3d}`,
+            imageCount: 36
+          }, null, 8, ["imagePath"])) : vue.createCommentVNode("", true),
+          __props.images[0] && !((_a = __props.product) == null ? void 0 : _a.image3d) ? (vue.openBlock(), vue.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 || "") + __props.images[0]
+          }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
+          !__props.images[0] && !((_b = __props.product) == null ? void 0 : _b.image3d) ? (vue.openBlock(), vue.createBlock(_component_PlaceholderImage, {
+            key: 2,
+            class: "h-max-20r h-100 w-100",
+            style: { "object-fit": "cover" }
+          })) : vue.createCommentVNode("", true)
         ]),
+        __props.images.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.createElementVNode("div", _hoisted_4, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.images, (image, index) => {
+              return vue.openBlock(), vue.createElementBlock("img", {
+                loading: "lazy",
+                key: index,
+                src: (_ctx.FILE_SERVER_URL || "") + image,
+                onClick: ($event) => openPopup(image),
+                class: "flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail"
+              }, null, 8, _hoisted_5);
+            }), 128))
+          ])
+        ])) : vue.createCommentVNode("", true),
         vue.createVNode(Popup.default, {
           onClosePopup: closePopup,
           isPopupOpen: isPopupVisible.value,
@@ -54,6 +92,6 @@ const _sfc_main = {
     };
   }
 };
-const ImagesThumbnails = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-77776640"]]);
+const ImagesThumbnails = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-832a66d9"]]);
 exports.default = ImagesThumbnails;
 //# sourceMappingURL=ImagesThumbnails.vue.cjs.map

package/dist/martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImagesThumbnails.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ImagesThumbnails.vue"],"sourcesContent":["<template>\n  <div class=\"o-scroll w-100 product-images\">\n    <div class=\"no-responsive w-max flex flex-nowrap gap-thin\">\n      <img loading=\"lazy\" \n        v-for=\"(image, index) in images\"\n        :key=\"index\"\n        :src=\"(FILE_SERVER_URL || '') + image\" \n        @click=\"openPopup(image)\"\n        class=\"flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail\"\n      />\n    </div>\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium o-hidden\">\n      <PhotoViewer\n        :photoUrl=\"(FILE_SERVER_URL || '') + selectedImage\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  }\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImage = ref(null);\n\nconst openPopup = (image) => {\n  selectedImage.value = image;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.magnifier {\n  max-width: 32rem;\n}\n.product-images {\n  display: flex;\n  flex-direction: column;\n}\n\n.thumbnail {\n  width: 100%;\n  max-width: 6rem;\n  height: 6rem;\n  object-fit: cover;\n  cursor: pointer;\n}\n\n.popup {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: zoom-out;\n}\n\n.popup-image {\n  max-width: 90%;\n  max-height: 90%;\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,UAAM,iBAAiBA,IAAG,IAAC,KAAK;AAChC,UAAM,gBAAgBA,IAAG,IAAC,IAAI;AAE9B,UAAM,YAAY,CAAC,UAAU;AAC3B,oBAAc,QAAQ;AACtB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ImagesThumbnails.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ImagesThumbnails.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"pd-semi w-100 bg-light radius-semi o-hidden\" @click=\"openPopup(images[0])\">\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    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"o-scroll w-100 pd-semi pd-t-zero\">\n      <div class=\"no-responsive w-max flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"openPopup(image)\"\n          class=\"flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail\"\n        />\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium o-hidden\">\n      <PhotoViewer\n        :photoUrl=\"(FILE_SERVER_URL || '') + selectedImage\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\n\n\nimport Images360 from '@martyrs/src/modules/products/components/blocks/Images360.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  },\n  product: {\n    type: Object,\n    default: () => ({})\n  },\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImage = ref(null);\n\nconst openPopup = (image) => {\n  if (!image) return;\n  selectedImage.value = image;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  max-width: 6rem;\n  height: 6rem;\n  object-fit: cover;\n  cursor: pointer;\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,iBAAiBA,IAAG,IAAC,KAAK;AAChC,UAAM,gBAAgBA,IAAG,IAAC,IAAI;AAE9B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAO;AACZ,oBAAc,QAAQ;AACtB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,22 +1,33 @@
-import { ref, createElementBlock, openBlock, createElementVNode, createVNode, Fragment, renderList, withCtx } from "vue";
-import _sfc_main$1 from "../../../../components/Popup/Popup.vue2.js";
+import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createBlock, Fragment, renderList, withCtx } from "vue";
+import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
+import Images360 from "./Images360.vue.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "o-scroll w-100 product-images" };
-const _hoisted_2 = { class: "no-responsive w-max flex flex-nowrap gap-thin" };
-const _hoisted_3 = ["src", "onClick"];
+const _hoisted_1 = { class: "w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 0,
+  class: "o-scroll w-100 pd-semi pd-t-zero"
+};
+const _hoisted_4 = { class: "no-responsive w-max flex flex-nowrap gap-thin" };
+const _hoisted_5 = ["src", "onClick"];
 const _sfc_main = {
   __name: "ImagesThumbnails",
   props: {
     images: {
       type: Array,
       required: true
+    },
+    product: {
+      type: Object,
+      default: () => ({})
     }
   },
   setup(__props) {
     const isPopupVisible = ref(false);
     const selectedImage = ref(null);
     const openPopup = (image) => {
+      if (!image) return;
       selectedImage.value = image;
       isPopupVisible.value = true;
     };
@@ -24,18 +35,45 @@ const _sfc_main = {
       isPopupVisible.value = false;
     };
     return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_PlaceholderImage = resolveComponent("PlaceholderImage");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.images, (image, index) => {
-            return openBlock(), createElementBlock("img", {
-              loading: "lazy",
-              key: index,
-              src: (_ctx.FILE_SERVER_URL || "") + image,
-              onClick: ($event) => openPopup(image),
-              class: "flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail"
-            }, null, 8, _hoisted_3);
-          }), 128))
+        createElementVNode("div", {
+          class: "pd-semi w-100 bg-light radius-semi o-hidden",
+          onClick: _cache[0] || (_cache[0] = ($event) => openPopup(__props.images[0]))
+        }, [
+          __props.product && __props.product.image3d ? (openBlock(), createBlock(Images360, {
+            key: 0,
+            class: "h-100 w-100",
+            imagePath: `/assets/images/products/${__props.product.image3d}`,
+            imageCount: 36
+          }, null, 8, ["imagePath"])) : createCommentVNode("", true),
+          __props.images[0] && !((_a = __props.product) == null ? void 0 : _a.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 || "") + __props.images[0]
+          }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+          !__props.images[0] && !((_b = __props.product) == null ? void 0 : _b.image3d) ? (openBlock(), createBlock(_component_PlaceholderImage, {
+            key: 2,
+            class: "h-max-20r h-100 w-100",
+            style: { "object-fit": "cover" }
+          })) : createCommentVNode("", true)
         ]),
+        __props.images.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.images, (image, index) => {
+              return openBlock(), createElementBlock("img", {
+                loading: "lazy",
+                key: index,
+                src: (_ctx.FILE_SERVER_URL || "") + image,
+                onClick: ($event) => openPopup(image),
+                class: "flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail"
+              }, null, 8, _hoisted_5);
+            }), 128))
+          ])
+        ])) : createCommentVNode("", true),
         createVNode(_sfc_main$1, {
           onClosePopup: closePopup,
           isPopupOpen: isPopupVisible.value,
@@ -52,7 +90,7 @@ const _sfc_main = {
     };
   }
 };
-const ImagesThumbnails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77776640"]]);
+const ImagesThumbnails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-832a66d9"]]);
 export {
   ImagesThumbnails as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ImagesThumbnails.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ImagesThumbnails.vue"],"sourcesContent":["<template>\n  <div class=\"o-scroll w-100 product-images\">\n    <div class=\"no-responsive w-max flex flex-nowrap gap-thin\">\n      <img loading=\"lazy\" \n        v-for=\"(image, index) in images\"\n        :key=\"index\"\n        :src=\"(FILE_SERVER_URL || '') + image\" \n        @click=\"openPopup(image)\"\n        class=\"flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail\"\n      />\n    </div>\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium o-hidden\">\n      <PhotoViewer\n        :photoUrl=\"(FILE_SERVER_URL || '') + selectedImage\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  }\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImage = ref(null);\n\nconst openPopup = (image) => {\n  selectedImage.value = image;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.magnifier {\n  max-width: 32rem;\n}\n.product-images {\n  display: flex;\n  flex-direction: column;\n}\n\n.thumbnail {\n  width: 100%;\n  max-width: 6rem;\n  height: 6rem;\n  object-fit: cover;\n  cursor: pointer;\n}\n\n.popup {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: zoom-out;\n}\n\n.popup-image {\n  max-width: 90%;\n  max-height: 90%;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgCA,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,gBAAgB,IAAI,IAAI;AAE9B,UAAM,YAAY,CAAC,UAAU;AAC3B,oBAAc,QAAQ;AACtB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ImagesThumbnails.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ImagesThumbnails.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"pd-semi w-100 bg-light radius-semi o-hidden\" @click=\"openPopup(images[0])\">\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    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"o-scroll w-100 pd-semi pd-t-zero\">\n      <div class=\"no-responsive w-max flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"openPopup(image)\"\n          class=\"flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail\"\n        />\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium o-hidden\">\n      <PhotoViewer\n        :photoUrl=\"(FILE_SERVER_URL || '') + selectedImage\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\n\n\nimport Images360 from '@martyrs/src/modules/products/components/blocks/Images360.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  },\n  product: {\n    type: Object,\n    default: () => ({})\n  },\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImage = ref(null);\n\nconst openPopup = (image) => {\n  if (!image) return;\n  selectedImage.value = image;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  max-width: 6rem;\n  height: 6rem;\n  object-fit: cover;\n  cursor: pointer;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,gBAAgB,IAAI,IAAI;AAE9B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAO;AACZ,oBAAc,QAAQ;AACtB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -8,7 +8,7 @@ const categories = require("../../store/categories.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 ;/* empty css                                         */
-;/* empty css                                              */
+;/* empty css                                             */
 ;/* empty css                                           */
 ;/* empty css                                      */
 const Tree = require("../../../../components/Tree/Tree.vue.cjs");

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

@@ -6,7 +6,7 @@ import { state as state$2, actions } from "../../store/categories.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 /* empty css                                       */
-/* empty css                                            */
+/* empty css                                           */
 /* empty css                                         */
 /* empty css                                    */
 import _sfc_main$4 from "../../../../components/Tree/Tree.vue.js";

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

@@ -8,7 +8,7 @@ const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 ;/* empty css                                         */
-;/* empty css                                              */
+;/* empty css                                             */
 ;/* empty css                                           */
 ;/* empty css                                      */
 const Block = require("../../../../components/Block/Block.vue.cjs");

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

@@ -6,7 +6,7 @@ import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/UploadImage/UploadImage.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                       */
-/* empty css                                            */
+/* empty css                                           */
 /* empty css                                         */
 /* empty css                                    */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";

package/dist/martyrs/src/modules/products/components/pages/EditLeftover.vue.cjs

@@ -5,8 +5,8 @@ const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
-;/* empty css                                                    */
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+;/* empty css                                                   */
 const CardPosition = require("../blocks/CardPosition.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
 const vueRouter = require("vue-router");

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

@@ -3,8 +3,8 @@ import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$1 from "../../../../components/Popup/Popup.vue2.js";
-/* empty css                                                  */
+import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
+/* empty css                                                 */
 import _sfc_main$5 from "../blocks/CardPosition.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";
 import { useRoute, useRouter } from "vue-router";

package/dist/martyrs/src/modules/products/components/pages/Leftovers.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardLeftover = require("../blocks/CardLeftover.vue.cjs");
 const leftovers = require("../../store/leftovers.cjs");

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

@@ -1,6 +1,6 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, Fragment, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import CardLeftover from "../blocks/CardLeftover.vue.js";
 import { state, actions } from "../../store/leftovers.js";