@ozdao/prometheus-framework 0.2.330 → 0.2.332

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.js

@@ -1,11 +1,11 @@
-import { ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, Transition, withCtx, createBlock, createCommentVNode, unref, resolveDynamicComponent, createElementVNode, Suspense } from "vue";
+import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, normalizeClass, createVNode, createBlock, createCommentVNode, createElementVNode, Transition, withCtx, unref, resolveDynamicComponent, Suspense } from "vue";
 import { useRoute } from "vue-router";
 import { state } from "../../store/globals.js";
 import _sfc_main$2 from "../../../../../components/Status/Status.vue.js";
 import "vue-i18n";
 /* empty css                                         */
 import Loader from "../../../../../components/Loader/Loader.vue2.js";
-/* empty css                                           */
+/* empty css                                          */
 import "../../../../orders/store/shopcart.js";
 import "../../../../auth/views/store/auth.js";
 /* empty css                             */

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div \n\t\tid=\"app-wrapper\"\n\t\tclass=\"pos-relative o-hidden\"\n\t\t:class=\"{\n  \t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t'bg-light': headerTheme === 'light',\n\t\t\t'bg-dark': headerTheme === 'dark' \n  \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t\n    <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header.component\"\n      ref=\"header\" \n      :is=\"route.meta.header.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.header.logotype\"\n      :location=\"route.meta.header.location\"\n      :class=\"{\n        'w-100': !globals.state.isOpenSidebar,\n        'w-80': globals.state.isOpenSidebar\n      }\"\n    />\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<component\n       \tv-if=\"MOBILE_APP && !route.meta.hideNavigationBar\"\n        :is=\"route.meta.navigationbar\"\n        :logotype=\"route.meta.header.logotype\"\n      />\n\t\t</transition>\n\n\t  <!-- <Popup \n\t  \tv-if=\"route.meta.header.location\"\n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup> -->\n\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"transition-ease-in-out o-hidden pos-relative\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n        'w-100': !globals.state.isOpenSidebar,\n        'w-80': globals.state.isOpenSidebar\n      }\"\n\t\t>\n\t\t\t<ShopCart />\n\n\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t<Breadcrumbs \n\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\tclass=\"bg-light pd-small radius-big\"\n\t\t\t\t/>\n\t\t\t</section> -->\n\n\t\t\t<Suspense>\n\t\t\t\t<router-view  \n\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"o-y-scroll o-x-hidden flex flex-column h-100\"\n\t\t\t\t>\n\t\t\t\t\t<Status \n\t\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t\t@close=\"globals.state.error.show = false\"\n\t\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\n\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t      \t<component \n\t\t      \t\tref=\"page\"  \n\t\t      \t\t:is=\"Component\" \n\t\t      \t\t:key=\"route.path\"\n\t\t      \t\tclass=\"h-min-100\"\n\t\t      \t/>\n\t\t      \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t      \t<!--  -->\n\t\t      </transition>\n\n\t\t      <!-- <Footer /> -->\n\t\t\t\t</router-view>\n\t\t\t</Suspense>\n     \n\t\t</section>\n\n\t\t<router-view  \n\t\t\tname=\"defaultBottom\"\n\t\t\tv-slot=\"{ Component, route }\" \n\t\t>\n\t\t\t<component \n    \t\t:is=\"Component\" \n    \t/>\n\t\t</router-view>\n\n\t  <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.footer?.component && !route.meta.hideFooter\"\n      ref=\"footer\" \n      :is=\"route.meta.footer.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.footer.logotype\"\n      :location=\"route.meta.footer.location\"\n    />\n\n    <component \n      v-if=\"MOBILE_APP && route.meta.title_hide\"\n      class=\"z-index-2\"\n    \t:is=\"route.meta.bottombar\"\n    />\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted  } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals';\n\t// Partials\n\timport Status from '@pf/src/components/Status/Status.vue';\n\timport Popup from '@pf/src/components/Popup/Popup.vue';\n\t// import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@pf/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue';\n\t// import Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\n\timport ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue';\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\t// const router = useRouter()\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t  globals.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tdocument.getElementById('app').scrollIntoView();\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn route.meta.header_theme  || 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme || 'light'\n\t\t}\n\t})\n\n\tconst handleScroll = () => {\n\t  scrollOffset.value = event.target.scrollTop\n\t};\n\n\tonMounted(async () => {\n\t\t \n\t\tif ('serviceWorker' in navigator) {\n\t   \twindow.addEventListener('load', () => {\n\t     \tnavigator.serviceWorker.register('/service-worker.js').then(registration => {\n\t       \tconsole.log('SW registered: ', registration);\n\t     \t}).catch(registrationError => {\n\t       \tconsole.log('SW registration failed: ', registrationError);\n\t     \t});\n\t   });\n\t \t}\n\t\t\n\t\tconst savedPosition = localStorage.getItem('position');\n\n\t  if (savedPosition) {\n\t    globals.state.position = JSON.parse(savedPosition);\n\t  } else {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  }\n\n\t\tif (referalCode.value) {\n\t\t  localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page.value) show.value = true\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.fade-enter-active, .fade-leave-active {\n\t  transition: opacity .5s;\n\t}\n\t.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ */ {\n\t  opacity: 0;\n\t}\n\n\t\n  .fade-move,\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n  }\n\n  /* 2. declare enter from and leave to state */\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n    transform: translate(30px, 0);\n  }\n\n  /* 3. ensure leaving items are taken out of layout flow so that moving\n        animations can be calculated correctly. */\n  .fade-leave-active {\n    position: absolute;\n  }\n\n\t.moveFromTop-enter-active,\n\t.moveFromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTop-enter-from,\n\t.moveFromTop-leave-to {\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.scaleTransition-5px-enter-active,\n  .scaleTransition-5px-leave-active {\n    transform: translateY(0px);  \n    opacity: 1;\n    z-index: 1;\n    transition: all 0.2s ease;\n  }\n\n  .scaleTransition-5px-enter-from,\n  .scaleTransition-5px-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    transform: translateY(-30px); \n    transition: all 0.2s ease;\n  }\n\n  .scaleTransition-enter-from,\n  .scaleTransition-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    width: inherit;\n    height: inherit;\n    display: block;\n    transform: translateY(30px); \n    transition: all 0.5s ease;\n  }\n\n  .scaleTransition-enter-active,\n  .scaleTransition-leave-active {\n    transform: translateY(0px);  \n    opacity: 1;\n    z-index: 1;\n    transition: all 0.5s ease;\n  }\n  .scaleTransition-enter-from,\n  .scaleTransition-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    width: inherit;\n    height: inherit;\n    display: block;\n    transform: translateY(30px); \n    transition: all 0.5s ease;\n  }\n\n  .scaleIn-enter-active,\n  .scaleIn-leave-active {\n    // background: red;\n    transition: all 0.5s ease;\n    > section,div { transform-origin: 0 0; transform: translateZ(0px);  transition: all 0.5s ease; }\n  }\n  .scaleIn-enter-from,\n  .scaleIn-leave-to {\n    opacity: 0;\n    transform: scale(0.95);\n    > section,div { transform: translateZ(-30px);  transition: all 0.5s ease; }\n  }\n</style>"],"names":["globals.state"],"mappings":";;;;;;;;;;;;;;;;;;;AAkJE,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAItB,UAAM,QAAQ,SAAU;AAGxB,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAO/C,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAe,IAAI,CAAC;AAE1B,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,cAAc,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO,MAAM,KAAK,gBAAiB;AAAA,MACtC,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACrC;AAEC,cAAU,YAAY;AAErB,UAAI,mBAAmB,WAAW;AAC/B,eAAO,iBAAiB,QAAQ,MAAM;AACpC,oBAAU,cAAc,SAAS,oBAAoB,EAAE,KAAK,kBAAgB;AAC1E,oBAAQ,IAAI,mBAAmB,YAAY;AAAA,UACpD,CAAQ,EAAE,MAAM,uBAAqB;AAC5B,oBAAQ,IAAI,4BAA4B,iBAAiB;AAAA,UAClE,CAAQ;AAAA,QACR,CAAK;AAAA,MACD;AAEF,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBA,cAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,OAAU;AACNA,cAAc,sBAAsB;AAAA,MACpC;AAEF,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACtD;AAED,UAAI,KAAK,MAAO,MAAK,QAAQ;AAAA,IAC/B,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div \n\t\tid=\"app-wrapper\"\n\t\tclass=\"pos-relative o-hidden\"\n\t\t:class=\"{\n  \t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t'bg-light': headerTheme === 'light',\n\t\t\t'bg-dark': headerTheme === 'dark' \n  \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t\n    <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header.component\"\n      ref=\"header\" \n      :is=\"route.meta.header.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.header.logotype\"\n      :location=\"route.meta.header.location\"\n      :class=\"{\n        'w-100': !globals.state.isOpenSidebar,\n        'w-80': globals.state.isOpenSidebar\n      }\"\n    />\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<component\n       \tv-if=\"MOBILE_APP && !route.meta.hideNavigationBar\"\n        :is=\"route.meta.navigationbar\"\n        :logotype=\"route.meta.header.logotype\"\n      />\n\t\t</transition>\n\n\t  <!-- <Popup \n\t  \tv-if=\"route.meta.header.location\"\n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup> -->\n\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"transition-ease-in-out o-hidden pos-relative\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n        'w-100': !globals.state.isOpenSidebar,\n        'w-80': globals.state.isOpenSidebar\n      }\"\n\t\t>\n\t\t\t<ShopCart />\n\n\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t<Breadcrumbs \n\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\tclass=\"bg-light pd-small radius-big\"\n\t\t\t\t/>\n\t\t\t</section> -->\n\n\t\t\t<Suspense>\n\t\t\t\t<router-view  \n\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"o-y-scroll o-x-hidden flex flex-column h-100\"\n\t\t\t\t>\n\t\t\t\t\t<Status \n\t\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t\t@close=\"globals.state.error.show = false\"\n\t\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\n\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t      \t<component \n\t\t      \t\tref=\"page\"  \n\t\t      \t\t:is=\"Component\" \n\t\t      \t\t:key=\"route.path\"\n\t\t      \t\tclass=\"h-min-100\"\n\t\t      \t/>\n\t\t      \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t      \t<!--  -->\n\t\t      </transition>\n\n\t\t      <!-- <Footer /> -->\n\t\t\t\t</router-view>\n\t\t\t</Suspense>\n     \n\t\t</section>\n\n\t\t<router-view  \n\t\t\tname=\"defaultBottom\"\n\t\t\tv-slot=\"{ Component, route }\" \n\t\t>\n\t\t\t<component \n    \t\t:is=\"Component\" \n    \t/>\n\t\t</router-view>\n\n\t  <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.footer?.component && !route.meta.hideFooter\"\n      ref=\"footer\" \n      :is=\"route.meta.footer.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.footer.logotype\"\n      :location=\"route.meta.footer.location\"\n    />\n\n    <component \n      v-if=\"MOBILE_APP && route.meta.title_hide\"\n      class=\"z-index-2\"\n    \t:is=\"route.meta.bottombar\"\n    />\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted  } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals';\n\t// Partials\n\timport Status from '@pf/src/components/Status/Status.vue';\n\timport Popup from '@pf/src/components/Popup/Popup.vue';\n\t// import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@pf/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue';\n\t// import Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\n\timport ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue';\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\t// const router = useRouter()\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t  globals.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tdocument.getElementById('app').scrollIntoView();\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn route.meta.header_theme  || 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme || 'light'\n\t\t}\n\t})\n\n\tconst handleScroll = () => {\n\t  scrollOffset.value = event.target.scrollTop\n\t};\n\n\tonMounted(async () => {\n\t\t \n\t\tif ('serviceWorker' in navigator) {\n\t   \twindow.addEventListener('load', () => {\n\t     \tnavigator.serviceWorker.register('/service-worker.js').then(registration => {\n\t       \tconsole.log('SW registered: ', registration);\n\t     \t}).catch(registrationError => {\n\t       \tconsole.log('SW registration failed: ', registrationError);\n\t     \t});\n\t   });\n\t \t}\n\t\t\n\t\tconst savedPosition = localStorage.getItem('position');\n\n\t  if (savedPosition) {\n\t    globals.state.position = JSON.parse(savedPosition);\n\t  } else {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  }\n\n\t\tif (referalCode.value) {\n\t\t  localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page.value) show.value = true\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.fade-enter-active, .fade-leave-active {\n\t  transition: opacity .5s;\n\t}\n\t.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ */ {\n\t  opacity: 0;\n\t}\n\n\t\n  .fade-move,\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n  }\n\n  /* 2. declare enter from and leave to state */\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n    transform: translate(30px, 0);\n  }\n\n  /* 3. ensure leaving items are taken out of layout flow so that moving\n        animations can be calculated correctly. */\n  .fade-leave-active {\n    position: absolute;\n  }\n\n\t.moveFromTop-enter-active,\n\t.moveFromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTop-enter-from,\n\t.moveFromTop-leave-to {\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.scaleTransition-5px-enter-active,\n  .scaleTransition-5px-leave-active {\n    transform: translateY(0px);  \n    opacity: 1;\n    z-index: 1;\n    transition: all 0.2s ease;\n  }\n\n  .scaleTransition-5px-enter-from,\n  .scaleTransition-5px-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    transform: translateY(-30px); \n    transition: all 0.2s ease;\n  }\n\n  .scaleTransition-enter-from,\n  .scaleTransition-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    width: inherit;\n    height: inherit;\n    display: block;\n    transform: translateY(30px); \n    transition: all 0.5s ease;\n  }\n\n  .scaleTransition-enter-active,\n  .scaleTransition-leave-active {\n    transform: translateY(0px);  \n    opacity: 1;\n    z-index: 1;\n    transition: all 0.5s ease;\n  }\n  .scaleTransition-enter-from,\n  .scaleTransition-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    width: inherit;\n    height: inherit;\n    display: block;\n    transform: translateY(30px); \n    transition: all 0.5s ease;\n  }\n\n  .scaleIn-enter-active,\n  .scaleIn-leave-active {\n    // background: red;\n    transition: all 0.5s ease;\n    > section,div { transform-origin: 0 0; transform: translateZ(0px);  transition: all 0.5s ease; }\n  }\n  .scaleIn-enter-from,\n  .scaleIn-leave-to {\n    opacity: 0;\n    transform: scale(0.95);\n    > section,div { transform: translateZ(-30px);  transition: all 0.5s ease; }\n  }\n</style>"],"names":["globals.state"],"mappings":";;;;;;;;;;;;;;;;;;;AAkJE,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAItB,UAAM,QAAQ,SAAQ;AAGtB,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAO/C,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAgB;AAAA,IACjD;AAEC,UAAM,eAAe,IAAI,CAAC;AAE1B,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,cAAc,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO,MAAM,KAAK,gBAAiB;AAAA,MACtC,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MACrC;AAAA,IACE,CAAA;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACnC;AAED,cAAU,YAAY;AAErB,UAAI,mBAAmB,WAAW;AAC/B,eAAO,iBAAiB,QAAQ,MAAM;AACpC,oBAAU,cAAc,SAAS,oBAAoB,EAAE,KAAK,kBAAgB;AAC1E,oBAAQ,IAAI,mBAAmB,YAAY;AAAA,UACpD,CAAQ,EAAE,MAAM,uBAAqB;AAC5B,oBAAQ,IAAI,4BAA4B,iBAAiB;AAAA,UAClE,CAAQ;AAAA,QACR,CAAK;AAAA,MACL;AAEE,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBA,cAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,OAAU;AACNA,cAAc,sBAAsB;AAAA,MACxC;AAEE,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACzD;AAEE,UAAI,KAAK,MAAO,MAAK,QAAQ;AAAA,IAC/B,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Empty.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Empty.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Empty.vue"],"sourcesContent":["<template>\n\t<router-view v-slot=\"{ Component, route }\">\n\t\t<component :is=\"Component\" />\n\t</router-view>\n</template>"],"names":["_createBlock","_withCtx"],"mappings":";;;;;;;uBAEE,GAA6BA,gBADS,wBAAA,MAAA;AAAA,IACtC,SAAAC,IAAAA,QAAA,CAAA,EAAA;;;;;;;;"}
+{"version":3,"file":"Empty.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Empty.vue"],"sourcesContent":["<template>\n\t<router-view v-slot=\"{ Component, route }\">\n\t\t<component :is=\"Component\" />\n\t</router-view>\n</template>"],"names":["_openBlock","_createBlock"],"mappings":";;;;;;;AAAA,SAAAA,cAEE,GAA6BC,gBADS,wBAAA,MAAA;AAAA,yBACT,CAAA,EAAA;;KAF/B;AAAA;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Empty.vue.js

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createBlock, withCtx, resolveDynamicComponent } from "vue";
+import { resolveComponent, createBlock, openBlock, withCtx, resolveDynamicComponent } from "vue";
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Empty.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Empty.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Empty.vue"],"sourcesContent":["<template>\n\t<router-view v-slot=\"{ Component, route }\">\n\t\t<component :is=\"Component\" />\n\t</router-view>\n</template>"],"names":["_createBlock","_withCtx"],"mappings":";;;;;mBAEE,GAA6BA,YADS,wBAAA,MAAA;AAAA,IACtC,SAAAC,QAAA,CAAA,EAAA;;;;;;;"}
+{"version":3,"file":"Empty.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Empty.vue"],"sourcesContent":["<template>\n\t<router-view v-slot=\"{ Component, route }\">\n\t\t<component :is=\"Component\" />\n\t</router-view>\n</template>"],"names":["_openBlock","_createBlock"],"mappings":";;;;;AAAA,SAAAA,UAEE,GAA6BC,YADS,wBAAA,MAAA;AAAA,qBACT,CAAA,EAAA;;KAF/B;AAAA;;;;"}

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

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock } from "vue";
+import { createElementBlock, openBlock } from "vue";
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {};
 const _hoisted_1 = { class: "" };

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

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock } from "vue";
+import { createElementBlock, openBlock } from "vue";
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {};
 const _hoisted_1 = { class: "" };

package/dist/prometheus-framework/src/modules/globals/views/components/partials/BottomNavigationBar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigationBar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n    <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n        <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n          <!-- Home -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\" \n            :class=\"{ 't-second': $route.path === '/', 't-transp': $route.path !== '/' }\"\n            to=\"/\"\n          >\n            <IconHome \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.home')}}</p>\n          </router-link>\n\n          <!-- Gallery -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n            to=\"/marketplac\"\n          >\n            <IconCatalog \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n          </router-link>\n\n          <!-- Events -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n            to=\"/rents\"\n          >\n            <IconShopcart \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.rents')}}</p>\n          </router-link>\n\n          <!-- Community -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n            to=\"/community\"\n          >\n            <IconCommunity \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.community')}}</p>\n          </router-link>\n\n          <!-- Account -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ \n              't-second': $route.path.startsWith('/auth/') || $route.path.startsWith('/users/'),\n              't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n            }\"\n            :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n          >\n            <IconProfile \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path.startsWith('/auth/') || $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.profile')}}</p>\n          </router-link>\n        </nav>\n    </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@pf/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@pf/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n  \"en\": {\n    \"navigation\": {\n      \"home\": \"Home\",\n      \"catalog\": \"Catalog\",\n      \"rents\": \"My Rents\",\n      \"community\": \"Community\",\n      \"profile\": \"Profile\"\n    }\n  }\n}})\n</script>"],"names":["useRoute","ref","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuFcA,cAAAA,SAAW;AACzB,UAAM,SAASC,IAAAA,IAAI,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAKC,QAAO,QAAC,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACZ;AAAA,MACF;AAAA,IACH,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BottomNavigationBar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n    <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n        <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n          <!-- Home -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\" \n            :class=\"{ 't-second': $route.path === '/', 't-transp': $route.path !== '/' }\"\n            to=\"/\"\n          >\n            <IconHome \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.home')}}</p>\n          </router-link>\n\n          <!-- Gallery -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n            to=\"/marketplac\"\n          >\n            <IconCatalog \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n          </router-link>\n\n          <!-- Events -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n            to=\"/rents\"\n          >\n            <IconShopcart \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.rents')}}</p>\n          </router-link>\n\n          <!-- Community -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n            to=\"/community\"\n          >\n            <IconCommunity \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.community')}}</p>\n          </router-link>\n\n          <!-- Account -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ \n              't-second': $route.path.startsWith('/auth/') || $route.path.startsWith('/users/'),\n              't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n            }\"\n            :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n          >\n            <IconProfile \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path.startsWith('/auth/') || $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.profile')}}</p>\n          </router-link>\n        </nav>\n    </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@pf/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@pf/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n  \"en\": {\n    \"navigation\": {\n      \"home\": \"Home\",\n      \"catalog\": \"Catalog\",\n      \"rents\": \"My Rents\",\n      \"community\": \"Community\",\n      \"profile\": \"Profile\"\n    }\n  }\n}})\n</script>"],"names":["useRoute","ref","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuFcA,cAAQ,SAAA;AACtB,UAAM,SAASC,IAAG,IAAC,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAKC,QAAO,QAAC,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/BottomNavigationBar.vue.js

@@ -1,4 +1,4 @@
-import { ref, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, withCtx, toDisplayString, unref } from "vue";
+import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, withCtx, toDisplayString, unref } from "vue";
 import { useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$1 from "../../../../icons/entities/IconHome.vue.js";

package/dist/prometheus-framework/src/modules/globals/views/components/partials/BottomNavigationBar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigationBar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n    <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n        <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n          <!-- Home -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\" \n            :class=\"{ 't-second': $route.path === '/', 't-transp': $route.path !== '/' }\"\n            to=\"/\"\n          >\n            <IconHome \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.home')}}</p>\n          </router-link>\n\n          <!-- Gallery -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n            to=\"/marketplac\"\n          >\n            <IconCatalog \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n          </router-link>\n\n          <!-- Events -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n            to=\"/rents\"\n          >\n            <IconShopcart \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.rents')}}</p>\n          </router-link>\n\n          <!-- Community -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n            to=\"/community\"\n          >\n            <IconCommunity \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.community')}}</p>\n          </router-link>\n\n          <!-- Account -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ \n              't-second': $route.path.startsWith('/auth/') || $route.path.startsWith('/users/'),\n              't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n            }\"\n            :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n          >\n            <IconProfile \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path.startsWith('/auth/') || $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.profile')}}</p>\n          </router-link>\n        </nav>\n    </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@pf/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@pf/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n  \"en\": {\n    \"navigation\": {\n      \"home\": \"Home\",\n      \"catalog\": \"Catalog\",\n      \"rents\": \"My Rents\",\n      \"community\": \"Community\",\n      \"profile\": \"Profile\"\n    }\n  }\n}})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuFc,aAAW;AACzB,UAAM,SAAS,IAAI,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACZ;AAAA,MACF;AAAA,IACH,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BottomNavigationBar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n    <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n        <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n          <!-- Home -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\" \n            :class=\"{ 't-second': $route.path === '/', 't-transp': $route.path !== '/' }\"\n            to=\"/\"\n          >\n            <IconHome \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.home')}}</p>\n          </router-link>\n\n          <!-- Gallery -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n            to=\"/marketplac\"\n          >\n            <IconCatalog \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n          </router-link>\n\n          <!-- Events -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n            to=\"/rents\"\n          >\n            <IconShopcart \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.rents')}}</p>\n          </router-link>\n\n          <!-- Community -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n            to=\"/community\"\n          >\n            <IconCommunity \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.community')}}</p>\n          </router-link>\n\n          <!-- Account -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ \n              't-second': $route.path.startsWith('/auth/') || $route.path.startsWith('/users/'),\n              't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n            }\"\n            :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n          >\n            <IconProfile \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path.startsWith('/auth/') || $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.profile')}}</p>\n          </router-link>\n        </nav>\n    </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@pf/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@pf/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n  \"en\": {\n    \"navigation\": {\n      \"home\": \"Home\",\n      \"catalog\": \"Catalog\",\n      \"rents\": \"My Rents\",\n      \"community\": \"Community\",\n      \"profile\": \"Profile\"\n    }\n  }\n}})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuFc,aAAQ;AACtB,UAAM,SAAS,IAAI,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/CitySelection.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CitySelection.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n  <div class=\"select-country\">\n    <p class=\"h1\">🌍</p>\n    <br>\n    <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n    <!-- Select city -->\n    <div class=\"mn-b-semi\">\n      <!-- Description -->\n      <p class=\"mn-b-small t-transp p-medium\">{{t('description')}}</p> \n      <!-- Input -->\n      <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n        <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n        <a @click=\"closePopup()\">{{t('choose')}}</a>\n      </div>\n    </div>\n    <!-- Coming soon cities -->\n    <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n    \n    <div class=\"cols-4 gap-small mn-b-semi\">\n      <!-- Input -->\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[0]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[1]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[2]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[3]')}}</span>\n      </div>\n    </div>\n    <!-- Description -->\n    <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n    <div class=\"pd-small p-big radius-small bg-light\">\n      <a class=\"\">hello@nms.network</a>\n    </div>\n  </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {\n      title: \"Choose Your City\",\n      description: \"Please select your city from the list below to see rental options and other relevant information:\",\n      choose: \"Current\",\n      cities: [\n        \"Phuket\"\n      ],\n      comingsoon: \"Coming soon:\",\n      cscities: [\n        \"Bangkok\",\n        \"Chiang Mai\",\n        \"Pha-ngan\",\n        \"Pattaya\",\n      ],\n      helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n      cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n    },\n  }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n  .select-country {\n    max-width: 100%;\n  }\n</style>"],"names":["useRoute","useRouter","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEcA,cAAAA,SAAU;AACTC,cAAAA,UAAW;AAE1B,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACD;AAAA,UACD,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,UACD,QAAQ;AAAA,UACR,WAAW;AAAA,QACZ;AAAA,MACF;AAAA,IACH;AACA,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CitySelection.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n  <div class=\"select-country\">\n    <p class=\"h1\">🌍</p>\n    <br>\n    <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n    <!-- Select city -->\n    <div class=\"mn-b-semi\">\n      <!-- Description -->\n      <p class=\"mn-b-small t-transp p-medium\">{{t('description')}}</p> \n      <!-- Input -->\n      <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n        <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n        <a @click=\"closePopup()\">{{t('choose')}}</a>\n      </div>\n    </div>\n    <!-- Coming soon cities -->\n    <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n    \n    <div class=\"cols-4 gap-small mn-b-semi\">\n      <!-- Input -->\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[0]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[1]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[2]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[3]')}}</span>\n      </div>\n    </div>\n    <!-- Description -->\n    <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n    <div class=\"pd-small p-big radius-small bg-light\">\n      <a class=\"\">hello@nms.network</a>\n    </div>\n  </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {\n      title: \"Choose Your City\",\n      description: \"Please select your city from the list below to see rental options and other relevant information:\",\n      choose: \"Current\",\n      cities: [\n        \"Phuket\"\n      ],\n      comingsoon: \"Coming soon:\",\n      cscities: [\n        \"Bangkok\",\n        \"Chiang Mai\",\n        \"Pha-ngan\",\n        \"Pattaya\",\n      ],\n      helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n      cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n    },\n  }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n  .select-country {\n    max-width: 100%;\n  }\n</style>"],"names":["useRoute","useRouter","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEcA,cAAQ,SAAA;AACPC,cAAS,UAAA;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACD;AAAA,UACD,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,UACD,QAAQ;AAAA,UACR,WAAW;AAAA,QACZ;AAAA,MACL;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/CitySelection.vue.js

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, createElementVNode, toDisplayString, unref } from "vue";
+import { createElementBlock, openBlock, createElementVNode, toDisplayString, unref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 /* empty css                   */

package/dist/prometheus-framework/src/modules/globals/views/components/partials/CitySelection.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitySelection.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n  <div class=\"select-country\">\n    <p class=\"h1\">🌍</p>\n    <br>\n    <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n    <!-- Select city -->\n    <div class=\"mn-b-semi\">\n      <!-- Description -->\n      <p class=\"mn-b-small t-transp p-medium\">{{t('description')}}</p> \n      <!-- Input -->\n      <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n        <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n        <a @click=\"closePopup()\">{{t('choose')}}</a>\n      </div>\n    </div>\n    <!-- Coming soon cities -->\n    <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n    \n    <div class=\"cols-4 gap-small mn-b-semi\">\n      <!-- Input -->\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[0]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[1]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[2]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[3]')}}</span>\n      </div>\n    </div>\n    <!-- Description -->\n    <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n    <div class=\"pd-small p-big radius-small bg-light\">\n      <a class=\"\">hello@nms.network</a>\n    </div>\n  </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {\n      title: \"Choose Your City\",\n      description: \"Please select your city from the list below to see rental options and other relevant information:\",\n      choose: \"Current\",\n      cities: [\n        \"Phuket\"\n      ],\n      comingsoon: \"Coming soon:\",\n      cscities: [\n        \"Bangkok\",\n        \"Chiang Mai\",\n        \"Pha-ngan\",\n        \"Pattaya\",\n      ],\n      helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n      cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n    },\n  }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n  .select-country {\n    max-width: 100%;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEc,aAAU;AACT,cAAW;AAE1B,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACD;AAAA,UACD,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,UACD,QAAQ;AAAA,UACR,WAAW;AAAA,QACZ;AAAA,MACF;AAAA,IACH;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CitySelection.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n  <div class=\"select-country\">\n    <p class=\"h1\">🌍</p>\n    <br>\n    <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n    <!-- Select city -->\n    <div class=\"mn-b-semi\">\n      <!-- Description -->\n      <p class=\"mn-b-small t-transp p-medium\">{{t('description')}}</p> \n      <!-- Input -->\n      <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n        <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n        <a @click=\"closePopup()\">{{t('choose')}}</a>\n      </div>\n    </div>\n    <!-- Coming soon cities -->\n    <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n    \n    <div class=\"cols-4 gap-small mn-b-semi\">\n      <!-- Input -->\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[0]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[1]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[2]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[3]')}}</span>\n      </div>\n    </div>\n    <!-- Description -->\n    <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n    <div class=\"pd-small p-big radius-small bg-light\">\n      <a class=\"\">hello@nms.network</a>\n    </div>\n  </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {\n      title: \"Choose Your City\",\n      description: \"Please select your city from the list below to see rental options and other relevant information:\",\n      choose: \"Current\",\n      cities: [\n        \"Phuket\"\n      ],\n      comingsoon: \"Coming soon:\",\n      cscities: [\n        \"Bangkok\",\n        \"Chiang Mai\",\n        \"Pha-ngan\",\n        \"Pattaya\",\n      ],\n      helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n      cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n    },\n  }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n  .select-country {\n    max-width: 100%;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEc,aAAQ;AACP,cAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACD;AAAA,UACD,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,UACD,QAAQ;AAAA,UACR,WAAW;AAAA,QACZ;AAAA,MACL;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.cjs

@@ -10,7 +10,7 @@ require("../../../../community/store/blogposts.cjs");
 require("../../../../organizations/store/organizations.cjs");
 require("../../../../organizations/store/memberships.cjs");
 ;/* empty css                 */
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const Select = require("../../../../../components/Select/Select.vue.cjs");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
@@ -45,7 +45,7 @@ const _sfc_main = {
   setup(__props) {
     const router = vueRouter.useRouter();
     vueRouter.useRoute();
-    vueI18n.useI18n();
+    const { t } = vueI18n.useI18n();
     function openLocationPopup() {
       globals.state.isOpenLocationPopup = true;
     }

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\t\n\t// Globasls Component\n\timport Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black': theme === 'light',\n  \t\t't-white': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<!-- <component\n      v-if=\"route.meta.navigation\"\n      :is=\"route.meta.navigation\"\n      class=\"mn-l-auto desktop-only\"\n    /> -->\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["useRouter","useRoute","useI18n","globals.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UAAM,SAASA,UAAAA,UAAW;AACZC,uBAAU;AAEVC,oBAAS;AAGvB,aAAS,oBAAoB;AAC3BC,cAAa,MAAC,sBAAsB;AAAA,IACrC;AAIDC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAa;AAAA,IAClC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\t\n\t// Globasls Component\n\timport Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black': theme === 'light',\n  \t\t't-white': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<!-- <component\n      v-if=\"route.meta.navigation\"\n      :is=\"route.meta.navigation\"\n      class=\"mn-l-auto desktop-only\"\n    /> -->\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["useRouter","useRoute","useI18n","globals.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UAAM,SAASA,UAAS,UAAA;AACVC,cAAQ,SAAA;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAA;AAGrB,aAAS,oBAAoB;AAC3BC,cAAa,MAAC,sBAAsB;AAAA,IACvC;AAICC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.js

@@ -1,4 +1,4 @@
-import { onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, unref, createCommentVNode, createTextVNode, toDisplayString, createVNode, withCtx } from "vue";
+import { onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, unref, createTextVNode, toDisplayString, createVNode, withCtx } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { state, actions as actions$1 } from "../../store/globals.js";
@@ -8,7 +8,7 @@ import "../../../../community/store/blogposts.js";
 import "../../../../organizations/store/organizations.js";
 import "../../../../organizations/store/memberships.js";
 /* empty css               */
-import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
 import Select from "../../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconShopcart.vue.js";
@@ -43,7 +43,7 @@ const _sfc_main = {
   setup(__props) {
     const router = useRouter();
     useRoute();
-    useI18n();
+    const { t } = useI18n();
     function openLocationPopup() {
       state.isOpenLocationPopup = true;
     }

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\t\n\t// Globasls Component\n\timport Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black': theme === 'light',\n  \t\t't-white': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<!-- <component\n      v-if=\"route.meta.navigation\"\n      :is=\"route.meta.navigation\"\n      class=\"mn-l-auto desktop-only\"\n    /> -->\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["globals.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UAAM,SAAS,UAAW;AACZ,aAAU;AAEV,YAAS;AAGvB,aAAS,oBAAoB;AAC3BA,YAAc,sBAAsB;AAAA,IACrC;AAID,cAAU,MAAM;AACbC,cAAiB,YAAa;AAAA,IAClC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\t\n\t// Globasls Component\n\timport Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black': theme === 'light',\n  \t\t't-white': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<!-- <component\n      v-if=\"route.meta.navigation\"\n      :is=\"route.meta.navigation\"\n      class=\"mn-l-auto desktop-only\"\n    /> -->\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["globals.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,UAAM,SAAS,UAAS;AACV,aAAQ;AAEtB,UAAM,EAAE,EAAC,IAAK,QAAO;AAGrB,aAAS,oBAAoB;AAC3BA,YAAc,sBAAsB;AAAA,IACvC;AAIC,cAAU,MAAM;AACbC,cAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const globals = require("../../store/globals.cjs");
 const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");

package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-4 flex-center flex t-center pd-medium\"\n\t>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<Button\n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t:showSucces=\"false\"\n\t\t\t\t:showLoader=\"false\"\n\t\t\t\tclass=\"header-shopcart  cursor-pointer pd-zero mn-l-auto\"\n\t\t\t\t> \n\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"rgb(var(--main))\" />\n\t\t\t</Button>\n\t\t</transition>\n\n    <transition-group name=\"slideIn\" class=\"pos-absolute i-semi pos-r-medium\" tag=\"div\">\n      <template v-for=\"(item, index) in actions\" :key=\"index\">\n        <component\n\t\t\t\t\tv-if=\"typeof item.condition === 'function' ? item.condition(router, route) : item.condition\"\n          :is=\"item.component\"\n          v-bind=\"item.props\"\n          @click=\"item.action(router, route)\"\n          class=\"i-semi cursor-pointer \"\n        />\n      </template>\n    </transition-group>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\n\t\t\t<IconProfile \n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\tclass=\"pos-absolute  cursor-pointer pos-r-medium i-semi\"\n\t\t\t\tfill=\"rgb(var(--main))\" \n\t\t\t/>\n\n\t\t\t<svg \n\t\t\t\tv-else \n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer i-semi pos-l-medium\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r lh-semi h4 d-block\" >\n\t\t\t\t\t{{globals.state.navigation_bar.name || route.meta?.title?.[locale.toLowerCase()] || route.name}}\n\n\t\t\t\t\t<!-- if (route.meta.title) { \n\t\t\t\t\t\t\troute.meta.title[locale.toLowerCase()]\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\troute.name\n\t\t\t\t\t\t} -->\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted, computed } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\n\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tconst actions = computed(() => globals.state.navigation_bar.actions || route.meta?.actions || [])\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(10px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["useRouter","useRoute","useI18n","computed","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FC,UAAM,QAAQ;AAUd,UAAM,SAASA,UAAAA,UAAW;AAC1B,UAAM,QAAQC,UAAAA,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAGC,QAAO,QAAA;AAEjD,UAAM,UAAUC,aAAS,MAAA;;AAAMC,2BAAc,eAAe,aAAW,WAAM,SAAN,mBAAY,YAAW;KAAE;AAEhG,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAI;AAAA,MACX;AAAA,IACJ;AAED,aAAS,eAAe;AACvB,UAAIC,WAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,KAAU,MAAC,KAAK,IAAK,EAAA,CAAC;AAAA,MACzE;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavigationBar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-4 flex-center flex t-center pd-medium\"\n\t>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<Button\n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t:showSucces=\"false\"\n\t\t\t\t:showLoader=\"false\"\n\t\t\t\tclass=\"header-shopcart  cursor-pointer pd-zero mn-l-auto\"\n\t\t\t\t> \n\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"rgb(var(--main))\" />\n\t\t\t</Button>\n\t\t</transition>\n\n    <transition-group name=\"slideIn\" class=\"pos-absolute i-semi pos-r-medium\" tag=\"div\">\n      <template v-for=\"(item, index) in actions\" :key=\"index\">\n        <component\n\t\t\t\t\tv-if=\"typeof item.condition === 'function' ? item.condition(router, route) : item.condition\"\n          :is=\"item.component\"\n          v-bind=\"item.props\"\n          @click=\"item.action(router, route)\"\n          class=\"i-semi cursor-pointer \"\n        />\n      </template>\n    </transition-group>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\n\t\t\t<IconProfile \n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\tclass=\"pos-absolute  cursor-pointer pos-r-medium i-semi\"\n\t\t\t\tfill=\"rgb(var(--main))\" \n\t\t\t/>\n\n\t\t\t<svg \n\t\t\t\tv-else \n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer i-semi pos-l-medium\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r lh-semi h4 d-block\" >\n\t\t\t\t\t{{globals.state.navigation_bar.name || route.meta?.title?.[locale.toLowerCase()] || route.name}}\n\n\t\t\t\t\t<!-- if (route.meta.title) { \n\t\t\t\t\t\t\troute.meta.title[locale.toLowerCase()]\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\troute.name\n\t\t\t\t\t\t} -->\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted, computed } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\n\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tconst actions = computed(() => globals.state.navigation_bar.actions || route.meta?.actions || [])\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(10px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["useRouter","useRoute","useI18n","computed","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FC,UAAM,QAAQ;AAUd,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,UAAM,EAAE,GAAG,oBAAoB,OAAM,IAAKC,QAAAA,QAAS;AAEnD,UAAM,UAAUC,aAAS,MAAA;;AAAMC,2BAAc,eAAe,aAAW,WAAM,SAAN,mBAAY,YAAW,CAAE;AAAA,KAAA;AAEhG,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAM;AAAA,MACnB;AAAA,IACA;AAEC,aAAS,eAAe;AACvB,UAAIC,WAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,KAAU,MAAC,KAAK,MAAK,CAAC;AAAA,MAC5E;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.js

@@ -1,11 +1,11 @@
-import { computed, openBlock, createElementBlock, createVNode, Transition, withCtx, unref, createBlock, createCommentVNode, TransitionGroup, Fragment, renderList, resolveDynamicComponent, mergeProps, createElementVNode, toDisplayString } from "vue";
+import { computed, createElementBlock, openBlock, createVNode, Transition, withCtx, createBlock, createCommentVNode, unref, TransitionGroup, Fragment, renderList, resolveDynamicComponent, mergeProps, createElementVNode, toDisplayString } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconProfile.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import { state } from "../../store/globals.js";
-import { actions, getters } from "../../../../orders/store/shopcart.js";
+import { getters, actions } from "../../../../orders/store/shopcart.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
 /* empty css                   */
 const _hoisted_1 = { class: "pos-sticky w-100 z-index-4 flex-center flex t-center pd-medium" };

package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-4 flex-center flex t-center pd-medium\"\n\t>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<Button\n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t:showSucces=\"false\"\n\t\t\t\t:showLoader=\"false\"\n\t\t\t\tclass=\"header-shopcart  cursor-pointer pd-zero mn-l-auto\"\n\t\t\t\t> \n\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"rgb(var(--main))\" />\n\t\t\t</Button>\n\t\t</transition>\n\n    <transition-group name=\"slideIn\" class=\"pos-absolute i-semi pos-r-medium\" tag=\"div\">\n      <template v-for=\"(item, index) in actions\" :key=\"index\">\n        <component\n\t\t\t\t\tv-if=\"typeof item.condition === 'function' ? item.condition(router, route) : item.condition\"\n          :is=\"item.component\"\n          v-bind=\"item.props\"\n          @click=\"item.action(router, route)\"\n          class=\"i-semi cursor-pointer \"\n        />\n      </template>\n    </transition-group>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\n\t\t\t<IconProfile \n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\tclass=\"pos-absolute  cursor-pointer pos-r-medium i-semi\"\n\t\t\t\tfill=\"rgb(var(--main))\" \n\t\t\t/>\n\n\t\t\t<svg \n\t\t\t\tv-else \n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer i-semi pos-l-medium\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r lh-semi h4 d-block\" >\n\t\t\t\t\t{{globals.state.navigation_bar.name || route.meta?.title?.[locale.toLowerCase()] || route.name}}\n\n\t\t\t\t\t<!-- if (route.meta.title) { \n\t\t\t\t\t\t\troute.meta.title[locale.toLowerCase()]\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\troute.name\n\t\t\t\t\t\t} -->\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted, computed } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\n\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tconst actions = computed(() => globals.state.navigation_bar.actions || route.meta?.actions || [])\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(10px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["actions","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FC,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAW;AAC1B,UAAM,QAAQ,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAG,QAAO;AAEjD,UAAMA,YAAU,SAAS,MAAA;;AAAMC,mBAAc,eAAe,aAAW,WAAM,SAAN,mBAAY,YAAW;KAAE;AAEhG,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAI;AAAA,MACX;AAAA,IACJ;AAED,aAAS,eAAe;AACvB,UAAIC,QAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,QAAW,KAAK,IAAK,EAAA,CAAC;AAAA,MACzE;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavigationBar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-4 flex-center flex t-center pd-medium\"\n\t>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<Button\n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t:showSucces=\"false\"\n\t\t\t\t:showLoader=\"false\"\n\t\t\t\tclass=\"header-shopcart  cursor-pointer pd-zero mn-l-auto\"\n\t\t\t\t> \n\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"rgb(var(--main))\" />\n\t\t\t</Button>\n\t\t</transition>\n\n    <transition-group name=\"slideIn\" class=\"pos-absolute i-semi pos-r-medium\" tag=\"div\">\n      <template v-for=\"(item, index) in actions\" :key=\"index\">\n        <component\n\t\t\t\t\tv-if=\"typeof item.condition === 'function' ? item.condition(router, route) : item.condition\"\n          :is=\"item.component\"\n          v-bind=\"item.props\"\n          @click=\"item.action(router, route)\"\n          class=\"i-semi cursor-pointer \"\n        />\n      </template>\n    </transition-group>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\n\t\t\t<IconProfile \n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\tclass=\"pos-absolute  cursor-pointer pos-r-medium i-semi\"\n\t\t\t\tfill=\"rgb(var(--main))\" \n\t\t\t/>\n\n\t\t\t<svg \n\t\t\t\tv-else \n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer i-semi pos-l-medium\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r lh-semi h4 d-block\" >\n\t\t\t\t\t{{globals.state.navigation_bar.name || route.meta?.title?.[locale.toLowerCase()] || route.name}}\n\n\t\t\t\t\t<!-- if (route.meta.title) { \n\t\t\t\t\t\t\troute.meta.title[locale.toLowerCase()]\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\troute.name\n\t\t\t\t\t\t} -->\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted, computed } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\n\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tconst actions = computed(() => globals.state.navigation_bar.actions || route.meta?.actions || [])\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(10px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["actions","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FC,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,GAAG,oBAAoB,OAAM,IAAK,QAAS;AAEnD,UAAMA,YAAU,SAAS,MAAA;;AAAMC,mBAAc,eAAe,aAAW,WAAM,SAAN,mBAAY,YAAW,CAAE;AAAA,KAAA;AAEhG,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAM;AAAA,MACnB;AAAA,IACA;AAEC,aAAS,eAAe;AACvB,UAAIC,QAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,QAAW,KAAK,MAAK,CAAC;AAAA,MAC5E;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Sidebar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n\n  <div \n    id=\"sidebar\" class=\"o-hidden\" v-click-outside=\"clickedOutside\"\n  >\n    <div \n      class=\"pd-medium pos-sticky pos-t-0 h-100vh flex-column flex flex-justify-content\"\n    >\n      <div>\n        <slot></slot>\n      </div>\n\n      <Checkbox \n        :label=\"'Darkmode'\"\n        :radio=\"globals.state.theme.darkmode\"\n        @update:radio=\"event => globals.actions.toggleTheme()\"\n        name=\"prices\"\n        class=\" t-semi pd-small p-big mn-b-small br-2px br-solid radius-extra br-black-transp-5\"\n      />\n\n      <Menu \n        v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n        class=\"mn-b-regular bg-black t-white\"\n      >\n        <MenuItem \n          @click=\"router.push({\n            name: 'Backoffice Admin', \n            params: {\n              _id: route.params._id\n            }\n          })\" \n          class=\"cursor-pointer\"\n          theme=\"white\"\n        >\n          <span>\n            Backoffice\n          </span>\n        </MenuItem> \n      </Menu>\n\n   \n    </div>\n  </div>\n\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\n\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\nimport clickOutside from '@pf/src/components/FieldPhone/click-outside';\n\nimport { useRoute, useRouter} from 'vue-router'\n\nimport * as auth      from '@pf/src/modules/auth/views/store/auth'\nimport * as globals      from '@pf/src/modules/globals/views/store/globals'\n\nimport Checkbox    from '@pf/src/components/Checkbox/Checkbox.vue'\n\nconst router  = useRouter()\nconst route   = useRoute()\n\nconst isOpen = ref(false);\n\nconst props = defineProps(['stateSidebar'])\nconst emits = defineEmits(['closeSidebar'])\n\nwatch(() => route.path, () => {\n  // if (props.stateSidebar === true) emits('closeSidebar');\n});\n\nlet vClickOutside = clickOutside\n\nfunction clickedOutside(event) {\n  // Проверяем, не является ли элемент, по которому кликнули, кнопкой меню\n  const isMenuButton = event.target.classList.contains('menu-btn');\n\n  console.log(event.target.classList.contains('menu-btn'))\n  \n  if (isMenuButton) { \n    return null;\n  } else if  (props.stateSidebar === true) {\n    // emits('closeSidebar');   \n  }\n}\n\n</script>\n\n<style lang=\"scss\" >\n</style>"],"names":["useRouter","useRoute","ref","watch","clickOutside"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,SAAUA,UAAAA,UAAW;AAC3B,UAAM,QAAUC,UAAAA,SAAU;AAEXC,QAAG,IAAC,KAAK;AAExB,UAAM,QAAQ;AAGdC,QAAAA,MAAM,MAAM,MAAM,MAAM,MAAM;AAAA,IAE9B,CAAC;AAED,QAAI,gBAAgBC,aAAY;AAEhC,aAAS,eAAe,OAAO;AAE7B,YAAM,eAAe,MAAM,OAAO,UAAU,SAAS,UAAU;AAE/D,cAAQ,IAAI,MAAM,OAAO,UAAU,SAAS,UAAU,CAAC;AAEvD,UAAI,cAAc;AAChB,eAAO;AAAA,MACR,WAAW,MAAM,iBAAiB,KAAM;AAAA,IAG3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n\n  <div \n    id=\"sidebar\" class=\"o-hidden\" v-click-outside=\"clickedOutside\"\n  >\n    <div \n      class=\"pd-medium pos-sticky pos-t-0 h-100vh flex-column flex flex-justify-content\"\n    >\n      <div>\n        <slot></slot>\n      </div>\n\n      <Checkbox \n        :label=\"'Darkmode'\"\n        :radio=\"globals.state.theme.darkmode\"\n        @update:radio=\"event => globals.actions.toggleTheme()\"\n        name=\"prices\"\n        class=\" t-semi pd-small p-big mn-b-small br-2px br-solid radius-extra br-black-transp-5\"\n      />\n\n      <Menu \n        v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n        class=\"mn-b-regular bg-black t-white\"\n      >\n        <MenuItem \n          @click=\"router.push({\n            name: 'Backoffice Admin', \n            params: {\n              _id: route.params._id\n            }\n          })\" \n          class=\"cursor-pointer\"\n          theme=\"white\"\n        >\n          <span>\n            Backoffice\n          </span>\n        </MenuItem> \n      </Menu>\n\n   \n    </div>\n  </div>\n\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\n\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\nimport clickOutside from '@pf/src/components/FieldPhone/click-outside';\n\nimport { useRoute, useRouter} from 'vue-router'\n\nimport * as auth      from '@pf/src/modules/auth/views/store/auth'\nimport * as globals      from '@pf/src/modules/globals/views/store/globals'\n\nimport Checkbox    from '@pf/src/components/Checkbox/Checkbox.vue'\n\nconst router  = useRouter()\nconst route   = useRoute()\n\nconst isOpen = ref(false);\n\nconst props = defineProps(['stateSidebar'])\nconst emits = defineEmits(['closeSidebar'])\n\nwatch(() => route.path, () => {\n  // if (props.stateSidebar === true) emits('closeSidebar');\n});\n\nlet vClickOutside = clickOutside\n\nfunction clickedOutside(event) {\n  // Проверяем, не является ли элемент, по которому кликнули, кнопкой меню\n  const isMenuButton = event.target.classList.contains('menu-btn');\n\n  console.log(event.target.classList.contains('menu-btn'))\n  \n  if (isMenuButton) { \n    return null;\n  } else if  (props.stateSidebar === true) {\n    // emits('closeSidebar');   \n  }\n}\n\n</script>\n\n<style lang=\"scss\" >\n</style>"],"names":["useRouter","useRoute","ref","watch","clickOutside"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,SAAUA,UAAS,UAAA;AACzB,UAAM,QAAUC,UAAQ,SAAA;AAETC,QAAAA,IAAI,KAAK;AAExB,UAAM,QAAQ;AAGdC,QAAAA,MAAM,MAAM,MAAM,MAAM,MAAM;AAAA,IAE9B,CAAC;AAED,QAAI,gBAAgBC,aAAAA;AAEpB,aAAS,eAAe,OAAO;AAE7B,YAAM,eAAe,MAAM,OAAO,UAAU,SAAS,UAAU;AAE/D,cAAQ,IAAI,MAAM,OAAO,UAAU,SAAS,UAAU,CAAC;AAEvD,UAAI,cAAc;AAChB,eAAO;AAAA,MACX,WAAc,MAAM,iBAAiB,KAAM;AAAA,IAG3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Sidebar.vue.js

@@ -1,10 +1,10 @@
-import { ref, watch, withDirectives, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createBlock, withCtx, unref, createCommentVNode } from "vue";
+import { ref, watch, withDirectives, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, withCtx, unref } from "vue";
 import _sfc_main$2 from "../../../../../components/Menu/Menu.vue.js";
 import _sfc_main$3 from "../../../../../components/Menu/MenuItem.vue.js";
 import clickOutside from "../../../../../components/FieldPhone/click-outside.js";
 import { useRouter, useRoute } from "vue-router";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
-import { state, actions } from "../../store/globals.js";
+import { actions, state } from "../../store/globals.js";
 import _sfc_main$1 from "../../../../../components/Checkbox/Checkbox.vue.js";
 const _hoisted_1 = {
   id: "sidebar",

package/dist/prometheus-framework/src/modules/globals/views/components/partials/Sidebar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n\n  <div \n    id=\"sidebar\" class=\"o-hidden\" v-click-outside=\"clickedOutside\"\n  >\n    <div \n      class=\"pd-medium pos-sticky pos-t-0 h-100vh flex-column flex flex-justify-content\"\n    >\n      <div>\n        <slot></slot>\n      </div>\n\n      <Checkbox \n        :label=\"'Darkmode'\"\n        :radio=\"globals.state.theme.darkmode\"\n        @update:radio=\"event => globals.actions.toggleTheme()\"\n        name=\"prices\"\n        class=\" t-semi pd-small p-big mn-b-small br-2px br-solid radius-extra br-black-transp-5\"\n      />\n\n      <Menu \n        v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n        class=\"mn-b-regular bg-black t-white\"\n      >\n        <MenuItem \n          @click=\"router.push({\n            name: 'Backoffice Admin', \n            params: {\n              _id: route.params._id\n            }\n          })\" \n          class=\"cursor-pointer\"\n          theme=\"white\"\n        >\n          <span>\n            Backoffice\n          </span>\n        </MenuItem> \n      </Menu>\n\n   \n    </div>\n  </div>\n\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\n\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\nimport clickOutside from '@pf/src/components/FieldPhone/click-outside';\n\nimport { useRoute, useRouter} from 'vue-router'\n\nimport * as auth      from '@pf/src/modules/auth/views/store/auth'\nimport * as globals      from '@pf/src/modules/globals/views/store/globals'\n\nimport Checkbox    from '@pf/src/components/Checkbox/Checkbox.vue'\n\nconst router  = useRouter()\nconst route   = useRoute()\n\nconst isOpen = ref(false);\n\nconst props = defineProps(['stateSidebar'])\nconst emits = defineEmits(['closeSidebar'])\n\nwatch(() => route.path, () => {\n  // if (props.stateSidebar === true) emits('closeSidebar');\n});\n\nlet vClickOutside = clickOutside\n\nfunction clickedOutside(event) {\n  // Проверяем, не является ли элемент, по которому кликнули, кнопкой меню\n  const isMenuButton = event.target.classList.contains('menu-btn');\n\n  console.log(event.target.classList.contains('menu-btn'))\n  \n  if (isMenuButton) { \n    return null;\n  } else if  (props.stateSidebar === true) {\n    // emits('closeSidebar');   \n  }\n}\n\n</script>\n\n<style lang=\"scss\" >\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA8DA,UAAM,SAAU,UAAW;AAC3B,UAAM,QAAU,SAAU;AAEX,QAAI,KAAK;AAExB,UAAM,QAAQ;AAGd,UAAM,MAAM,MAAM,MAAM,MAAM;AAAA,IAE9B,CAAC;AAED,QAAI,gBAAgB;AAEpB,aAAS,eAAe,OAAO;AAE7B,YAAM,eAAe,MAAM,OAAO,UAAU,SAAS,UAAU;AAE/D,cAAQ,IAAI,MAAM,OAAO,UAAU,SAAS,UAAU,CAAC;AAEvD,UAAI,cAAc;AAChB,eAAO;AAAA,MACR,WAAW,MAAM,iBAAiB,KAAM;AAAA,IAG3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n\n  <div \n    id=\"sidebar\" class=\"o-hidden\" v-click-outside=\"clickedOutside\"\n  >\n    <div \n      class=\"pd-medium pos-sticky pos-t-0 h-100vh flex-column flex flex-justify-content\"\n    >\n      <div>\n        <slot></slot>\n      </div>\n\n      <Checkbox \n        :label=\"'Darkmode'\"\n        :radio=\"globals.state.theme.darkmode\"\n        @update:radio=\"event => globals.actions.toggleTheme()\"\n        name=\"prices\"\n        class=\" t-semi pd-small p-big mn-b-small br-2px br-solid radius-extra br-black-transp-5\"\n      />\n\n      <Menu \n        v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n        class=\"mn-b-regular bg-black t-white\"\n      >\n        <MenuItem \n          @click=\"router.push({\n            name: 'Backoffice Admin', \n            params: {\n              _id: route.params._id\n            }\n          })\" \n          class=\"cursor-pointer\"\n          theme=\"white\"\n        >\n          <span>\n            Backoffice\n          </span>\n        </MenuItem> \n      </Menu>\n\n   \n    </div>\n  </div>\n\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\n\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\nimport clickOutside from '@pf/src/components/FieldPhone/click-outside';\n\nimport { useRoute, useRouter} from 'vue-router'\n\nimport * as auth      from '@pf/src/modules/auth/views/store/auth'\nimport * as globals      from '@pf/src/modules/globals/views/store/globals'\n\nimport Checkbox    from '@pf/src/components/Checkbox/Checkbox.vue'\n\nconst router  = useRouter()\nconst route   = useRoute()\n\nconst isOpen = ref(false);\n\nconst props = defineProps(['stateSidebar'])\nconst emits = defineEmits(['closeSidebar'])\n\nwatch(() => route.path, () => {\n  // if (props.stateSidebar === true) emits('closeSidebar');\n});\n\nlet vClickOutside = clickOutside\n\nfunction clickedOutside(event) {\n  // Проверяем, не является ли элемент, по которому кликнули, кнопкой меню\n  const isMenuButton = event.target.classList.contains('menu-btn');\n\n  console.log(event.target.classList.contains('menu-btn'))\n  \n  if (isMenuButton) { \n    return null;\n  } else if  (props.stateSidebar === true) {\n    // emits('closeSidebar');   \n  }\n}\n\n</script>\n\n<style lang=\"scss\" >\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA8DA,UAAM,SAAU,UAAS;AACzB,UAAM,QAAU,SAAQ;AAET,QAAI,KAAK;AAExB,UAAM,QAAQ;AAGd,UAAM,MAAM,MAAM,MAAM,MAAM;AAAA,IAE9B,CAAC;AAED,QAAI,gBAAgB;AAEpB,aAAS,eAAe,OAAO;AAE7B,YAAM,eAAe,MAAM,OAAO,UAAU,SAAS,UAAU;AAE/D,cAAQ,IAAI,MAAM,OAAO,UAAU,SAAS,UAAU,CAAC;AAEvD,UAAI,cAAc;AAChB,eAAO;AAAA,MACX,WAAc,MAAM,iBAAiB,KAAM;AAAA,IAG3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/sections/SectionPageTitle.vue.js

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, createBlock, normalizeClass, withCtx, createTextVNode, createCommentVNode } from "vue";
+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";
 const _hoisted_1 = { class: "pd-medium flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "mn-r-auto" };

package/dist/prometheus-framework/src/modules/globals/views/localization/get-browser-locale.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-browser-locale.cjs","sources":["../../../../../../../src/modules/globals/views/localization/get-browser-locale.js"],"sourcesContent":["export default function getBrowserLocale(options = {}) {\n  const defaultOptions = { countryCodeOnly: false }\n\n  const opt = { ...defaultOptions, ...options }\n\n  const navigatorLocale =\n    navigator.languages !== undefined\n      ? navigator.languages[0]\n      : navigator.language\n\n  if (!navigatorLocale) {\n    return undefined\n  }\n\n  const trimmedLocale = opt.countryCodeOnly\n    ? navigatorLocale.trim().split(/-|_/)[0]\n    : navigatorLocale.trim()\n\n  return trimmedLocale\n}"],"names":[],"mappings":";;AAAe,SAAS,iBAAiB,UAAU,IAAI;AACrD,QAAM,iBAAiB,EAAE,iBAAiB,MAAO;AAEjD,QAAM,MAAM,EAAE,GAAG,gBAAgB,GAAG,QAAS;AAE7C,QAAM,kBACJ,UAAU,cAAc,SACpB,UAAU,UAAU,CAAC,IACrB,UAAU;AAEhB,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACR;AAED,QAAM,gBAAgB,IAAI,kBACtB,gBAAgB,KAAM,EAAC,MAAM,KAAK,EAAE,CAAC,IACrC,gBAAgB,KAAM;AAE1B,SAAO;AACT;;"}
+{"version":3,"file":"get-browser-locale.cjs","sources":["../../../../../../../src/modules/globals/views/localization/get-browser-locale.js"],"sourcesContent":["export default function getBrowserLocale(options = {}) {\n  const defaultOptions = { countryCodeOnly: false }\n\n  const opt = { ...defaultOptions, ...options }\n\n  const navigatorLocale =\n    navigator.languages !== undefined\n      ? navigator.languages[0]\n      : navigator.language\n\n  if (!navigatorLocale) {\n    return undefined\n  }\n\n  const trimmedLocale = opt.countryCodeOnly\n    ? navigatorLocale.trim().split(/-|_/)[0]\n    : navigatorLocale.trim()\n\n  return trimmedLocale\n}"],"names":[],"mappings":";;AAAe,SAAS,iBAAiB,UAAU,IAAI;AACrD,QAAM,iBAAiB,EAAE,iBAAiB,MAAK;AAE/C,QAAM,MAAM,EAAE,GAAG,gBAAgB,GAAG,QAAO;AAE3C,QAAM,kBACJ,UAAU,cAAc,SACpB,UAAU,UAAU,CAAC,IACrB,UAAU;AAEhB,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACX;AAEE,QAAM,gBAAgB,IAAI,kBACtB,gBAAgB,KAAM,EAAC,MAAM,KAAK,EAAE,CAAC,IACrC,gBAAgB,KAAI;AAExB,SAAO;AACT;;"}