npm - @ozdao/prometheus-framework - Versions diffs - 0.2.215 → 0.2.217 - Mend

@ozdao/prometheus-framework 0.2.215 → 0.2.217

Files changed (164) hide show

package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs CHANGED Viewed

@@ -2,12 +2,12 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                       */
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-;/* empty css                                         */
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+;/* empty css                                        */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+;/* empty css                                          */
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 ;/* empty css                                                    */
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { ref, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createBlock, createCommentVNode, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
-/* empty css                                     */
-import _sfc_main$9 from "../../../../components/Button/Button.vue2.js";
-/* empty css                                       */
-import _sfc_main$4 from "../../../../components/Chips/Chips.vue.js";
+/* empty css                                      */
+import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
+/* empty css                                        */
+import _sfc_main$4 from "../../../../components/Chips/Chips.vue2.js";
 /* empty css                                                  */
-import _sfc_main$5 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$6 from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
 import { state } from "../../../auth/views/store/auth.js";

package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const IconSearch = require("../../../../icons/navigation/IconSearch.vue.cjs");
-const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue.cjs");
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-big" };
 const _sfc_main = {
   __name: "BlockSearch",

package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ref, openBlock, createElementBlock, createVNode } from "vue";
 import _sfc_main$1 from "../../../../icons/navigation/IconSearch.vue.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-big" };
 const _sfc_main = {
   __name: "BlockSearch",

package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.cjs CHANGED Viewed

@@ -5,9 +5,9 @@ const vueRouter = require("vue-router");
 const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
 const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");
 const Tooltip = require("../../../../../components/Tooltip/Tooltip.vue2.cjs");
-const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue.cjs");
-;/* empty css                                            */
+const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue2.cjs");
 ;/* empty css                                            */
+;/* empty css                                             */
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");
 const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");

package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.js CHANGED Viewed

@@ -3,9 +3,9 @@ import { useRouter } from "vue-router";
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
 import _sfc_main$4 from "../../../../reports/components/sections/FormReport.vue.js";
 import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue2.js";
-import _sfc_main$2 from "../../../../../components/Dropdown/Dropdown.vue.js";
-/* empty css                                          */
+import _sfc_main$2 from "../../../../../components/Dropdown/Dropdown.vue2.js";
 /* empty css                                          */
+/* empty css                                           */
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";
 import _sfc_main$3 from "../../../../icons/navigation/IconEllipsis.vue.js";

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const globals = require("../../store/globals.cjs");
 const Status = require("../../../../../components/Status/Status.vue.cjs");
-const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
 const BottomNavigationBar = require("../partials/BottomNavigationBar.vue.cjs");
 const NavigationBar = require("../partials/NavigationBar.vue.cjs");
@@ -127,7 +127,7 @@ const _sfc_main = {
           default: vue.withCtx(() => [
             _ctx.MOBILE_APP ? (vue.openBlock(), vue.createBlock(NavigationBar.default, {
               key: 0,
-              logotype: vue.unref(route).meta.header.logotype.component
+              logotype: vue.unref(route).meta.header.logotype
             }, null, 8, ["logotype"])) : vue.createCommentVNode("", true)
           ]),
           _: 1
@@ -147,7 +147,7 @@ const _sfc_main = {
           id: "screen",
           ref: "screen",
           onScroll: handleScroll,
-          class: "transition-ease-in-out h-min-100 w-100 bg-white pos-relative o-scroll"
+          class: "transition-ease-in-out h-min-100 w-100 bg-white pos-relative o-y-scroll o-x-hidden"
         }, [
           vue.createVNode(ShopCart.default),
           (vue.openBlock(), vue.createBlock(vue.Suspense, null, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Client.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\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<header \n\t\t\tv-if=\"!MOBILE_APP && route.meta.header.component\"\n\t\t\tid=\"header\" \n\t\t\tclass=\"\n\t\t\t\tpd-thin \n\t\t\t\tgap-micro\n\t\t\t\tflex-justify-between\n\t\t\t\tflex-nowrap\n\t\t\t\tflex\n\t\t\t\th-4r\n\t\t\t\tw-100\n\t\t\t\tz-index-2 \n\t\t\t\tpos-relative pos-t-0\n\t\t\t\"\n\t\t\t:class=\"{\n\t \t\t't-black bg-white': headerTheme === 'light',\n\t \t\t't-white bg-black': headerTheme === 'dark' \n\t \t}\"\n\t\t>\n <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 >\n <component\n v-if=\"route.meta.navigation\"\n :is=\"route.meta.navigation\"\n class=\"mn-l-auto desktop-only\"\n />\n </component>\n\t </header>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<NavigationBar\n\t\t \tv-if=\"MOBILE_APP\"\n\t\t \t:logotype=\"route.meta.header.logotype.component\"\n\t\t />\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 h-min-100 w-100 bg-white pos-relative o-scroll\"\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=\"{'mn-b-extra': MOBILE_APP}\"\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\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\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/>\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\t<router-view \n\t\t\t\tname=\"defaultBottom\"\n\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t>\n\t\t\t\t<component \n \t\t:is=\"Component\" \n \t/>\n\t\t\t</router-view>\n\n\t\t\t<component\n\t\t \tv-if=\"route.meta.radio?.page\"\n :is=\"route.meta.radio.page\"\n />\n \n\t\t</section>\n\n\t\t<component\n\t \tv-if=\"route.meta.radio?.player\"\n :is=\"route.meta.radio.player\"\n />\n\n <BottomNavigationBar \n v-if=\"MOBILE_APP && route.meta.title_hide\"\n class=\"pd-small z-index-2\"\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 BottomNavigationBar from '@pf/src/modules/globals/views/components/partials/BottomNavigationBar.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 '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\n\t if (scrollOffset.value > 50 && !isScrolled) {\n\t isScrolled = true;\n\n\t // header.value.$el.classList.add('scrolled');\n\n\t const firstRect = header.value.$el.getBoundingClientRect();\n\t const invert = -firstRect.top;\n\n\t header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t // headerTheme.value - light\n\n\t setTimeout(() => {\n\t header.value.$el.style.transform = 'translateY(0)';\n\t }, 0);\n\t } else if (scrollOffset.value <= 75 && isScrolled) {\n\t isScrolled = false;\n\t // header.value.$el.classList.remove('scrolled');\n\n\t const firstRect = header.value.$el.getBoundingClientRect();\n\t const invert = firstRect.top;\n\n\t header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t setTimeout(() => {\n\t header.value.$el.style.transform = 'translateY(0)';\n\t }, 0);\n\t }\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\">;\t\n\t.scaleIn-enter-active,\n\t.scaleIn-leave-active {\n\t\ttransform: scale(1); \n\t\ttransition: all 0.5s ease; \n\t}\n\t.scaleIn-enter-from,\n\t.scaleIn-leave-to {\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease; \n\t}\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 > section,div { transform: translateZ(-30px); transition: all 0.5s ease; }\n transform: scale(0.95);\n }\n</style>"],"names":["ref","useRoute","globals.state","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsJE,QAAI,OAAOA,IAAG,IAAC,KAAK;AAEpB,UAAM,OAAOA,IAAG,IAAC,IAAI;AAItB,UAAM,QAAQC,UAAAA,SAAU;AAGxB,UAAM,cAAcD,IAAG,IAAC,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BE,cAAa,MAAC,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAeF,IAAG,IAAC,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAASA,IAAG,IAAC,IAAI;AAEvB,UAAM,cAAcG,IAAAA,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO;AAAA,MACV,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAIb,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,CAAC,UAAU;AAE1B,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAIvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL,WAAU,aAAa,SAAS,MAAM,YAAY;AACjD,qBAAa;AAGb,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,UAAU;AAEzB,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAEvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL;AAAA,IACJ;AAECC,QAAAA,UAAU,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;AACjBF,gBAAAA,MAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,OAAU;AACNA,gBAAa,MAAC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Client.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\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<header \n\t\t\tv-if=\"!MOBILE_APP && route.meta.header.component\"\n\t\t\tid=\"header\" \n\t\t\tclass=\"\n\t\t\t\tpd-thin \n\t\t\t\tgap-micro\n\t\t\t\tflex-justify-between\n\t\t\t\tflex-nowrap\n\t\t\t\tflex\n\t\t\t\th-4r\n\t\t\t\tw-100\n\t\t\t\tz-index-2 \n\t\t\t\tpos-relative pos-t-0\n\t\t\t\"\n\t\t\t:class=\"{\n\t \t\t't-black bg-white': headerTheme === 'light',\n\t \t\t't-white bg-black': headerTheme === 'dark' \n\t \t}\"\n\t\t>\n <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 >\n <component\n v-if=\"route.meta.navigation\"\n :is=\"route.meta.navigation\"\n class=\"mn-l-auto desktop-only\"\n />\n </component>\n\t </header>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<NavigationBar\n\t\t \tv-if=\"MOBILE_APP\"\n\t\t \t:logotype=\"route.meta.header.logotype\"\n\t\t />\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 h-min-100 w-100 bg-white pos-relative o-y-scroll o-x-hidden\"\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=\"{'mn-b-extra': MOBILE_APP}\"\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\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\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/>\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\t<router-view \n\t\t\t\tname=\"defaultBottom\"\n\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t>\n\t\t\t\t<component \n \t\t:is=\"Component\" \n \t/>\n\t\t\t</router-view>\n\n\t\t\t<component\n\t\t \tv-if=\"route.meta.radio?.page\"\n :is=\"route.meta.radio.page\"\n />\n \n\t\t</section>\n\n\t\t<component\n\t \tv-if=\"route.meta.radio?.player\"\n :is=\"route.meta.radio.player\"\n />\n\n <BottomNavigationBar \n v-if=\"MOBILE_APP && route.meta.title_hide\"\n class=\"pd-small z-index-2\"\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 BottomNavigationBar from '@pf/src/modules/globals/views/components/partials/BottomNavigationBar.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 '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\n\t if (scrollOffset.value > 50 && !isScrolled) {\n\t isScrolled = true;\n\n\t // header.value.$el.classList.add('scrolled');\n\n\t const firstRect = header.value.$el.getBoundingClientRect();\n\t const invert = -firstRect.top;\n\n\t header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t // headerTheme.value - light\n\n\t setTimeout(() => {\n\t header.value.$el.style.transform = 'translateY(0)';\n\t }, 0);\n\t } else if (scrollOffset.value <= 75 && isScrolled) {\n\t isScrolled = false;\n\t // header.value.$el.classList.remove('scrolled');\n\n\t const firstRect = header.value.$el.getBoundingClientRect();\n\t const invert = firstRect.top;\n\n\t header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t setTimeout(() => {\n\t header.value.$el.style.transform = 'translateY(0)';\n\t }, 0);\n\t }\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\">;\t\n\t.scaleIn-enter-active,\n\t.scaleIn-leave-active {\n\t\ttransform: scale(1); \n\t\ttransition: all 0.5s ease; \n\t}\n\t.scaleIn-enter-from,\n\t.scaleIn-leave-to {\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease; \n\t}\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 > section,div { transform: translateZ(-30px); transition: all 0.5s ease; }\n transform: scale(0.95);\n }\n</style>"],"names":["ref","useRoute","globals.state","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsJE,QAAI,OAAOA,IAAG,IAAC,KAAK;AAEpB,UAAM,OAAOA,IAAG,IAAC,IAAI;AAItB,UAAM,QAAQC,UAAAA,SAAU;AAGxB,UAAM,cAAcD,IAAG,IAAC,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BE,cAAa,MAAC,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAeF,IAAG,IAAC,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAASA,IAAG,IAAC,IAAI;AAEvB,UAAM,cAAcG,IAAAA,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO;AAAA,MACV,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAIb,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,CAAC,UAAU;AAE1B,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAIvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL,WAAU,aAAa,SAAS,MAAM,YAAY;AACjD,qBAAa;AAGb,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,UAAU;AAEzB,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAEvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL;AAAA,IACJ;AAECC,QAAAA,UAAU,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;AACjBF,gBAAAA,MAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,OAAU;AACNA,gBAAa,MAAC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,7 @@ import { ref, computed, onMounted, resolveComponent, openBlock, createElementBlo
 import { useRoute } from "vue-router";
 import { state } from "../../store/globals.js";
 import _sfc_main$5 from "../../../../../components/Status/Status.vue.js";
-import _sfc_main$2 from "../../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$2 from "../../../../../components/Popup/Popup.vue.js";
 import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import _sfc_main$6 from "../partials/BottomNavigationBar.vue.js";
 import _sfc_main$1 from "../partials/NavigationBar.vue.js";
@@ -125,7 +125,7 @@ const _sfc_main = {
           default: withCtx(() => [
             _ctx.MOBILE_APP ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              logotype: unref(route).meta.header.logotype.component
+              logotype: unref(route).meta.header.logotype
             }, null, 8, ["logotype"])) : createCommentVNode("", true)
           ]),
           _: 1
@@ -145,7 +145,7 @@ const _sfc_main = {
           id: "screen",
           ref: "screen",
           onScroll: handleScroll,
-          class: "transition-ease-in-out h-min-100 w-100 bg-white pos-relative o-scroll"
+          class: "transition-ease-in-out h-min-100 w-100 bg-white pos-relative o-y-scroll o-x-hidden"
         }, [
           createVNode(_sfc_main$4),
           (openBlock(), createBlock(Suspense, null, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\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<header \n\t\t\tv-if=\"!MOBILE_APP && route.meta.header.component\"\n\t\t\tid=\"header\" \n\t\t\tclass=\"\n\t\t\t\tpd-thin \n\t\t\t\tgap-micro\n\t\t\t\tflex-justify-between\n\t\t\t\tflex-nowrap\n\t\t\t\tflex\n\t\t\t\th-4r\n\t\t\t\tw-100\n\t\t\t\tz-index-2 \n\t\t\t\tpos-relative pos-t-0\n\t\t\t\"\n\t\t\t:class=\"{\n\t \t\t't-black bg-white': headerTheme === 'light',\n\t \t\t't-white bg-black': headerTheme === 'dark' \n\t \t}\"\n\t\t>\n <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 >\n <component\n v-if=\"route.meta.navigation\"\n :is=\"route.meta.navigation\"\n class=\"mn-l-auto desktop-only\"\n />\n </component>\n\t </header>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<NavigationBar\n\t\t \tv-if=\"MOBILE_APP\"\n\t\t \t:logotype=\"route.meta.header.logotype.component\"\n\t\t />\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 h-min-100 w-100 bg-white pos-relative o-scroll\"\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=\"{'mn-b-extra': MOBILE_APP}\"\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\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\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/>\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\t<router-view \n\t\t\t\tname=\"defaultBottom\"\n\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t>\n\t\t\t\t<component \n \t\t:is=\"Component\" \n \t/>\n\t\t\t</router-view>\n\n\t\t\t<component\n\t\t \tv-if=\"route.meta.radio?.page\"\n :is=\"route.meta.radio.page\"\n />\n \n\t\t</section>\n\n\t\t<component\n\t \tv-if=\"route.meta.radio?.player\"\n :is=\"route.meta.radio.player\"\n />\n\n <BottomNavigationBar \n v-if=\"MOBILE_APP && route.meta.title_hide\"\n class=\"pd-small z-index-2\"\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 BottomNavigationBar from '@pf/src/modules/globals/views/components/partials/BottomNavigationBar.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 '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\n\t if (scrollOffset.value > 50 && !isScrolled) {\n\t isScrolled = true;\n\n\t // header.value.$el.classList.add('scrolled');\n\n\t const firstRect = header.value.$el.getBoundingClientRect();\n\t const invert = -firstRect.top;\n\n\t header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t // headerTheme.value - light\n\n\t setTimeout(() => {\n\t header.value.$el.style.transform = 'translateY(0)';\n\t }, 0);\n\t } else if (scrollOffset.value <= 75 && isScrolled) {\n\t isScrolled = false;\n\t // header.value.$el.classList.remove('scrolled');\n\n\t const firstRect = header.value.$el.getBoundingClientRect();\n\t const invert = firstRect.top;\n\n\t header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t setTimeout(() => {\n\t header.value.$el.style.transform = 'translateY(0)';\n\t }, 0);\n\t }\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\">;\t\n\t.scaleIn-enter-active,\n\t.scaleIn-leave-active {\n\t\ttransform: scale(1); \n\t\ttransition: all 0.5s ease; \n\t}\n\t.scaleIn-enter-from,\n\t.scaleIn-leave-to {\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease; \n\t}\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 > section,div { transform: translateZ(-30px); transition: all 0.5s ease; }\n transform: scale(0.95);\n }\n</style>"],"names":["globals.state"],"mappings":";;;;;;;;;;;;;;;;;;AAsJE,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAItB,UAAM,QAAQ,SAAU;AAGxB,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BA,YAAc,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAe,IAAI,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,cAAc,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO;AAAA,MACV,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAIb,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,CAAC,UAAU;AAE1B,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAIvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL,WAAU,aAAa,SAAS,MAAM,YAAY;AACjD,qBAAa;AAGb,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,UAAU;AAEzB,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAEvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL;AAAA,IACJ;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\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<header \n\t\t\tv-if=\"!MOBILE_APP && route.meta.header.component\"\n\t\t\tid=\"header\" \n\t\t\tclass=\"\n\t\t\t\tpd-thin \n\t\t\t\tgap-micro\n\t\t\t\tflex-justify-between\n\t\t\t\tflex-nowrap\n\t\t\t\tflex\n\t\t\t\th-4r\n\t\t\t\tw-100\n\t\t\t\tz-index-2 \n\t\t\t\tpos-relative pos-t-0\n\t\t\t\"\n\t\t\t:class=\"{\n\t \t\t't-black bg-white': headerTheme === 'light',\n\t \t\t't-white bg-black': headerTheme === 'dark' \n\t \t}\"\n\t\t>\n <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 >\n <component\n v-if=\"route.meta.navigation\"\n :is=\"route.meta.navigation\"\n class=\"mn-l-auto desktop-only\"\n />\n </component>\n\t </header>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<NavigationBar\n\t\t \tv-if=\"MOBILE_APP\"\n\t\t \t:logotype=\"route.meta.header.logotype\"\n\t\t />\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 h-min-100 w-100 bg-white pos-relative o-y-scroll o-x-hidden\"\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=\"{'mn-b-extra': MOBILE_APP}\"\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\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\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/>\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\t<router-view \n\t\t\t\tname=\"defaultBottom\"\n\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t>\n\t\t\t\t<component \n \t\t:is=\"Component\" \n \t/>\n\t\t\t</router-view>\n\n\t\t\t<component\n\t\t \tv-if=\"route.meta.radio?.page\"\n :is=\"route.meta.radio.page\"\n />\n \n\t\t</section>\n\n\t\t<component\n\t \tv-if=\"route.meta.radio?.player\"\n :is=\"route.meta.radio.player\"\n />\n\n <BottomNavigationBar \n v-if=\"MOBILE_APP && route.meta.title_hide\"\n class=\"pd-small z-index-2\"\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 BottomNavigationBar from '@pf/src/modules/globals/views/components/partials/BottomNavigationBar.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 '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\n\t if (scrollOffset.value > 50 && !isScrolled) {\n\t isScrolled = true;\n\n\t // header.value.$el.classList.add('scrolled');\n\n\t const firstRect = header.value.$el.getBoundingClientRect();\n\t const invert = -firstRect.top;\n\n\t header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t // headerTheme.value - light\n\n\t setTimeout(() => {\n\t header.value.$el.style.transform = 'translateY(0)';\n\t }, 0);\n\t } else if (scrollOffset.value <= 75 && isScrolled) {\n\t isScrolled = false;\n\t // header.value.$el.classList.remove('scrolled');\n\n\t const firstRect = header.value.$el.getBoundingClientRect();\n\t const invert = firstRect.top;\n\n\t header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t setTimeout(() => {\n\t header.value.$el.style.transform = 'translateY(0)';\n\t }, 0);\n\t }\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\">;\t\n\t.scaleIn-enter-active,\n\t.scaleIn-leave-active {\n\t\ttransform: scale(1); \n\t\ttransition: all 0.5s ease; \n\t}\n\t.scaleIn-enter-from,\n\t.scaleIn-leave-to {\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease; \n\t}\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 > section,div { transform: translateZ(-30px); transition: all 0.5s ease; }\n transform: scale(0.95);\n }\n</style>"],"names":["globals.state"],"mappings":";;;;;;;;;;;;;;;;;;AAsJE,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAItB,UAAM,QAAQ,SAAU;AAGxB,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BA,YAAc,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAe,IAAI,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,cAAc,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO;AAAA,MACV,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAIb,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,CAAC,UAAU;AAE1B,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAIvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL,WAAU,aAAa,SAAS,MAAM,YAAY;AACjD,qBAAa;AAGb,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,UAAU;AAEzB,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAEvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL;AAAA,IACJ;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,8 +7,8 @@ const globals = require("../../store/globals.cjs");
 const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
 ;/* empty css                 */
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
-const Select = require("../../../../../components/Select/Select.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.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");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
@@ -81,12 +81,12 @@ const _sfc_main = {
               }, null, 2)
             ], 2)
           ], 2),
-          __props.logotype.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.logotype.component), {
+          __props.logotype ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.logotype), {
             key: 0,
             onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(router).push({ path: "/" })),
             theme: __props.theme,
-            class: vue.normalizeClass(__props.logotype.class)
-          }, null, 8, ["theme", "class"])) : vue.createCommentVNode("", true),
+            class: "cursor-pointer"
+          }, null, 8, ["theme"])) : vue.createCommentVNode("", true),
           __props.location ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 1,
             "aria-label": "button_location",

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

	@@ -1 +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\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=\"mobile-only 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~~.component~~\"\n\t\t :is=\"logotype~~.component~~\"\n\t\t @click=\"router.push({ path: '/' })\" \n\t\t :theme=\"theme\"\n\t\t :class=\"~~logotype.class~~\"\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<slot></slot>\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: '🌎 En', value: 'en'}, {name: '🇷🇺 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</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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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\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=\"mobile-only 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<slot></slot>\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: '🌎 En', value: 'en'}, {name: '🇷🇺 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</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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,8 +5,8 @@ import { state, actions as actions$1 } from "../../store/globals.js";
 import { actions, getters } from "../../../../orders/store/shopcart.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
 /* empty css               */
-import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
-import Select from "../../../../../components/Select/Select.vue2.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.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";
 import _sfc_main$4 from "../../../../icons/entities/IconProfile.vue.js";
@@ -79,12 +79,12 @@ const _sfc_main = {
               }, null, 2)
             ], 2)
           ], 2),
-          __props.logotype.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.logotype.component), {
+          __props.logotype ? (openBlock(), createBlock(resolveDynamicComponent(__props.logotype), {
             key: 0,
             onClick: _cache[1] || (_cache[1] = ($event) => unref(router).push({ path: "/" })),
             theme: __props.theme,
-            class: normalizeClass(__props.logotype.class)
-          }, null, 8, ["theme", "class"])) : createCommentVNode("", true),
+            class: "cursor-pointer"
+          }, null, 8, ["theme"])) : createCommentVNode("", true),
           __props.location ? (openBlock(), createElementBlock("button", {
             key: 1,
             "aria-label": "button_location",

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

	@@ -1 +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\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=\"mobile-only 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~~.component~~\"\n\t\t :is=\"logotype~~.component~~\"\n\t\t @click=\"router.push({ path: '/' })\" \n\t\t :theme=\"theme\"\n\t\t :class=\"~~logotype.class~~\"\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<slot></slot>\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: '🌎 En', value: 'en'}, {name: '🇷🇺 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</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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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\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=\"mobile-only 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<slot></slot>\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: '🌎 En', value: 'en'}, {name: '🇷🇺 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</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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -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.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 require("../../store/globals.cjs");
 const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
@@ -113,8 +113,7 @@ const _sfc_main = {
             }, [
               props.logotype && vue.unref(route).meta.title_hide ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.logotype), {
                 key: 0,
-                theme: __props.theme,
-                class: "h-2r w-auto cursor-pointer"
+                theme: __props.theme
               }, null, 8, ["theme"])) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(vue.unref(route).meta.title[vue.unref(locale).toLowerCase()]), 1))
             ]))
           ]),

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

	@@ -1 +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 br-b br-solid br-black-transp flex-center flex t-center pd-medium bg-white\"\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 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\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=\"header-profile 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=\"i-semi header-arrow\"\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_hide\" 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 ~~class=\"\n\t\t\t\t h-2r\n\t\t\t\t w-auto\n\t\t\t\t cursor-pointer\n\t\t\t\t \"\n\t\t\t\t~~/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r h4 d-block\" >\n\t\t\t\t\t{{route.meta.title[locale.toLowerCase()]}}\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 } 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\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-arrow {\n\t\tposition: absolute;\n\t\tleft: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-profile {\n\t\tposition: absolute;\n\t\tright: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t\theight: 2rem;\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(50px);\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","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA6EC~~,UAAM,QAAQ;AAUd,UAAM,SAASA,UAAAA,UAAW;AAC1B,UAAM,QAAQC,UAAAA,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAGC,QAAO,QAAA;AAEjD,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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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 br-b br-solid br-black-transp flex-center flex t-center pd-medium bg-white\"\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 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\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=\"header-profile 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=\"i-semi header-arrow\"\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_hide\" 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 h4 d-block\" >\n\t\t\t\t\t{{route.meta.title[locale.toLowerCase()]}}\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 } 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\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-arrow {\n\t\tposition: absolute;\n\t\tleft: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-profile {\n\t\tposition: absolute;\n\t\tright: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t\theight: 2rem;\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(50px);\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","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEC,UAAM,QAAQ;AAUd,UAAM,SAASA,UAAAA,UAAW;AAC1B,UAAM,QAAQC,UAAAA,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAGC,QAAO,QAAA;AAEjD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,7 +3,7 @@ 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.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import "../../store/globals.js";
 import { actions, getters } from "../../../../orders/store/shopcart.js";
 import { state } from "../../../../auth/views/store/auth.js";
@@ -111,8 +111,7 @@ const _sfc_main = {
             }, [
               props.logotype && unref(route).meta.title_hide ? (openBlock(), createBlock(resolveDynamicComponent(props.logotype), {
                 key: 0,
-                theme: __props.theme,
-                class: "h-2r w-auto cursor-pointer"
+                theme: __props.theme
               }, null, 8, ["theme"])) : (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(route).meta.title[unref(locale).toLowerCase()]), 1))
             ]))
           ]),

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

	@@ -1 +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 br-b br-solid br-black-transp flex-center flex t-center pd-medium bg-white\"\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 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\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=\"header-profile 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=\"i-semi header-arrow\"\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_hide\" 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 ~~class=\"\n\t\t\t\t h-2r\n\t\t\t\t w-auto\n\t\t\t\t cursor-pointer\n\t\t\t\t \"\n\t\t\t\t~~/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r h4 d-block\" >\n\t\t\t\t\t{{route.meta.title[locale.toLowerCase()]}}\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 } 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\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-arrow {\n\t\tposition: absolute;\n\t\tleft: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-profile {\n\t\tposition: absolute;\n\t\tright: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t\theight: 2rem;\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(50px);\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":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA6EC~~,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAW;AAC1B,UAAM,QAAQ,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAG,QAAO;AAEjD,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,UAAIA,MAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,MAAW,KAAK,IAAK,EAAA,CAAC;AAAA,MACzE;AAAA,IACD~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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 br-b br-solid br-black-transp flex-center flex t-center pd-medium bg-white\"\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 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\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=\"header-profile 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=\"i-semi header-arrow\"\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_hide\" 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 h4 d-block\" >\n\t\t\t\t\t{{route.meta.title[locale.toLowerCase()]}}\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 } 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\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-arrow {\n\t\tposition: absolute;\n\t\tleft: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-profile {\n\t\tposition: absolute;\n\t\tright: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t\theight: 2rem;\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(50px);\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":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEC,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAW;AAC1B,UAAM,QAAQ,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAG,QAAO;AAEjD,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,UAAIA,MAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,MAAW,KAAK,IAAK,EAAA,CAAC;AAAA,MACzE;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../../components/Menu/Menu.vue2.cjs");
+const Menu = require("../../../../../components/Menu/Menu.vue.cjs");
 const MenuItem = require("../../../../../components/Menu/MenuItem.vue.cjs");
 const clickOutside = require("../../../../../components/FieldPhone/click-outside.cjs");
 const vueRouter = require("vue-router");

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

@@ -1,5 +1,5 @@
 import { ref, watch, withDirectives, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createBlock, withCtx, unref, createCommentVNode } from "vue";
-import _sfc_main$2 from "../../../../../components/Menu/Menu.vue2.js";
+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";

package/dist/prometheus-framework/src/modules/legal/components/pages/Legal.vue.cjs CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                       */
+;/* empty css                                        */
 ;/* empty css                                         */
-;/* empty css                                         */
-const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
+;/* empty css                                          */
+const Menu = require("../../../../components/Menu/Menu.vue.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 const vueRouter = require("vue-router");
 require("../../../auth/views/store/auth.cjs");

package/dist/prometheus-framework/src/modules/legal/components/pages/Legal.vue.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { ref, openBlock, createElementBlock, createVNode, withCtx, unref, createStaticVNode, createElementVNode } from "vue";
-/* empty css                                     */
+/* empty css                                      */
 /* empty css                                       */
-/* empty css                                       */
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
+/* empty css                                        */
+import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import "../../../auth/views/store/auth.js";