@ozdao/martyrs 0.2.426 → 0.2.427

package/dist/martyrs/src/components/Menu/{Menu.vue.cjs → Menu.vue2.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css            */
+;/* empty css           */
 const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
 const _sfc_main = {
   __name: "Menu",
@@ -14,4 +14,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Menu.vue.cjs.map
+//# sourceMappingURL=Menu.vue2.cjs.map

package/dist/martyrs/src/components/Menu/Menu.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Menu/{Menu.vue.js → Menu.vue2.js}

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, renderSlot } from "vue";
-/* empty css          */
+/* empty css         */
 const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
 const _sfc_main = {
   __name: "Menu",
@@ -14,4 +14,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Menu.vue.js.map
+//# sourceMappingURL=Menu.vue2.js.map

package/dist/martyrs/src/components/Menu/Menu.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tab/{Tab.vue2.cjs → Tab.vue.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css          */
+;/* empty css           */
 const _hoisted_1 = { class: "flex-nowrap flex-v-center flex pos-relative" };
 const _hoisted_2 = ["onClick"];
 const _sfc_main = {
@@ -69,4 +69,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Tab.vue2.cjs.map
+//# sourceMappingURL=Tab.vue.cjs.map

package/dist/martyrs/src/components/Tab/{Tab.vue2.js.map → Tab.vue.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue2.js","sources":["../../../../../src/components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap flex-v-center flex pos-relative\">\n    <button  \n      v-for=\"(tab, index) in tabs\" \n      :key=\"index\" \n      @click=\"handleTabClick(index, tab)\" \n      class=\"z-index-1 t-center cursor-pointer\"\n      :style=\"isSelected(index, tab) ? 'background: rgb(var(--main)) !important' : ''\"\n      :class=\"[\n        isSelected(index, tab) ? 'bg-main' : '',\n        tabClass ? tabClass : 'pd-small pd-r-medium pd-l-medium w-max pd-small radius-small'\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  tabClass: String,\n  selected: [String, Number],\n  modelValue: [String, Number],\n  callback: Function\n})\n\nconst selectedTab = ref(0)\n\n// Handle both v-model and selected prop for backward compatibility\nconst updateSelectedIndex = () => {\n  if (props.modelValue !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.modelValue)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  } else if (props.selected !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.selected)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  }\n}\n\n// Initial setup\nupdateSelectedIndex()\n\n// Watch for changes in selected or modelValue props\nwatch(() => props.selected, updateSelectedIndex)\nwatch(() => props.modelValue, updateSelectedIndex)\n\n// Check if tab is selected\nconst isSelected = (index, tab) => {\n  if (props.modelValue !== undefined) {\n    return tab.value === props.modelValue\n  } else if (props.selected !== undefined) {\n    return tab.value === props.selected\n  }\n  return index === selectedTab.value\n}\n\n// Handle tab click\nfunction handleTabClick(index, tab) {\n  selectedTab.value = index\n  \n  // Emit both events for flexibility\n  emit('update:selected', tab.value)\n  emit('tab-click', { index, tab })\n  \n  // For v-model support\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', tab.value)\n  }\n  \n  // Call callback if provided\n  if (props.callback) props.callback(tab)\n}\n</script>\n\n<style lang=\"scss\">\n.tab-selector {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqBA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAQd,UAAM,cAAc,IAAI,CAAC;AAGzB,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,QAAW;AAClC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,UAAU;AAChF,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA,WAAa,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA;AAAA,IACA;AAGA,wBAAmB;AAGnB,UAAM,MAAM,MAAM,UAAU,mBAAmB;AAC/C,UAAM,MAAM,MAAM,YAAY,mBAAmB;AAGjD,UAAM,aAAa,CAAC,OAAO,QAAQ;AACjC,UAAI,MAAM,eAAe,QAAW;AAClC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B,WAAa,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B;AACE,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAK,CAAA;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACvC;AAGE,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tab.vue.cjs","sources":["../../../../../src/components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap flex-v-center flex pos-relative\">\n    <button  \n      v-for=\"(tab, index) in tabs\" \n      :key=\"index\" \n      @click=\"handleTabClick(index, tab)\" \n      class=\"z-index-1 t-center cursor-pointer\"\n      :style=\"isSelected(index, tab) ? 'background: rgb(var(--main)) !important' : ''\"\n      :class=\"[\n        isSelected(index, tab) ? 'bg-main' : '',\n        tabClass ? tabClass : 'pd-small pd-r-medium pd-l-medium w-max pd-small radius-small'\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  tabClass: String,\n  selected: [String, Number],\n  modelValue: [String, Number],\n  callback: Function\n})\n\nconst selectedTab = ref(0)\n\n// Handle both v-model and selected prop for backward compatibility\nconst updateSelectedIndex = () => {\n  if (props.modelValue !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.modelValue)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  } else if (props.selected !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.selected)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  }\n}\n\n// Initial setup\nupdateSelectedIndex()\n\n// Watch for changes in selected or modelValue props\nwatch(() => props.selected, updateSelectedIndex)\nwatch(() => props.modelValue, updateSelectedIndex)\n\n// Check if tab is selected\nconst isSelected = (index, tab) => {\n  if (props.modelValue !== undefined) {\n    return tab.value === props.modelValue\n  } else if (props.selected !== undefined) {\n    return tab.value === props.selected\n  }\n  return index === selectedTab.value\n}\n\n// Handle tab click\nfunction handleTabClick(index, tab) {\n  selectedTab.value = index\n  \n  // Emit both events for flexibility\n  emit('update:selected', tab.value)\n  emit('tab-click', { index, tab })\n  \n  // For v-model support\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', tab.value)\n  }\n  \n  // Call callback if provided\n  if (props.callback) props.callback(tab)\n}\n</script>\n\n<style lang=\"scss\">\n.tab-selector {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAQd,UAAM,cAAcA,IAAG,IAAC,CAAC;AAGzB,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,QAAW;AAClC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,UAAU;AAChF,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA,WAAa,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA;AAAA,IACA;AAGA,wBAAmB;AAGnBC,QAAAA,MAAM,MAAM,MAAM,UAAU,mBAAmB;AAC/CA,QAAAA,MAAM,MAAM,MAAM,YAAY,mBAAmB;AAGjD,UAAM,aAAa,CAAC,OAAO,QAAQ;AACjC,UAAI,MAAM,eAAe,QAAW;AAClC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B,WAAa,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B;AACE,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAK,CAAA;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACvC;AAGE,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tab/{Tab.vue2.js → Tab.vue.js}

@@ -1,5 +1,5 @@
 import { ref, watch, createElementBlock, openBlock, Fragment, renderList, normalizeStyle, normalizeClass, toDisplayString } from "vue";
-/* empty css        */
+/* empty css         */
 const _hoisted_1 = { class: "flex-nowrap flex-v-center flex pos-relative" };
 const _hoisted_2 = ["onClick"];
 const _sfc_main = {
@@ -69,4 +69,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Tab.vue2.js.map
+//# sourceMappingURL=Tab.vue.js.map

package/dist/martyrs/src/components/Tab/Tab.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.vue.js","sources":["../../../../../src/components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap flex-v-center flex pos-relative\">\n    <button  \n      v-for=\"(tab, index) in tabs\" \n      :key=\"index\" \n      @click=\"handleTabClick(index, tab)\" \n      class=\"z-index-1 t-center cursor-pointer\"\n      :style=\"isSelected(index, tab) ? 'background: rgb(var(--main)) !important' : ''\"\n      :class=\"[\n        isSelected(index, tab) ? 'bg-main' : '',\n        tabClass ? tabClass : 'pd-small pd-r-medium pd-l-medium w-max pd-small radius-small'\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  tabClass: String,\n  selected: [String, Number],\n  modelValue: [String, Number],\n  callback: Function\n})\n\nconst selectedTab = ref(0)\n\n// Handle both v-model and selected prop for backward compatibility\nconst updateSelectedIndex = () => {\n  if (props.modelValue !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.modelValue)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  } else if (props.selected !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.selected)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  }\n}\n\n// Initial setup\nupdateSelectedIndex()\n\n// Watch for changes in selected or modelValue props\nwatch(() => props.selected, updateSelectedIndex)\nwatch(() => props.modelValue, updateSelectedIndex)\n\n// Check if tab is selected\nconst isSelected = (index, tab) => {\n  if (props.modelValue !== undefined) {\n    return tab.value === props.modelValue\n  } else if (props.selected !== undefined) {\n    return tab.value === props.selected\n  }\n  return index === selectedTab.value\n}\n\n// Handle tab click\nfunction handleTabClick(index, tab) {\n  selectedTab.value = index\n  \n  // Emit both events for flexibility\n  emit('update:selected', tab.value)\n  emit('tab-click', { index, tab })\n  \n  // For v-model support\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', tab.value)\n  }\n  \n  // Call callback if provided\n  if (props.callback) props.callback(tab)\n}\n</script>\n\n<style lang=\"scss\">\n.tab-selector {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqBA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAQd,UAAM,cAAc,IAAI,CAAC;AAGzB,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,QAAW;AAClC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,UAAU;AAChF,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA,WAAa,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA;AAAA,IACA;AAGA,wBAAmB;AAGnB,UAAM,MAAM,MAAM,UAAU,mBAAmB;AAC/C,UAAM,MAAM,MAAM,YAAY,mBAAmB;AAGjD,UAAM,aAAa,CAAC,OAAO,QAAQ;AACjC,UAAI,MAAM,eAAe,QAAW;AAClC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B,WAAa,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B;AACE,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAK,CAAA;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACvC;AAGE,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                      */
+;/* empty css                                       */
 ;/* empty css                                            */
 ;/* empty css                                             */
 require("vue-i18n");

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.js

@@ -1,5 +1,5 @@
 import { ref, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, Transition, createBlock, resolveDynamicComponent } from "vue";
-/* empty css                                    */
+/* empty css                                     */
 /* empty css                                          */
 /* empty css                                           */
 import "vue-i18n";

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                      */
+;/* empty css                                       */
 const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");
 const vueRouter = require("vue-router");

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.js

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, createTextVNode, withCtx } from "vue";
-/* empty css                                    */
+/* empty css                                     */
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import { useRoute, useRouter } from "vue-router";

package/dist/martyrs/src/modules/auth/views/components/pages/Invite.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                      */
+;/* empty css                                       */
 const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");
 const vueRouter = require("vue-router");

package/dist/martyrs/src/modules/auth/views/components/pages/Invite.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx } from "vue";
-/* empty css                                    */
+/* empty css                                     */
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import { useRoute, useRouter } from "vue-router";

package/dist/martyrs/src/modules/auth/views/components/pages/Profile.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 ;/* empty css                                            */
 ;/* empty css                                             */
 const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue2.cjs");
-const Menu = require("../../../../../components/Menu/Menu.vue.cjs");
+const Menu = require("../../../../../components/Menu/Menu.vue2.cjs");
 const MenuItem = require("../../../../../components/Menu/MenuItem.vue.cjs");
 const ButtonToggleMembership = require("../../../../organizations/components/elements/ButtonToggleMembership.vue.cjs");
 const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");

package/dist/martyrs/src/modules/auth/views/components/pages/Profile.vue.js

@@ -2,7 +2,7 @@ import { ref, inject, computed, onMounted, createElementBlock, createCommentVNod
 /* empty css                                          */
 /* empty css                                           */
 import _sfc_main$5 from "../../../../../components/Dropdown/Dropdown.vue2.js";
-import _sfc_main$a from "../../../../../components/Menu/Menu.vue.js";
+import _sfc_main$a from "../../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$b from "../../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$7 from "../../../../organizations/components/elements/ButtonToggleMembership.vue.js";
 import _sfc_main$6 from "../../../../reports/components/sections/FormReport.vue.js";

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileBlogposts.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.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
 const CardBlogpost = require("../../../../community/components/blocks/CardBlogpost.vue.cjs");
 const auth = require("../../store/auth.cjs");

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileBlogposts.vue.js

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

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEdit.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                      */
+;/* empty css                                       */
 const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEdit.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode, unref } from "vue";
-/* empty css                                    */
+/* empty css                                     */
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$3 from "../../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$4 from "../../../../../components/Button/Button.vue.js";

package/dist/martyrs/src/modules/auth/views/components/pages/ResetPassword.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const Field = require("../../../../../components/Field/Field.vue.cjs");
 const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");

package/dist/martyrs/src/modules/auth/views/components/pages/ResetPassword.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Transition, withCtx, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
 import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";

package/dist/martyrs/src/modules/auth/views/components/pages/SignIn.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const Field = require("../../../../../components/Field/Field.vue.cjs");
 const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");

package/dist/martyrs/src/modules/auth/views/components/pages/SignIn.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createTextVNode, toDisplayString, unref, withCtx, Transition, withDirectives, vShow } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
 import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";

package/dist/martyrs/src/modules/auth/views/components/pages/SignUp.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const Field = require("../../../../../components/Field/Field.vue.cjs");
 const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");

package/dist/martyrs/src/modules/auth/views/components/pages/SignUp.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Transition, withCtx, withDirectives, vShow, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
 import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";

package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.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.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Table = require("../../../../components/Table/Table.vue.cjs");
 const CardEvent = require("../blocks/CardEvent.vue.cjs");

package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.js

@@ -1,6 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, createBlock, createVNode, isRef, withCtx, Fragment, renderList, withModifiers } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import Table from "../../../../components/Table/Table.vue.js";
 import _sfc_main$3 from "../blocks/CardEvent.vue.js";

package/dist/martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "h2 mn-r-auto" };
 const _hoisted_3 = ["onClick"];

package/dist/martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue.js

@@ -1,5 +1,5 @@
 import { resolveComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, toDisplayString, Fragment, renderList, normalizeClass, withCtx, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "h2 mn-r-auto" };
 const _hoisted_3 = ["onClick"];

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs

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

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js

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

package/dist/martyrs/src/modules/orders/components/pages/Orders.vue.cjs

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

package/dist/martyrs/src/modules/orders/components/pages/Orders.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createTextVNode, Transition, withModifiers } from "vue";
 import { useRoute, useRouter } from "vue-router";
-/* empty css                                 */
+/* empty css                                  */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import { state, actions, getters } from "../../store/orders.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";

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

@@ -6,7 +6,7 @@ require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");
 require("vue-i18n");
 ;/* empty css                                                   */
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-;/* empty css                                   */
+;/* empty css                                    */
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");

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

@@ -4,7 +4,7 @@ import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                 */
+/* empty css                                  */
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$8 from "../../../../components/Checkbox/Checkbox.vue.js";
 import "../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";

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

@@ -3,12 +3,12 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-;/* empty css                                   */
+;/* empty css                                    */
 ;/* empty css                                           */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const MembersAdd = require("../sections/MembersAdd.vue.cjs");
-;/* empty css                                      */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 const CardDepartment = require("../blocks/CardDepartment.vue.cjs");

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

@@ -1,12 +1,12 @@
 import { ref, onMounted, computed, resolveComponent, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, unref, Fragment, renderList, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
-/* empty css                                 */
+/* empty css                                  */
 /* empty css                                         */
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../sections/MembersAdd.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$5 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import CardDepartment from "../blocks/CardDepartment.vue.js";

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

@@ -4,11 +4,11 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardBlogpost = require("../../../community/components/blocks/CardBlogpost.vue.cjs");
-;/* empty css                                      */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 const DetailsTabSection = require("../sections/DetailsTabSection.vue.cjs");
 const Feed$1 = require("../../../events/components/sections/Feed.vue.cjs");

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

@@ -2,11 +2,11 @@ import { ref, onMounted, watch, resolveComponent, createElementBlock, createComm
 import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$2 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$6 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../community/components/blocks/CardBlogpost.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$1 from "../sections/DetailsTabSection.vue.js";
 import _sfc_main$5 from "../../../events/components/sections/Feed.vue.js";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../components/Menu/Menu.vue.cjs");
+const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                   */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");

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

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, withCtx, createBlock, createCommentVNode, unref, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
+import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                                 */
 import _sfc_main$4 from "../../../icons/entities/IconProducts.vue.js";

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

@@ -5,7 +5,7 @@ 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.vue2.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");

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

@@ -3,7 +3,7 @@ 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.vue2.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.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.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.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.vue2.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue.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/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/products/components/blocks/ImagesThumbnails.vue.cjs

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
+const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
 const Images360 = require("./Images360.vue.cjs");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative" };
@@ -38,7 +39,6 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       var _a, _b;
-      const _component_PlaceholderImage = vue.resolveComponent("PlaceholderImage");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", {
           class: "pd-semi w-100 bg-light radius-semi o-hidden",
@@ -57,7 +57,7 @@ const _sfc_main = {
             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, {
+          !__props.images[0] && !((_b = __props.product) == null ? void 0 : _b.image3d) ? (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
             key: 2,
             class: "h-max-20r h-100 w-100",
             style: { "object-fit": "cover" }
@@ -92,6 +92,6 @@ const _sfc_main = {
     };
   }
 };
-const ImagesThumbnails = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-832a66d9"]]);
+const ImagesThumbnails = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5ca13c25"]]);
 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=\"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,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,6 +1,7 @@
-import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createBlock, Fragment, renderList, withCtx } from "vue";
+import { ref, 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 PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import Images360 from "./Images360.vue.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative" };
@@ -36,7 +37,6 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       var _a, _b;
-      const _component_PlaceholderImage = resolveComponent("PlaceholderImage");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           class: "pd-semi w-100 bg-light radius-semi o-hidden",
@@ -55,7 +55,7 @@ const _sfc_main = {
             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, {
+          !__props.images[0] && !((_b = __props.product) == null ? void 0 : _b.image3d) ? (openBlock(), createBlock(PlaceholderImage, {
             key: 2,
             class: "h-max-20r h-100 w-100",
             style: { "object-fit": "cover" }
@@ -90,7 +90,7 @@ const _sfc_main = {
     };
   }
 };
-const ImagesThumbnails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-832a66d9"]]);
+const ImagesThumbnails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ca13c25"]]);
 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=\"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,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/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.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.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.vue2.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue.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";

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

@@ -10,7 +10,7 @@ require("../../store/categories.cjs");
 const shopcart = require("../../../orders/store/shopcart.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 ;/* empty css                                        */
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const PopupDateSelector = require("../../../globals/views/components/blocks/PopupDateSelector.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconShopcartAdd = require("../../../icons/actions/IconShopcartAdd.vue.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"Product.vue.cjs","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":["useRoute","useRouter","computed","products.state","ref","useI18n","onMounted","products.actions","product","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAS,UAAA;AAExB,UAAM,UAAUC,IAAAA,SAAS,MAAMC,SAAAA,MAAe,OAAO;AACrD,UAAM,SAASD,IAAQ,SAAC,MAAMC,SAAc,MAAC,QAAQ,MAAM;AAE3D,UAAM,aAAaC,IAAG,IAAC,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,IAAKC,QAAAA,QAAQ,EAAE,UAAU,KAAM,CAAA;AAExC,UAAM,cAAcD,IAAG,IAAC,KAAK;AAE7B,aAAS,YAAY;AACnB,kBAAY,QAAQ;AAAA,IACtB;AAEA,aAAS,aAAa;AACpB,kBAAY,QAAQ;AAAA,IACtB;AAGC,UAAM,OAAO;AAIdE,QAAAA,UAAU,YAAY;AACnB,WAAK,cAAc;AACpB,YAAMC,SAAAA,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAS,CAAA;AACzD,WAAK,aAAa;AAAA,IAMpB,CAAC;AAQD,mBAAe,UAAUC,UAAS,gBAAgB,MAAM;AACtD,UAAI;AACF,YAAIC,SAAc,MAAC,iBAAiBD,SAAQ,MAAM,QAAQ;AACxDC,yBAAe,eAAeD,SAAQ,MAAM;AAC5CC,mBAAAA,MAAe,YAAY,CAAA;AAAA,QACjC;AACI,cAAMC,SAAAA,QAAiB,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.cjs","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 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":["useRoute","useRouter","computed","products.state","ref","useI18n","onMounted","products.actions","product","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHA,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAS,UAAA;AAExB,UAAM,UAAUC,IAAAA,SAAS,MAAMC,SAAAA,MAAe,OAAO;AACrD,UAAM,SAASD,IAAQ,SAAC,MAAMC,SAAc,MAAC,QAAQ,MAAM;AAE3D,UAAM,aAAaC,IAAG,IAAC,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,IAAKC,QAAAA,QAAQ,EAAE,UAAU,KAAM,CAAA;AAExC,UAAM,cAAcD,IAAG,IAAC,KAAK;AAE7B,aAAS,YAAY;AACnB,kBAAY,QAAQ;AAAA,IACtB;AAEA,aAAS,aAAa;AACpB,kBAAY,QAAQ;AAAA,IACtB;AAGC,UAAM,OAAO;AAIdE,QAAAA,UAAU,YAAY;AACnB,WAAK,cAAc;AACpB,YAAMC,SAAAA,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAS,CAAA;AACzD,WAAK,aAAa;AAAA,IAMpB,CAAC;AAQD,mBAAe,UAAUC,UAAS,gBAAgB,MAAM;AACtD,UAAI;AACF,YAAIC,SAAc,MAAC,iBAAiBD,SAAQ,MAAM,QAAQ;AACxDC,yBAAe,eAAeD,SAAQ,MAAM;AAC5CC,mBAAAA,MAAe,YAAY,CAAA;AAAA,QACjC;AACI,cAAMC,SAAAA,QAAiB,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/martyrs/src/modules/products/components/pages/Product.vue.js

@@ -8,7 +8,7 @@ import "../../store/categories.js";
 import { state as state$2, actions as actions$1 } from "../../../orders/store/shopcart.js";
 import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 /* empty css                                      */
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue.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";

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\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHA,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/martyrs/src/modules/products/components/pages/ProductEdit.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
 const Block = require("../../../../components/Block/Block.vue.cjs");
-;/* empty css                                   */
+;/* empty css                                    */
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");

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

@@ -3,7 +3,7 @@ import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-/* empty css                                 */
+/* empty css                                  */
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$6 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$2 from "../../../../components/Button/Button.vue.js";

package/dist/martyrs/src/modules/products/components/pages/Products.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.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                           */
 require("vue-i18n");

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

@@ -1,6 +1,6 @@
 import { ref, watch, onMounted, onUnmounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createElementVNode, unref, createVNode, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$2 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                         */
 import "vue-i18n";

package/dist/martyrs/src/modules/products/components/sections/SectionProduct.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Button = require("../../../../components/Button/Button.vue.cjs");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
 const Images360 = require("../blocks/Images360.vue.cjs");

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

@@ -1,6 +1,6 @@
 import { computed, ref, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createVNode, unref, toDisplayString, Transition, withCtx, Fragment, renderList, createTextVNode } from "vue";
 import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import Images360 from "../blocks/Images360.vue.js";

package/dist/martyrs/src/modules/rents/views/components/pages/GanttChart.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const Select = require("../../../../../components/Select/Select.vue.cjs");
 const IconChevronRight = require("../../../../icons/navigation/IconChevronRight.vue.cjs");
 const IconChevronLeft = require("../../../../icons/navigation/IconChevronLeft.vue.cjs");

package/dist/martyrs/src/modules/rents/views/components/pages/GanttChart.vue.js

@@ -1,5 +1,5 @@
 import { useCssVars, ref, computed, watch, onMounted, nextTick, createElementBlock, openBlock, createElementVNode, createVNode, withDirectives, Fragment, renderList, toDisplayString, vModelSelect, createCommentVNode, normalizeClass, normalizeStyle } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 import Select from "../../../../../components/Select/Select.vue.js";
 import IconChevronRight from "../../../../icons/navigation/IconChevronRight.vue.js";
 import IconChevronLeft from "../../../../icons/navigation/IconChevronLeft.vue.js";

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                        */
 const GanttChart = require("./GanttChart.vue.cjs");

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.js

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createVNode, unref, toDisplayString, withCtx } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
 /* empty css                      */
 import GanttChart from "./GanttChart.vue.js";

package/dist/martyrs/src/modules/spots/components/pages/SpotEdit.vue.cjs

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

package/dist/martyrs/src/modules/spots/components/pages/SpotEdit.vue.js

@@ -2,7 +2,7 @@ import { ref, onMounted, createElementBlock, openBlock, createVNode, createEleme
 import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                 */
+/* empty css                                  */
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";

package/dist/style.css

@@ -2201,7 +2201,7 @@ to {
   transform: scale(1.1);
 }*/
 
-.thumbnail[data-v-832a66d9] {
+.thumbnail[data-v-5ca13c25] {
   width: 100%;
   max-width: 6rem;
   height: 6rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.426",
+  "version": "0.2.427",
   "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/modules/products/components/blocks/ImagesThumbnails.vue

@@ -51,6 +51,8 @@ import Popup from '@martyrs/src/components/Popup/Popup.vue';
 import PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';
 
 
+import PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'
+
 import Images360 from '@martyrs/src/modules/products/components/blocks/Images360.vue'
 
 const props = defineProps({

package/src/modules/products/components/pages/Product.vue

@@ -115,7 +115,6 @@ import Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'
 import PopupDateSelector from '@martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue'
 import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'
 import IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'
-import PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'
 import ImagesThumbnails from '@martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue'
 import Price from '@martyrs/src/modules/products/components/elements/Price.vue'
 import PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'

package/dist/martyrs/src/components/Menu/Menu.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Menu/Menu.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tab/Tab.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.vue2.cjs","sources":["../../../../../src/components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap flex-v-center flex pos-relative\">\n    <button  \n      v-for=\"(tab, index) in tabs\" \n      :key=\"index\" \n      @click=\"handleTabClick(index, tab)\" \n      class=\"z-index-1 t-center cursor-pointer\"\n      :style=\"isSelected(index, tab) ? 'background: rgb(var(--main)) !important' : ''\"\n      :class=\"[\n        isSelected(index, tab) ? 'bg-main' : '',\n        tabClass ? tabClass : 'pd-small pd-r-medium pd-l-medium w-max pd-small radius-small'\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  tabClass: String,\n  selected: [String, Number],\n  modelValue: [String, Number],\n  callback: Function\n})\n\nconst selectedTab = ref(0)\n\n// Handle both v-model and selected prop for backward compatibility\nconst updateSelectedIndex = () => {\n  if (props.modelValue !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.modelValue)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  } else if (props.selected !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.selected)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  }\n}\n\n// Initial setup\nupdateSelectedIndex()\n\n// Watch for changes in selected or modelValue props\nwatch(() => props.selected, updateSelectedIndex)\nwatch(() => props.modelValue, updateSelectedIndex)\n\n// Check if tab is selected\nconst isSelected = (index, tab) => {\n  if (props.modelValue !== undefined) {\n    return tab.value === props.modelValue\n  } else if (props.selected !== undefined) {\n    return tab.value === props.selected\n  }\n  return index === selectedTab.value\n}\n\n// Handle tab click\nfunction handleTabClick(index, tab) {\n  selectedTab.value = index\n  \n  // Emit both events for flexibility\n  emit('update:selected', tab.value)\n  emit('tab-click', { index, tab })\n  \n  // For v-model support\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', tab.value)\n  }\n  \n  // Call callback if provided\n  if (props.callback) props.callback(tab)\n}\n</script>\n\n<style lang=\"scss\">\n.tab-selector {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAQd,UAAM,cAAcA,IAAG,IAAC,CAAC;AAGzB,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,QAAW;AAClC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,UAAU;AAChF,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA,WAAa,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA;AAAA,IACA;AAGA,wBAAmB;AAGnBC,QAAAA,MAAM,MAAM,MAAM,UAAU,mBAAmB;AAC/CA,QAAAA,MAAM,MAAM,MAAM,YAAY,mBAAmB;AAGjD,UAAM,aAAa,CAAC,OAAO,QAAQ;AACjC,UAAI,MAAM,eAAe,QAAW;AAClC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B,WAAa,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B;AACE,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAK,CAAA;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACvC;AAGE,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;;"}