@ozdao/prometheus-framework 0.2.212 → 0.2.213

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

@@ -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 NavigationBar = require("../partials/NavigationBar.vue.cjs");
 const LocationSelection = require("../partials/LocationSelection.vue.cjs");
@@ -41,7 +41,6 @@ const _sfc_main = {
       scrollOffset.value = event.target.scrollTop;
       if (scrollOffset.value > 50 && !isScrolled) {
         isScrolled = true;
-        header.value.$el.classList.add("scrolled");
         const firstRect = header.value.$el.getBoundingClientRect();
         const invert = -firstRect.top;
         header.value.$el.style.transform = `translateY(${invert}px)`;
@@ -50,7 +49,6 @@ const _sfc_main = {
         }, 0);
       } else if (scrollOffset.value <= 75 && isScrolled) {
         isScrolled = false;
-        header.value.$el.classList.remove("scrolled");
         const firstRect = header.value.$el.getBoundingClientRect();
         const invert = firstRect.top;
         header.value.$el.style.transform = `translateY(${invert}px)`;
@@ -81,6 +79,7 @@ const _sfc_main = {
       if (page.value) show.value = true;
     });
     return (_ctx, _cache) => {
+      var _a, _b;
       const _component_router_view = vue.resolveComponent("router-view");
       const _component_BottomNavigation = vue.resolveComponent("BottomNavigation");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
@@ -135,7 +134,8 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        vue.createVNode(Popup.default, {
+        vue.unref(route).meta.header.location ? (vue.openBlock(), vue.createBlock(Popup.default, {
+          key: 1,
           onClosePopup: closeLocationPopup,
           isPopupOpen: globals.state.isOpenLocationPopup,
           class: "bg-white pd-semi w-m-33r radius-big"
@@ -144,7 +144,7 @@ const _sfc_main = {
             vue.createVNode(LocationSelection.default)
           ]),
           _: 1
-        }, 8, ["isPopupOpen"]),
+        }, 8, ["isPopupOpen"])) : vue.createCommentVNode("", true),
         vue.createElementVNode("section", {
           id: "screen",
           ref: "screen",
@@ -183,10 +183,18 @@ const _sfc_main = {
               }, 8, ["class"])
             ]),
             _: 1
-          }))
+          })),
+          vue.createVNode(_component_router_view, { name: "defaultBottom" }, {
+            default: vue.withCtx(({ Component, route: route2 }) => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component)))
+            ]),
+            _: 1
+          }),
+          ((_a = vue.unref(route).meta.radio) == null ? void 0 : _a.page) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(route).meta.radio.page), { key: 0 })) : vue.createCommentVNode("", true)
         ], 544),
+        ((_b = vue.unref(route).meta.radio) == null ? void 0 : _b.player) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(route).meta.radio.player), { key: 2 })) : vue.createCommentVNode("", true),
         _ctx.MOBILE_APP && vue.unref(route).meta.title_hide ? (vue.openBlock(), vue.createBlock(_component_BottomNavigation, {
-          key: 1,
+          key: 3,
           class: "pd-small z-index-2"
         })) : vue.createCommentVNode("", true)
       ]);

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

@@ -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<!-- <transition name=\"moveFromTop\" mode=\"out-in\" appear> -->\n\t\t\t<header \n\t\t\t\tid=\"header\" \n\t\t\t\tv-if=\"route.meta.header.component\"\n\t\t\t\tclass=\"\n\t\t\t\t\tpd-thin \n\t\t\t\t\tgap-micro\n\t\t\t\t\tflex-justify-between\n\t\t\t\t\tflex-nowrap\n\t\t\t\t\tflex\n\t\t\t\t\th-4r\n\t\t\t\t\tw-100\n\t\t\t\t\tz-index-2 \n\t\t\t\t\tpos-relative pos-t-0\n\t\t\t\t\"\n\t\t\t\t:class=\"{\n\t\t  \t\t't-black bg-white': headerTheme === 'light',\n\t\t  \t\t't-white bg-black': headerTheme === 'dark'  \n\t\t  \t}\"\n\t\t\t>\n\t      <component\n\t\t\t  \tv-if=\"!MOBILE_APP\"\n\t        :is=\"route.meta.header.component\"\n\t        ref=\"header\" \n\t        :theme=\"headerTheme\"\n\t        :logotype=\"route.meta.header.logotype\"\n\t        :location=\"route.meta.header.location\"\n\t      >\n\t        <component\n\t          v-if=\"route.meta.navigation\"\n\t          :is=\"route.meta.navigation\"\n\t          class=\"mn-l-auto desktop-only\"\n\t        />\n\t      </component>\n\t\t  </header>\n    <!-- </transition> -->\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.logotype\"\n\t\t\t\t:style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n\t\t  />\n\t\t</transition>\n\n\t  <Popup \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</section>\n\n    <BottomNavigation \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\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\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\t// if (typeof window === 'undefined') {\n\t//   show.value = true\n\t// } else {\n\t// \tshow.value = false\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":";;;;;;;;;;;;;;;;;;;AAsIE,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;AACD,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAEb,eAAO,MAAM,IAAI,UAAU,IAAI,UAAU;AAEzC,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;AACb,eAAO,MAAM,IAAI,UAAU,OAAO,UAAU;AAE5C,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;AAUCC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\tid=\"header\" \n\t\t\tv-if=\"route.meta.header.component\"\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\t\t  \tv-if=\"!MOBILE_APP\"\n        :is=\"route.meta.header.component\"\n        ref=\"header\" \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.logotype\"\n\t\t\t\t:style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \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    <BottomNavigation \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":";;;;;;;;;;;;;;;;;;;AAwJE,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

@@ -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$1 from "../partials/NavigationBar.vue.js";
 import _sfc_main$3 from "../partials/LocationSelection.vue.js";
@@ -39,7 +39,6 @@ const _sfc_main = {
       scrollOffset.value = event.target.scrollTop;
       if (scrollOffset.value > 50 && !isScrolled) {
         isScrolled = true;
-        header.value.$el.classList.add("scrolled");
         const firstRect = header.value.$el.getBoundingClientRect();
         const invert = -firstRect.top;
         header.value.$el.style.transform = `translateY(${invert}px)`;
@@ -48,7 +47,6 @@ const _sfc_main = {
         }, 0);
       } else if (scrollOffset.value <= 75 && isScrolled) {
         isScrolled = false;
-        header.value.$el.classList.remove("scrolled");
         const firstRect = header.value.$el.getBoundingClientRect();
         const invert = firstRect.top;
         header.value.$el.style.transform = `translateY(${invert}px)`;
@@ -79,6 +77,7 @@ const _sfc_main = {
       if (page.value) show.value = true;
     });
     return (_ctx, _cache) => {
+      var _a, _b;
       const _component_router_view = resolveComponent("router-view");
       const _component_BottomNavigation = resolveComponent("BottomNavigation");
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -133,7 +132,8 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$2, {
+        unref(route).meta.header.location ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 1,
           onClosePopup: closeLocationPopup,
           isPopupOpen: state.isOpenLocationPopup,
           class: "bg-white pd-semi w-m-33r radius-big"
@@ -142,7 +142,7 @@ const _sfc_main = {
             createVNode(_sfc_main$3)
           ]),
           _: 1
-        }, 8, ["isPopupOpen"]),
+        }, 8, ["isPopupOpen"])) : createCommentVNode("", true),
         createElementVNode("section", {
           id: "screen",
           ref: "screen",
@@ -181,10 +181,18 @@ const _sfc_main = {
               }, 8, ["class"])
             ]),
             _: 1
-          }))
+          })),
+          createVNode(_component_router_view, { name: "defaultBottom" }, {
+            default: withCtx(({ Component, route: route2 }) => [
+              (openBlock(), createBlock(resolveDynamicComponent(Component)))
+            ]),
+            _: 1
+          }),
+          ((_a = unref(route).meta.radio) == null ? void 0 : _a.page) ? (openBlock(), createBlock(resolveDynamicComponent(unref(route).meta.radio.page), { key: 0 })) : createCommentVNode("", true)
         ], 544),
+        ((_b = unref(route).meta.radio) == null ? void 0 : _b.player) ? (openBlock(), createBlock(resolveDynamicComponent(unref(route).meta.radio.player), { key: 2 })) : createCommentVNode("", true),
         _ctx.MOBILE_APP && unref(route).meta.title_hide ? (openBlock(), createBlock(_component_BottomNavigation, {
-          key: 1,
+          key: 3,
           class: "pd-small z-index-2"
         })) : createCommentVNode("", true)
       ]);

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

@@ -1 +1 @@
-{"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div 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<!-- <transition name=\"moveFromTop\" mode=\"out-in\" appear> -->\n\t\t\t<header \n\t\t\t\tid=\"header\" \n\t\t\t\tv-if=\"route.meta.header.component\"\n\t\t\t\tclass=\"\n\t\t\t\t\tpd-thin \n\t\t\t\t\tgap-micro\n\t\t\t\t\tflex-justify-between\n\t\t\t\t\tflex-nowrap\n\t\t\t\t\tflex\n\t\t\t\t\th-4r\n\t\t\t\t\tw-100\n\t\t\t\t\tz-index-2 \n\t\t\t\t\tpos-relative pos-t-0\n\t\t\t\t\"\n\t\t\t\t:class=\"{\n\t\t  \t\t't-black bg-white': headerTheme === 'light',\n\t\t  \t\t't-white bg-black': headerTheme === 'dark'  \n\t\t  \t}\"\n\t\t\t>\n\t      <component\n\t\t\t  \tv-if=\"!MOBILE_APP\"\n\t        :is=\"route.meta.header.component\"\n\t        ref=\"header\" \n\t        :theme=\"headerTheme\"\n\t        :logotype=\"route.meta.header.logotype\"\n\t        :location=\"route.meta.header.location\"\n\t      >\n\t        <component\n\t          v-if=\"route.meta.navigation\"\n\t          :is=\"route.meta.navigation\"\n\t          class=\"mn-l-auto desktop-only\"\n\t        />\n\t      </component>\n\t\t  </header>\n    <!-- </transition> -->\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.logotype\"\n\t\t\t\t:style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n\t\t  />\n\t\t</transition>\n\n\t  <Popup \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</section>\n\n    <BottomNavigation \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\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\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\t// if (typeof window === 'undefined') {\n\t//   show.value = true\n\t// } else {\n\t// \tshow.value = false\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":";;;;;;;;;;;;;;;;;AAsIE,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;AACD,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAEb,eAAO,MAAM,IAAI,UAAU,IAAI,UAAU;AAEzC,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;AACb,eAAO,MAAM,IAAI,UAAU,OAAO,UAAU;AAE5C,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;AAUC,cAAU,YAAY;AAErB,UAAI,mBAAmB,WAAW;AAC/B,eAAO,iBAAiB,QAAQ,MAAM;AACpC,oBAAU,cAAc,SAAS,oBAAoB,EAAE,KAAK,kBAAgB;AAC1E,oBAAQ,IAAI,mBAAmB,YAAY;AAAA,UACpD,CAAQ,EAAE,MAAM,uBAAqB;AAC5B,oBAAQ,IAAI,4BAA4B,iBAAiB;AAAA,UAClE,CAAQ;AAAA,QACR,CAAK;AAAA,MACD;AAEF,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBA,cAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,OAAU;AACNA,cAAc,sBAAsB;AAAA,MACpC;AAEF,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACtD;AAED,UAAI,KAAK,MAAO,MAAK,QAAQ;AAAA,IAC/B,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div 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\tid=\"header\" \n\t\t\tv-if=\"route.meta.header.component\"\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\t\t  \tv-if=\"!MOBILE_APP\"\n        :is=\"route.meta.header.component\"\n        ref=\"header\" \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.logotype\"\n\t\t\t\t:style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \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    <BottomNavigation \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":";;;;;;;;;;;;;;;;;AAwJE,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

@@ -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.vue.cjs");
-const Select = require("../../../../../components/Select/Select.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Select = require("../../../../../components/Select/Select.vue.cjs");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");

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

@@ -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.vue.js";
-import Select from "../../../../../components/Select/Select.vue2.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
+import Select from "../../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$4 from "../../../../icons/entities/IconProfile.vue.js";

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

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

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

@@ -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.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import "../../store/globals.js";
 import { actions, getters } from "../../../../orders/store/shopcart.js";
 import { state } from "../../../../auth/views/store/auth.js";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../../components/Menu/Menu.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

@@ -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/globals/views/components/sections/SectionPageTitle.vue.cjs

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

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

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

package/dist/prometheus-framework/src/modules/globals/views/store/globals.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
+const index = require("../../../../../node_modules/@capacitor/preferences/dist/esm/index.cjs");
 const state = vue.reactive({
   loading: false,
   isOpenLocationPopup: false,
@@ -24,10 +25,18 @@ const actions = {
     state.loading = status;
   },
   // Black/White Theme
-  toggleTheme() {
+  async setTheme(isDarkMode) {
     let root = document.querySelector(":root");
-    state.theme.darkmode = !state.theme.darkmode;
-    root.classList.toggle("dark-theme");
+    state.theme.darkmode = isDarkMode;
+    await index.Preferences.set({
+      key: "darkmode",
+      value: JSON.stringify(state.theme.darkmode)
+    });
+    if (isDarkMode) {
+      root.classList.add("dark-theme");
+    } else {
+      root.classList.remove("dark-theme");
+    }
     const variableNames = [
       "--white",
       "--light",
@@ -42,7 +51,50 @@ const actions = {
         state.theme.originalColors[variableName] = currentColor;
       });
     }
-    invertColors(variableNames, state.theme.originalColors);
+    if (isDarkMode) {
+      invertColors(variableNames, state.theme.originalColors);
+    } else {
+      variableNames.forEach((variableName) => {
+        document.documentElement.style.setProperty(variableName, state.theme.originalColors[variableName]);
+      });
+    }
+  },
+  setTheme(isDarkMode) {
+    let root = document.querySelector(":root");
+    state.theme.darkmode = isDarkMode;
+    index.Preferences.set({
+      key: "darkmode",
+      value: JSON.stringify(state.theme.darkmode)
+    });
+    if (isDarkMode) {
+      root.classList.add("dark-theme");
+    } else {
+      root.classList.remove("dark-theme");
+    }
+    const variableNames = [
+      "--white",
+      "--light",
+      "--grey",
+      "--dark",
+      "--black"
+    ];
+    if (!state.theme.originalColors) {
+      state.theme.originalColors = {};
+      variableNames.forEach((variableName) => {
+        const currentColor = getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();
+        state.theme.originalColors[variableName] = currentColor;
+      });
+    }
+    if (isDarkMode) {
+      invertColors(variableNames, state.theme.originalColors);
+    } else {
+      variableNames.forEach((variableName) => {
+        document.documentElement.style.setProperty(variableName, state.theme.originalColors[variableName]);
+      });
+    }
+  },
+  toggleTheme() {
+    this.setTheme(!state.theme.darkmode);
   },
   add(array, item) {
     const existingItemIndex = array.findIndex((i) => i._id === item._id);

package/dist/prometheus-framework/src/modules/globals/views/store/globals.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"globals.cjs","sources":["../../../../../../../src/modules/globals/views/store/globals.js"],"sourcesContent":["// Vue modules\nimport { reactive, computed } from \"vue\";\n\n// import i18n from \"@/localization\";\n\n// State\nconst state = reactive({\n  loading: false,\n\n  isOpenLocationPopup: false,\n  isOpenSidebar: false,\n\n  position: null,\n  search: null,\n\n  theme: {\n    darkmode: false\n  },\n\n  error: {\n    status: \"\",\n    headers: \"\",\n    data: \"\",\n    show: \"\",\n    name: \"\",\n    message: \"\"\n  }\n});\n\n// Actions\nconst actions = {\n  setLoading(status) {\n    state.loading = status\n  },\n\n  // Black/White Theme\n  toggleTheme() {\n    let root = document.querySelector(\":root\");\n\n    state.theme.darkmode = !state.theme.darkmode\n\n    root.classList.toggle('dark-theme');\n\n    const variableNames = [\n      '--white',\n      '--light',\n      '--grey',\n      '--dark',\n      '--black'\n    ];\n\n    // Проверяем, сохранены ли оригинальные цвета\n    if (!state.theme.originalColors) {\n      // Сохраняем оригинальные цвета\n      state.theme.originalColors = {};\n\n      variableNames.forEach(variableName => {\n        const currentColor = getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();\n        state.theme.originalColors[variableName] = currentColor;\n      });\n    }\n\n    invertColors(variableNames, state.theme.originalColors);\n  },\n\n  add(array, item) {\n    const existingItemIndex = array.findIndex(i => i._id === item._id);\n\n    if (existingItemIndex === -1) {\n      array.push(item);\n    } else {\n      array[existingItemIndex] = item\n    }\n  },\n  update(array, item) {\n    const existingItemIndex = array.findIndex(i => i._id === item._id);\n    if (existingItemIndex === -1) {\n      // If the item doesn't exist, push it to the array\n      array.push(item);\n    } else {\n      // Update the item in the array without creating a new array\n      Object.assign(array[existingItemIndex], item);\n    }\n  },\n  delete(array, item) {\n    const existingItemIndex = array.findIndex(c => c._id === item._id);\n\n    if (existingItemIndex !== -1) {\n      array.splice(existingItemIndex, 1);\n    }\n  }, \n\n\n  increment(array, item) {\n    console.log(array)\n    console.log(item)\n    const arrayItem = array.find(\n      (i) => i._id === item._id\n    );\n\n    if (arrayItem) {\n      arrayItem.quantity++;\n    }\n  },\n\n  decrement(array, item) {\n    const arrayItem = array.find(\n      (i) => i._id === item._id\n    );\n\n    const arrayItemIndex = array.indexOf(arrayItem);\n    \n    if (arrayItemIndex > -1) {\n      arrayItem.quantity--;\n      \n      if (arrayItem.quantity < 1) array.splice(arrayItemIndex, 1);\n    }\n  },\n\n  reset(array) {\n    array = [];\n  },\n}\n\nconst errorMessages = {\n  ru: {\n    \"errors\": {\n      \"USER_ALREADY_REGISTERED\": \"Такой пользователь уже зарегистрирован!\",\n      \"USER_NOT_REGISTERED_YET\": \"Такой пользователь еще не зарегистрирован!\",\n      \"USER_PHONE_OR_PASSWORD_NOT_FOUND\": \"Пользователь с таким телефоном или паролем не найден!\",\n      \"INCORRECT_PASSWORD_ENTERED\": \"Вы ввели неверный пароль!\",\n      \"INVALID_INVITATION_CODE\": \"Неверный код приглашения\",\n      \"MISSING_REQUIRED_PARAMETERS\": \"Отсутствуют необходимые параметры.\",\n      \"ERROR_UPDATING_USER\": \"Произошла ошибка при обновлении пользователя.\",\n      \"PASSWORDS_DO_NOT_MATCH\": \"Введенные вами пароли не совпадают. Исправьте ошибки и попробуйте еще раз.\",\n      \"CODE_NOT_SENT\": \"Что-то пошло не так и код не был отправлен. Попробуйте еще раз.\",\n      \"INPUT_ERROR\": \"Вставьте только четырехзначный код.\",\n      \"WRONG_CODE\": \"Вы ввели неверный код. Попробуйте еще раз.\",\n      \"POST_URL_ALREADY_IN_USE\": \"Ошибка! Публикация с этим URL уже используется!\",\n      \"NAME_CANNOT_BE_EMPTY\": \"Ошибка: Название не может быть пустым. Пожалуйста, введите название.\"\n    }\n  },\n  en: {\n    \"errors\": {\n      \"USER_ALREADY_REGISTERED\": \"Such user is already registered!\",\n      \"USER_NOT_REGISTERED_YET\": \"This user has not been registered yet!\",\n      \"USER_PHONE_OR_PASSWORD_NOT_FOUND\": \"User with such phone or password not found!\",\n      \"INCORRECT_PASSWORD_ENTERED\": \"You entered an incorrect password!\",\n      \"INVALID_INVITATION_CODE\": \"Incorrect invitation code.\",\n      \"MISSING_REQUIRED_PARAMETERS\": \"Missing required parameters.\",\n      \"ERROR_UPDATING_USER\": \"Something wrong when updating user.\",\n      \"PASSWORDS_DO_NOT_MATCH\": \"The passwords you entered do not match. Please correct the errors and try again.\",\n      \"CODE_NOT_SENT\": \"Something went wrong and the code was not sent. Please try again.\",\n      \"INPUT_ERROR\": \"Please enter only a four-digit code.\",\n      \"WRONG_CODE\": \"You entered an incorrect code. Please try again.\",\n      \"POST_URL_ALREADY_IN_USE\": \"Failed! Blogpost with this URL is already in use!\",\n      \"NAME_CANNOT_BE_EMPTY\": \"Error: Name cannot be empty. Please enter a name.\"\n    }\n  }\n};\n\n// i18n.global.mergeLocaleMessage('ru', errorMessages.ru);\n// i18n.global.mergeLocaleMessage('en', errorMessages.en);\n\n// Mutations\nfunction setError(error) {\n  let errorData \n\n  errorData = error\n\n  if (error?.response?.data) errorData = error.response.data\n\n  if (error && errorData.errorCode) {\n    state.error.message = i18n.global.t(`errors.${errorData.errorCode}`);\n  } else {\n    state.error.message = errorData.message || \"Unknown error\";\n  }\n\n  state.error.show = true;\n\n  setTimeout(() => state.error.show = false, 3000);\n}\n\nfunction invertColors(variableNames, originalColors) {\n  variableNames.forEach(variableName => {\n    const baseColor = originalColors[variableName];\n    const colorArray = baseColor.split(',').map(Number);\n\n    let invertedColor;\n\n    if (variableName === '--white') {\n      invertedColor = colorArray.map(value => 255 - value / 1.075);\n    } else if (variableName === '--black') {\n      invertedColor = colorArray.map(value => 255 - value); \n    } else if (variableName === '--grey') {\n      invertedColor = colorArray.map(value => 255 - value * 2);\n    } else {\n      invertedColor = colorArray.map(value => 255 - value / 1.075);\n    }\n    // Устанавливаем новые значения переменных CSS\n    document.documentElement.style.setProperty(variableName, state.theme.darkmode ? invertedColor.join(', ') : baseColor );\n  });\n}\n\nexport {\n  state,\n  actions,\n  setError,\n}"],"names":["reactive"],"mappings":"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"}
+{"version":3,"file":"globals.cjs","sources":["../../../../../../../src/modules/globals/views/store/globals.js"],"sourcesContent":["// Vue modules\nimport { reactive, computed } from \"vue\";\nimport { Preferences } from '@capacitor/preferences';\n\n// import i18n from \"@/localization\";\n\n// State\nconst state = reactive({\n  loading: false,\n\n  isOpenLocationPopup: false,\n  isOpenSidebar: false,\n\n  position: null,\n  search: null,\n\n  theme: {\n    darkmode: false\n  },\n\n  error: {\n    status: \"\",\n    headers: \"\",\n    data: \"\",\n    show: \"\",\n    name: \"\",\n    message: \"\"\n  }\n});\n\n// Actions\nconst actions = {\n  setLoading(status) {\n    state.loading = status\n  },\n\n  // Black/White Theme\n  async setTheme(isDarkMode) {\n    let root = document.querySelector(\":root\");\n    \n    state.theme.darkmode = isDarkMode;\n    await Preferences.set({\n      key: 'darkmode',\n      value: JSON.stringify(state.theme.darkmode),\n    });\n    \n    if (isDarkMode) {\n      root.classList.add('dark-theme');\n    } else {\n      root.classList.remove('dark-theme');\n    }\n\n    const variableNames = [\n      '--white',\n      '--light',\n      '--grey',\n      '--dark',\n      '--black'\n    ];\n\n    // Проверяем, сохранены ли оригинальные цвета\n    if (!state.theme.originalColors) {\n      // Сохраняем оригинальные цвета\n      state.theme.originalColors = {};\n      variableNames.forEach(variableName => {\n        const currentColor = getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();\n        state.theme.originalColors[variableName] = currentColor;\n      });\n    }\n\n    if (isDarkMode) {\n      invertColors(variableNames, state.theme.originalColors);\n    } else {\n      // Восстанавливаем оригинальные цвета\n      variableNames.forEach(variableName => {\n        document.documentElement.style.setProperty(variableName, state.theme.originalColors[variableName]);\n      });\n    }\n  },\n\n  setTheme(isDarkMode) {\n    let root = document.querySelector(\":root\");\n    state.theme.darkmode = isDarkMode;\n    \n    Preferences.set({\n      key: 'darkmode',\n      value: JSON.stringify(state.theme.darkmode),\n    });\n    \n    if (isDarkMode) {\n      root.classList.add('dark-theme');\n    } else {\n      root.classList.remove('dark-theme');\n    }\n\n    const variableNames = [\n      '--white',\n      '--light',\n      '--grey',\n      '--dark',\n      '--black'\n    ];\n\n    // Проверяем, сохранены ли оригинальные цвета\n    if (!state.theme.originalColors) {\n      // Сохраняем оригинальные цвета\n      state.theme.originalColors = {};\n      variableNames.forEach(variableName => {\n        const currentColor = getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();\n        state.theme.originalColors[variableName] = currentColor;\n      });\n    }\n\n    if (isDarkMode) {\n      invertColors(variableNames, state.theme.originalColors);\n    } else {\n      // Возвращаем оригинальные цвета\n      variableNames.forEach(variableName => {\n        document.documentElement.style.setProperty(variableName, state.theme.originalColors[variableName]);\n      });\n    }\n  },\n\n  toggleTheme() {\n    this.setTheme(!state.theme.darkmode);\n  },\n\n  add(array, item) {\n    const existingItemIndex = array.findIndex(i => i._id === item._id);\n\n    if (existingItemIndex === -1) {\n      array.push(item);\n    } else {\n      array[existingItemIndex] = item\n    }\n  },\n\n  update(array, item) {\n    const existingItemIndex = array.findIndex(i => i._id === item._id);\n    if (existingItemIndex === -1) {\n      // If the item doesn't exist, push it to the array\n      array.push(item);\n    } else {\n      // Update the item in the array without creating a new array\n      Object.assign(array[existingItemIndex], item);\n    }\n  },\n\n  delete(array, item) {\n    const existingItemIndex = array.findIndex(c => c._id === item._id);\n\n    if (existingItemIndex !== -1) {\n      array.splice(existingItemIndex, 1);\n    }\n  }, \n\n  increment(array, item) {\n    console.log(array)\n    console.log(item)\n    const arrayItem = array.find(\n      (i) => i._id === item._id\n    );\n\n    if (arrayItem) {\n      arrayItem.quantity++;\n    }\n  },\n\n  decrement(array, item) {\n    const arrayItem = array.find(\n      (i) => i._id === item._id\n    );\n\n    const arrayItemIndex = array.indexOf(arrayItem);\n    \n    if (arrayItemIndex > -1) {\n      arrayItem.quantity--;\n      \n      if (arrayItem.quantity < 1) array.splice(arrayItemIndex, 1);\n    }\n  },\n\n  reset(array) {\n    array = [];\n  },\n}\n\nconst errorMessages = {\n  ru: {\n    \"errors\": {\n      \"USER_ALREADY_REGISTERED\": \"Такой пользователь уже зарегистрирован!\",\n      \"USER_NOT_REGISTERED_YET\": \"Такой пользователь еще не зарегистрирован!\",\n      \"USER_PHONE_OR_PASSWORD_NOT_FOUND\": \"Пользователь с таким телефоном или паролем не найден!\",\n      \"INCORRECT_PASSWORD_ENTERED\": \"Вы ввели неверный пароль!\",\n      \"INVALID_INVITATION_CODE\": \"Неверный код приглашения\",\n      \"MISSING_REQUIRED_PARAMETERS\": \"Отсутствуют необходимые параметры.\",\n      \"ERROR_UPDATING_USER\": \"Произошла ошибка при обновлении пользователя.\",\n      \"PASSWORDS_DO_NOT_MATCH\": \"Введенные вами пароли не совпадают. Исправьте ошибки и попробуйте еще раз.\",\n      \"CODE_NOT_SENT\": \"Что-то пошло не так и код не был отправлен. Попробуйте еще раз.\",\n      \"INPUT_ERROR\": \"Вставьте только четырехзначный код.\",\n      \"WRONG_CODE\": \"Вы ввели неверный код. Попробуйте еще раз.\",\n      \"POST_URL_ALREADY_IN_USE\": \"Ошибка! Публикация с этим URL уже используется!\",\n      \"NAME_CANNOT_BE_EMPTY\": \"Ошибка: Название не может быть пустым. Пожалуйста, введите название.\"\n    }\n  },\n  en: {\n    \"errors\": {\n      \"USER_ALREADY_REGISTERED\": \"Such user is already registered!\",\n      \"USER_NOT_REGISTERED_YET\": \"This user has not been registered yet!\",\n      \"USER_PHONE_OR_PASSWORD_NOT_FOUND\": \"User with such phone or password not found!\",\n      \"INCORRECT_PASSWORD_ENTERED\": \"You entered an incorrect password!\",\n      \"INVALID_INVITATION_CODE\": \"Incorrect invitation code.\",\n      \"MISSING_REQUIRED_PARAMETERS\": \"Missing required parameters.\",\n      \"ERROR_UPDATING_USER\": \"Something wrong when updating user.\",\n      \"PASSWORDS_DO_NOT_MATCH\": \"The passwords you entered do not match. Please correct the errors and try again.\",\n      \"CODE_NOT_SENT\": \"Something went wrong and the code was not sent. Please try again.\",\n      \"INPUT_ERROR\": \"Please enter only a four-digit code.\",\n      \"WRONG_CODE\": \"You entered an incorrect code. Please try again.\",\n      \"POST_URL_ALREADY_IN_USE\": \"Failed! Blogpost with this URL is already in use!\",\n      \"NAME_CANNOT_BE_EMPTY\": \"Error: Name cannot be empty. Please enter a name.\"\n    }\n  }\n};\n\n// i18n.global.mergeLocaleMessage('ru', errorMessages.ru);\n// i18n.global.mergeLocaleMessage('en', errorMessages.en);\n\n// Mutations\nfunction setError(error) {\n  let errorData \n\n  errorData = error\n\n  if (error?.response?.data) errorData = error.response.data\n\n  if (error && errorData.errorCode) {\n    state.error.message = i18n.global.t(`errors.${errorData.errorCode}`);\n  } else {\n    state.error.message = errorData.message || \"Unknown error\";\n  }\n\n  state.error.show = true;\n\n  setTimeout(() => state.error.show = false, 3000);\n}\n\nfunction invertColors(variableNames, originalColors) {\n  variableNames.forEach(variableName => {\n    const baseColor = originalColors[variableName];\n    const colorArray = baseColor.split(',').map(Number);\n\n    let invertedColor;\n\n    if (variableName === '--white') {\n      invertedColor = colorArray.map(value => 255 - value / 1.075);\n    } else if (variableName === '--black') {\n      invertedColor = colorArray.map(value => 255 - value); \n    } else if (variableName === '--grey') {\n      invertedColor = colorArray.map(value => 255 - value * 2);\n    } else {\n      invertedColor = colorArray.map(value => 255 - value / 1.075);\n    }\n    // Устанавливаем новые значения переменных CSS\n    document.documentElement.style.setProperty(variableName, state.theme.darkmode ? invertedColor.join(', ') : baseColor );\n  });\n}\n\nexport {\n  state,\n  actions,\n  setError,\n}"],"names":["reactive","Preferences"],"mappings":"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"}

package/dist/prometheus-framework/src/modules/globals/views/store/globals.js

@@ -1,4 +1,5 @@
 import { reactive } from "vue";
+import { Preferences } from "../../../../../node_modules/@capacitor/preferences/dist/esm/index.js";
 const state = reactive({
   loading: false,
   isOpenLocationPopup: false,
@@ -22,10 +23,18 @@ const actions = {
     state.loading = status;
   },
   // Black/White Theme
-  toggleTheme() {
+  async setTheme(isDarkMode) {
     let root = document.querySelector(":root");
-    state.theme.darkmode = !state.theme.darkmode;
-    root.classList.toggle("dark-theme");
+    state.theme.darkmode = isDarkMode;
+    await Preferences.set({
+      key: "darkmode",
+      value: JSON.stringify(state.theme.darkmode)
+    });
+    if (isDarkMode) {
+      root.classList.add("dark-theme");
+    } else {
+      root.classList.remove("dark-theme");
+    }
     const variableNames = [
       "--white",
       "--light",
@@ -40,7 +49,50 @@ const actions = {
         state.theme.originalColors[variableName] = currentColor;
       });
     }
-    invertColors(variableNames, state.theme.originalColors);
+    if (isDarkMode) {
+      invertColors(variableNames, state.theme.originalColors);
+    } else {
+      variableNames.forEach((variableName) => {
+        document.documentElement.style.setProperty(variableName, state.theme.originalColors[variableName]);
+      });
+    }
+  },
+  setTheme(isDarkMode) {
+    let root = document.querySelector(":root");
+    state.theme.darkmode = isDarkMode;
+    Preferences.set({
+      key: "darkmode",
+      value: JSON.stringify(state.theme.darkmode)
+    });
+    if (isDarkMode) {
+      root.classList.add("dark-theme");
+    } else {
+      root.classList.remove("dark-theme");
+    }
+    const variableNames = [
+      "--white",
+      "--light",
+      "--grey",
+      "--dark",
+      "--black"
+    ];
+    if (!state.theme.originalColors) {
+      state.theme.originalColors = {};
+      variableNames.forEach((variableName) => {
+        const currentColor = getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();
+        state.theme.originalColors[variableName] = currentColor;
+      });
+    }
+    if (isDarkMode) {
+      invertColors(variableNames, state.theme.originalColors);
+    } else {
+      variableNames.forEach((variableName) => {
+        document.documentElement.style.setProperty(variableName, state.theme.originalColors[variableName]);
+      });
+    }
+  },
+  toggleTheme() {
+    this.setTheme(!state.theme.darkmode);
   },
   add(array, item) {
     const existingItemIndex = array.findIndex((i) => i._id === item._id);