@ozdao/prometheus-framework 0.2.202 → 0.2.204

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

@@ -4,13 +4,14 @@ 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.vue.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
 require("vue-i18n");
 ;/* empty css                                                      */
+const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
+const NavigationBar = require("../partials/NavigationBar.vue.cjs");
 const LocationSelection = require("../partials/LocationSelection.vue.cjs");
 require("../../../../products/store/categories.cjs");
 const BottomNavigation = ;/* empty css                                 */
-const NavigationBar = require("../partials/NavigationBar.vue.cjs");
 const ShopCart = require("../../../../orders/components/partials/ShopCart.vue.cjs");
 ;/* empty css              */
 const _hoisted_1 = {
@@ -20,10 +21,6 @@ const _hoisted_1 = {
 const _sfc_main = {
   __name: "Client",
   setup(__props) {
-    const Loader = vue.defineAsyncComponent(() => Promise.resolve().then(() => require(
-      /* webpackChunkName: "loader" */
-      "../../../../../components/Loader/Loader.vue2.cjs"
-    )));
     let show = vue.ref(false);
     const page = vue.ref(null);
     const route = vueRouter.useRoute();
@@ -96,38 +93,38 @@ const _sfc_main = {
           appear: ""
         }, {
           default: vue.withCtx(() => [
-            !page.value ? (vue.openBlock(), vue.createBlock(vue.unref(Loader), {
+            !page.value ? (vue.openBlock(), vue.createBlock(Loader.default, {
               key: 0,
               class: "pos-fixed"
             })) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }),
-        vue.createVNode(vue.Transition, {
-          name: "moveFromTop",
-          mode: "out-in",
-          appear: ""
-        }, {
-          default: vue.withCtx(() => [
-            !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(route).meta.header), {
-              key: 0,
-              ref_key: "header",
-              ref: header,
-              class: "transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0",
-              theme: headerTheme.value,
-              logotype: vue.unref(route).meta.logotype
-            }, {
-              default: vue.withCtx(() => [
-                vue.unref(route).meta.navigation ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(route).meta.navigation), {
-                  key: 0,
-                  class: "mn-l-auto desktop-only"
-                })) : vue.createCommentVNode("", true)
-              ]),
-              _: 1
-            }, 8, ["theme", "logotype"])) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        }),
+        vue.unref(route).meta.header.component ? (vue.openBlock(), vue.createElementBlock("header", {
+          key: 0,
+          id: "header",
+          class: vue.normalizeClass(["pd-thin gap-micro flex-justify-between flex-nowrap flex h-4r w-100 z-index-2 pos-relative pos-t-0", {
+            "t-black bg-white": headerTheme.value === "light",
+            "t-white bg-black": headerTheme.value === "dark"
+          }])
+        }, [
+          !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(route).meta.header.component), {
+            key: 0,
+            ref_key: "header",
+            ref: header,
+            theme: headerTheme.value,
+            logotype: vue.unref(route).meta.header.logotype,
+            location: vue.unref(route).meta.header.location
+          }, {
+            default: vue.withCtx(() => [
+              vue.unref(route).meta.navigation ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(route).meta.navigation), {
+                key: 0,
+                class: "mn-l-auto desktop-only"
+              })) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["theme", "logotype", "location"])) : vue.createCommentVNode("", true)
+        ], 2)) : vue.createCommentVNode("", true),
         vue.createVNode(vue.Transition, {
           name: "moveFromTop",
           mode: "out-in",
@@ -172,7 +169,7 @@ const _sfc_main = {
                   }, null, 8, ["data"])) : vue.createCommentVNode("", true),
                   vue.createVNode(vue.Transition, {
                     onBeforeEnter: scrollTop,
-                    name: "scaleIn",
+                    name: "scaleTransition",
                     mode: "out-in",
                     appear: ""
                   }, {
@@ -193,7 +190,7 @@ const _sfc_main = {
           }))
         ], 544),
         _ctx.MOBILE_APP && vue.unref(route).meta.title_hide ? (vue.openBlock(), vue.createBlock(BottomNavigation.default, {
-          key: 0,
+          key: 1,
           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      <component\n\t\t  \tv-if=\"!MOBILE_APP\"\n        :is=\"route.meta.header\"\n        ref=\"header\" \n        class=\"transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0\" \n        :theme=\"headerTheme\"\n        :logotype=\"route.meta.logotype\"\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    </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=\"scaleIn\" 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      </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, provide, inject, onUnmounted, onServerPrefetch, onBeforeMount, defineAsyncComponent } from 'vue'\n\t// Router\n\timport { useRoute, useRouter } 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\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\tconst Loader = defineAsyncComponent(() => import(/* webpackChunkName: \"loader\" */ '@pf/src/components/Loader/Loader.vue'))\n\n\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue'\n\timport Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\timport BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.vue'\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.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\tconst 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) 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</style>"],"names":["defineAsyncComponent","ref","useRoute","useRouter","globals.state","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoGC,UAAM,SAASA,IAAoB,qBAAC,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,MAAiC;AAAA,IAAsC,CAAA,CAAC;AAaxH,QAAI,OAAOC,IAAG,IAAC,KAAK;AAEpB,UAAM,OAAOA,IAAG,IAAC,IAAI;AAItB,UAAM,QAAQC,UAAAA,SAAU;AACTC,wBAAW;AAE1B,UAAM,cAAcF,IAAG,IAAC,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BG,cAAa,MAAC,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAeH,IAAG,IAAC,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAASA,IAAG,IAAC,IAAI;AAEvB,UAAM,cAAcI,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,KAAM,MAAK,QAAQ;AAAA,IACzB,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<!-- <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, provide, inject, onUnmounted, onServerPrefetch, onBeforeMount, defineAsyncComponent } from 'vue'\n\t// Router\n\timport { useRoute, useRouter } 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\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue'\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue'\n\timport Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\timport BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.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\tconst 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) 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","useRouter","globals.state","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqIE,QAAI,OAAOA,IAAG,IAAC,KAAK;AAEpB,UAAM,OAAOA,IAAG,IAAC,IAAI;AAItB,UAAM,QAAQC,UAAAA,SAAU;AACTC,wBAAW;AAE1B,UAAM,cAAcF,IAAG,IAAC,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BG,cAAa,MAAC,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAeH,IAAG,IAAC,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAASA,IAAG,IAAC,IAAI;AAEvB,UAAM,cAAcI,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,KAAM,MAAK,QAAQ;AAAA,IACzB,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,14 +1,15 @@
-import { defineAsyncComponent, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createBlock, unref, createCommentVNode, resolveDynamicComponent, normalizeStyle, createElementVNode, Suspense, normalizeClass } from "vue";
+import { ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createBlock, createCommentVNode, unref, normalizeClass, resolveDynamicComponent, normalizeStyle, createElementVNode, Suspense } from "vue";
 import { useRoute, useRouter } 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.vue.js";
+import _sfc_main$2 from "../../../../../components/Popup/Popup.vue2.js";
 import "vue-i18n";
 /* empty css                                                    */
+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";
 import "../../../../products/store/categories.js";
 import BottomNavigation from "../partials/BottomNavigation.vue.js";
-import _sfc_main$1 from "../partials/NavigationBar.vue.js";
 import _sfc_main$4 from "../../../../orders/components/partials/ShopCart.vue.js";
 /* empty css            */
 const _hoisted_1 = {
@@ -18,10 +19,6 @@ const _hoisted_1 = {
 const _sfc_main = {
   __name: "Client",
   setup(__props) {
-    const Loader = defineAsyncComponent(() => import(
-      /* webpackChunkName: "loader" */
-      "../../../../../components/Loader/Loader.vue2.js"
-    ));
     let show = ref(false);
     const page = ref(null);
     const route = useRoute();
@@ -94,38 +91,38 @@ const _sfc_main = {
           appear: ""
         }, {
           default: withCtx(() => [
-            !page.value ? (openBlock(), createBlock(unref(Loader), {
+            !page.value ? (openBlock(), createBlock(Loader, {
               key: 0,
               class: "pos-fixed"
             })) : createCommentVNode("", true)
           ]),
           _: 1
         }),
-        createVNode(Transition, {
-          name: "moveFromTop",
-          mode: "out-in",
-          appear: ""
-        }, {
-          default: withCtx(() => [
-            !_ctx.MOBILE_APP ? (openBlock(), createBlock(resolveDynamicComponent(unref(route).meta.header), {
-              key: 0,
-              ref_key: "header",
-              ref: header,
-              class: "transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0",
-              theme: headerTheme.value,
-              logotype: unref(route).meta.logotype
-            }, {
-              default: withCtx(() => [
-                unref(route).meta.navigation ? (openBlock(), createBlock(resolveDynamicComponent(unref(route).meta.navigation), {
-                  key: 0,
-                  class: "mn-l-auto desktop-only"
-                })) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }, 8, ["theme", "logotype"])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }),
+        unref(route).meta.header.component ? (openBlock(), createElementBlock("header", {
+          key: 0,
+          id: "header",
+          class: normalizeClass(["pd-thin gap-micro flex-justify-between flex-nowrap flex h-4r w-100 z-index-2 pos-relative pos-t-0", {
+            "t-black bg-white": headerTheme.value === "light",
+            "t-white bg-black": headerTheme.value === "dark"
+          }])
+        }, [
+          !_ctx.MOBILE_APP ? (openBlock(), createBlock(resolveDynamicComponent(unref(route).meta.header.component), {
+            key: 0,
+            ref_key: "header",
+            ref: header,
+            theme: headerTheme.value,
+            logotype: unref(route).meta.header.logotype,
+            location: unref(route).meta.header.location
+          }, {
+            default: withCtx(() => [
+              unref(route).meta.navigation ? (openBlock(), createBlock(resolveDynamicComponent(unref(route).meta.navigation), {
+                key: 0,
+                class: "mn-l-auto desktop-only"
+              })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["theme", "logotype", "location"])) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true),
         createVNode(Transition, {
           name: "moveFromTop",
           mode: "out-in",
@@ -170,7 +167,7 @@ const _sfc_main = {
                   }, null, 8, ["data"])) : createCommentVNode("", true),
                   createVNode(Transition, {
                     onBeforeEnter: scrollTop,
-                    name: "scaleIn",
+                    name: "scaleTransition",
                     mode: "out-in",
                     appear: ""
                   }, {
@@ -191,7 +188,7 @@ const _sfc_main = {
           }))
         ], 544),
         _ctx.MOBILE_APP && unref(route).meta.title_hide ? (openBlock(), createBlock(BottomNavigation, {
-          key: 0,
+          key: 1,
           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      <component\n\t\t  \tv-if=\"!MOBILE_APP\"\n        :is=\"route.meta.header\"\n        ref=\"header\" \n        class=\"transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0\" \n        :theme=\"headerTheme\"\n        :logotype=\"route.meta.logotype\"\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    </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=\"scaleIn\" 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      </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, provide, inject, onUnmounted, onServerPrefetch, onBeforeMount, defineAsyncComponent } from 'vue'\n\t// Router\n\timport { useRoute, useRouter } 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\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\tconst Loader = defineAsyncComponent(() => import(/* webpackChunkName: \"loader\" */ '@pf/src/components/Loader/Loader.vue'))\n\n\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue'\n\timport Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\timport BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.vue'\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.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\tconst 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) 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</style>"],"names":["globals.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoGC,UAAM,SAAS,qBAAqB,MAAM;AAAA;AAAA,MAAwC;AAAA,IAAsC,CAAC;AAaxH,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAItB,UAAM,QAAQ,SAAU;AACT,cAAW;AAE1B,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,KAAM,MAAK,QAAQ;AAAA,IACzB,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<!-- <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, provide, inject, onUnmounted, onServerPrefetch, onBeforeMount, defineAsyncComponent } from 'vue'\n\t// Router\n\timport { useRoute, useRouter } 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\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue'\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue'\n\timport Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\timport BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.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\tconst 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) 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":";;;;;;;;;;;;;;;;;;;;;AAqIE,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAItB,UAAM,QAAQ,SAAU;AACT,cAAW;AAE1B,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,KAAM,MAAK,QAAQ;AAAA,IACzB,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,13 +7,14 @@ 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.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Select = require("../../../../../components/Select/Select.vue2.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");
 ;/* empty css              */
-const _hoisted_1 = {
+const _hoisted_1 = { class: "flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r" };
+const _hoisted_2 = {
   class: "i-small",
   fill: "inherit",
   xmlns: "http://www.w3.org/2000/svg",
@@ -21,13 +22,15 @@ const _hoisted_1 = {
   height: "67",
   viewBox: "0 0 50 67"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("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"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_4 = [
+  _hoisted_3
 ];
+const _hoisted_5 = { class: "flex-nowrap flex" };
+const _hoisted_6 = { class: "flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r" };
 const _sfc_main = {
   __name: "Header",
   props: {
@@ -37,10 +40,13 @@ const _sfc_main = {
     },
     logotype: {
       type: Object
+    },
+    location: {
+      type: Boolean,
+      default: true
     }
   },
   setup(__props) {
-    const props = __props;
     const router = vueRouter.useRouter();
     vueRouter.useRoute();
     vueI18n.useI18n();
@@ -52,105 +58,106 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("header", {
-        id: "header",
-        class: vue.normalizeClass(["pd-thin gap-micro flex-center flex-nowrap flex h-4r w-100 z-index-2", {
-          "t-black bg-white": __props.theme === "light",
-          "t-white bg-black": __props.theme === "dark"
-        }])
-      }, [
-        vue.createElementVNode("button", {
-          "aria-label": "menu",
-          onClick: _cache[0] || (_cache[0] = () => globals.state.isOpenSidebar = !globals.state.isOpenSidebar),
-          class: vue.normalizeClass(["mobile-only menu-btn", {
-            "menu-btn_active": globals.state.isOpenSidebar
-          }])
-        }, [
-          vue.createElementVNode("span", {
-            class: vue.normalizeClass(["no-events", {
-              "bg-black": __props.theme === "light",
-              "bg-white": __props.theme === "dark"
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("button", {
+            "aria-label": "menu",
+            onClick: _cache[0] || (_cache[0] = () => globals.state.isOpenSidebar = !globals.state.isOpenSidebar),
+            class: vue.normalizeClass(["mobile-only menu-btn", {
+              "menu-btn_active": globals.state.isOpenSidebar
             }])
           }, [
             vue.createElementVNode("span", {
-              class: vue.normalizeClass(["menu-btn__before", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
-            }, null, 2),
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass(["menu-btn__after", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
-            }, null, 2)
-          ], 2)
-        ], 2),
-        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: "h-2r w-auto cursor-pointer"
-        }, null, 8, ["theme"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("button", {
-          "aria-label": "button_location",
-          class: vue.normalizeClass(["cursor-pointer bg-transp pd-l-micro pd-r-micro radius-extra uppercase t-semi br-solid br-2px transition-linear", {
-            "fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white": __props.theme === "light",
-            "fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black": __props.theme === "dark"
-          }]),
-          onClick: _cache[2] || (_cache[2] = ($event) => openLocationPopup())
-        }, [
-          (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_3)),
-          vue.createTextVNode(" " + vue.toDisplayString(((_a = globals.state.position) == null ? void 0 : _a.country) ? globals.state.position.country : "World"), 1)
-        ], 2),
-        vue.renderSlot(_ctx.$slots, "default"),
-        vue.createVNode(Checkbox.default, {
-          name: "darkmode",
-          label: "Darkmode",
-          radio: globals.state.theme.darkmode,
-          "onUpdate:radio": _cache[3] || (_cache[3] = (event) => globals.actions.toggleTheme()),
-          class: vue.normalizeClass(["mn-l-thin mn-r-auto desktop-only t-semi pd-micro br-2px br-solid radius-extra", {
-            "br-light t-black": __props.theme === "light",
-            "br-dark t-white": __props.theme === "dark"
-          }]),
-          theme: __props.theme
-        }, null, 8, ["radio", "theme", "class"]),
-        vue.createVNode(Button.default, {
-          "aria-label": "shopcart",
-          submit: (a) => shopcart.actions.toggleShopcart(),
-          counter: shopcart.getters.cartTotalAmount,
-          showSucces: false,
-          showLoader: false,
-          class: "pd-zero mn-l-auto mn-r-micro"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(IconShopcart.default, {
-              class: "i-semi",
-              fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
-            }, null, 8, ["fill"])
-          ]),
-          _: 1
-        }, 8, ["submit", "counter"]),
-        vue.createVNode(Button.default, {
-          "aria-label": "profile",
-          class: "pd-zero bg-transp",
-          submit: auth.state.access.status === false ? (a) => vue.unref(router).push({ name: "Sign In" }) : (a) => vue.unref(router).push({ name: "User Profile", params: { _id: auth.state.user._id } }),
-          showSucces: false,
-          showLoader: false
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(IconProfile.default, {
-              class: "i-semi",
-              fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
-            }, null, 8, ["fill"])
-          ]),
-          _: 1
-        }, 8, ["submit"]),
-        vue.createVNode(Select.default, {
-          select: _ctx.$i18n.locale,
-          "onUpdate:select": _cache[4] || (_cache[4] = ($event) => _ctx.$i18n.locale = $event),
-          options: [{ name: "🌎 En", value: "en" }, { name: "🇷🇺 Ru", value: "ru" }],
-          property: "value",
-          class: vue.normalizeClass(["pos-relative uppercase pd-micro t-semi radius-thin", {
-            "bg-light t-black": __props.theme === "light",
-            "bg-dark t-white": __props.theme === "dark"
-          }])
-        }, null, 8, ["select", "class"])
-      ], 2);
+              class: vue.normalizeClass(["no-events", {
+                "bg-black": __props.theme === "light",
+                "bg-white": __props.theme === "dark"
+              }])
+            }, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(["menu-btn__before", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
+              }, null, 2),
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(["menu-btn__after", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
+              }, null, 2)
+            ], 2)
+          ], 2),
+          __props.logotype.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.logotype.component), {
+            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),
+          __props.location ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 1,
+            "aria-label": "button_location",
+            class: vue.normalizeClass(["cursor-pointer bg-transp pd-l-micro pd-r-micro radius-extra uppercase t-semi br-solid br-2px transition-linear", {
+              "fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white": __props.theme === "light",
+              "fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black": __props.theme === "dark"
+            }]),
+            onClick: _cache[2] || (_cache[2] = ($event) => openLocationPopup())
+          }, [
+            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, _hoisted_4)),
+            vue.createTextVNode(" " + vue.toDisplayString(((_a = globals.state.position) == null ? void 0 : _a.country) ? globals.state.position.country : "World"), 1)
+          ], 2)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.renderSlot(_ctx.$slots, "default"),
+          vue.createVNode(Checkbox.default, {
+            name: "darkmode",
+            label: "Darkmode",
+            radio: globals.state.theme.darkmode,
+            "onUpdate:radio": _cache[3] || (_cache[3] = (event) => globals.actions.toggleTheme()),
+            class: vue.normalizeClass(["mn-l-thin desktop-only t-semi pd-micro br-2px br-solid radius-extra", {
+              "br-light t-black": __props.theme === "light",
+              "br-dark t-white": __props.theme === "dark"
+            }]),
+            theme: __props.theme
+          }, null, 8, ["radio", "theme", "class"])
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.createVNode(Button.default, {
+            "aria-label": "shopcart",
+            submit: (a) => shopcart.actions.toggleShopcart(),
+            counter: shopcart.getters.cartTotalAmount,
+            showSucces: false,
+            showLoader: false,
+            class: "pd-zero mn-r-micro"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(IconShopcart.default, {
+                class: "i-semi",
+                fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+              }, null, 8, ["fill"])
+            ]),
+            _: 1
+          }, 8, ["submit", "counter"]),
+          vue.createVNode(Button.default, {
+            "aria-label": "profile",
+            class: "pd-zero bg-transp",
+            submit: auth.state.access.status === false ? (a) => vue.unref(router).push({ name: "Sign In" }) : (a) => vue.unref(router).push({ name: "User Profile", params: { _id: auth.state.user._id } }),
+            showSucces: false,
+            showLoader: false
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(IconProfile.default, {
+                class: "i-semi",
+                fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+              }, null, 8, ["fill"])
+            ]),
+            _: 1
+          }, 8, ["submit"]),
+          vue.createVNode(Select.default, {
+            select: _ctx.$i18n.locale,
+            "onUpdate:select": _cache[4] || (_cache[4] = ($event) => _ctx.$i18n.locale = $event),
+            options: [{ name: "🌎 En", value: "en" }, { name: "🇷🇺 Ru", value: "ru" }],
+            property: "value",
+            class: vue.normalizeClass(["pos-relative uppercase pd-micro t-semi radius-thin", {
+              "bg-light t-black": __props.theme === "light",
+              "bg-dark t-white": __props.theme === "dark"
+            }])
+          }, null, 8, ["select", "class"])
+        ])
+      ], 64);
     };
   }
 };