npm - @ozdao/prometheus-framework - Versions diffs - 0.2.211 → 0.2.213 - Mend

@ozdao/prometheus-framework 0.2.211 → 0.2.213

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (197) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Client.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t<!-- <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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Client.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t<header \n\t\t\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 CHANGED Viewed

@@ -3,7 +3,7 @@ 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.vue.js";
-import Loader from "../../../../../components/Loader/Loader.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";
 import _sfc_main$4 from "../../../../orders/components/partials/ShopCart.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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t<!-- <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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t<header \n\t\t\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 CHANGED Viewed

@@ -7,7 +7,7 @@ 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 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");

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

@@ -5,7 +5,7 @@ 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 _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";

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

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
-const Button = require("../../../../../components/Button/Button.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 CHANGED Viewed

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconProfile.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.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/store/globals.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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 CHANGED Viewed

@@ -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);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"globals.js","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":[],"mappings":"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"}
1	+ {"version":3,"file":"globals.js","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":[],"mappings":"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"}

package/dist/prometheus-framework/src/modules/icons/skeletons/SkeletonBlogpost.vue.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ const _hoisted_1 = {
   height: "20rem",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createStaticVNode('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--light))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="#fff" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6);
+const _hoisted_2 = /* @__PURE__ */ vue.createStaticVNode('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--light))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="rgb(var(--white))" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6);
 const _hoisted_8 = [
   _hoisted_2
 ];

package/dist/prometheus-framework/src/modules/icons/skeletons/SkeletonBlogpost.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkeletonBlogpost.vue.cjs","sources":["../../../../../../src/modules/icons/skeletons/SkeletonBlogpost.vue"],"sourcesContent":["<template>\n <svg width=\"100%\" height=\"20rem\" xmlns=\"http://www.w3.org/2000/svg\">\n <!-- Фоновый прямоугольник для всей карточки -->\n <rect x=\"0\" y=\"0\" rx=\"5\" ry=\"5\" width=\"100%\" height=\"100%\" fill=\"rgb(var(--light))\"/>\n \n <!-- Имитация шапки карточки -->\n <rect x=\"15\" y=\"15\" rx=\"4\" ry=\"4\" width=\"40%\" height=\"20\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Имитация изображения -->\n <rect x=\"15\" y=\"45\" rx=\"5\" ry=\"5\" width=\"70%\" height=\"50\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Имитация текста под изображением -->\n <rect x=\"15\" y=\"110\" rx=\"3\" ry=\"3\" width=\"90%\" height=\"6\" fill=\"rgba(var(--black),0.05)\"></rect>\n <rect x=\"15\" y=\"130\" rx=\"3\" ry=\"3\" width=\"70%\" height=\"6\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Блик с анимацией движения -->\n <rect x=\"-25%\" y=\"0\" width=\"25%\" height=\"100%\" fill=\"~~#fff~~\" mask=\"url(#myMask)\" opacity=\"0.3\">\n <animate attributeName=\"x\" from=\"-25%\" to=\"100%\" dur=\"2s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </svg>\n</template>"],"names":[],"mappings":";;;;;AACO,MAAA,aAAY;AAAA,EAAC;EAAe,QAAkC;AAAA;AADrE;;MAGyF,aAAA;AAAA;;2BAgBjF,QAAA;;;;;"}
1	+ {"version":3,"file":"SkeletonBlogpost.vue.cjs","sources":["../../../../../../src/modules/icons/skeletons/SkeletonBlogpost.vue"],"sourcesContent":["<template>\n <svg width=\"100%\" height=\"20rem\" xmlns=\"http://www.w3.org/2000/svg\">\n <!-- Фоновый прямоугольник для всей карточки -->\n <rect x=\"0\" y=\"0\" rx=\"5\" ry=\"5\" width=\"100%\" height=\"100%\" fill=\"rgb(var(--light))\"/>\n \n <!-- Имитация шапки карточки -->\n <rect x=\"15\" y=\"15\" rx=\"4\" ry=\"4\" width=\"40%\" height=\"20\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Имитация изображения -->\n <rect x=\"15\" y=\"45\" rx=\"5\" ry=\"5\" width=\"70%\" height=\"50\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Имитация текста под изображением -->\n <rect x=\"15\" y=\"110\" rx=\"3\" ry=\"3\" width=\"90%\" height=\"6\" fill=\"rgba(var(--black),0.05)\"></rect>\n <rect x=\"15\" y=\"130\" rx=\"3\" ry=\"3\" width=\"70%\" height=\"6\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Блик с анимацией движения -->\n <rect x=\"-25%\" y=\"0\" width=\"25%\" height=\"100%\" fill=\"rgb(var(--white))\" mask=\"url(#myMask)\" opacity=\"0.3\">\n <animate attributeName=\"x\" from=\"-25%\" to=\"100%\" dur=\"2s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </svg>\n</template>"],"names":[],"mappings":";;;;;AACO,MAAA,aAAY;AAAA,EAAC;EAAe,QAAkC;AAAA;AADrE;;MAGyF,aAAA;AAAA;;2BAgBjF,QAAA;;;;;"}

package/dist/prometheus-framework/src/modules/icons/skeletons/SkeletonBlogpost.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ const _hoisted_1 = {
   height: "20rem",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--light))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="#fff" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6);
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--light))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="rgb(var(--white))" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6);
 const _hoisted_8 = [
   _hoisted_2
 ];

package/dist/prometheus-framework/src/modules/icons/skeletons/SkeletonBlogpost.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkeletonBlogpost.vue.js","sources":["../../../../../../src/modules/icons/skeletons/SkeletonBlogpost.vue"],"sourcesContent":["<template>\n <svg width=\"100%\" height=\"20rem\" xmlns=\"http://www.w3.org/2000/svg\">\n <!-- Фоновый прямоугольник для всей карточки -->\n <rect x=\"0\" y=\"0\" rx=\"5\" ry=\"5\" width=\"100%\" height=\"100%\" fill=\"rgb(var(--light))\"/>\n \n <!-- Имитация шапки карточки -->\n <rect x=\"15\" y=\"15\" rx=\"4\" ry=\"4\" width=\"40%\" height=\"20\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Имитация изображения -->\n <rect x=\"15\" y=\"45\" rx=\"5\" ry=\"5\" width=\"70%\" height=\"50\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Имитация текста под изображением -->\n <rect x=\"15\" y=\"110\" rx=\"3\" ry=\"3\" width=\"90%\" height=\"6\" fill=\"rgba(var(--black),0.05)\"></rect>\n <rect x=\"15\" y=\"130\" rx=\"3\" ry=\"3\" width=\"70%\" height=\"6\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Блик с анимацией движения -->\n <rect x=\"-25%\" y=\"0\" width=\"25%\" height=\"100%\" fill=\"~~#fff~~\" mask=\"url(#myMask)\" opacity=\"0.3\">\n <animate attributeName=\"x\" from=\"-25%\" to=\"100%\" dur=\"2s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </svg>\n</template>"],"names":[],"mappings":";;;AACO,MAAA,aAAY;AAAA,EAAC;EAAe,QAAkC;AAAA;AADrE;;MAGyF,aAAA;AAAA;;2BAgBjF,QAAA;;;;"}
1	+ {"version":3,"file":"SkeletonBlogpost.vue.js","sources":["../../../../../../src/modules/icons/skeletons/SkeletonBlogpost.vue"],"sourcesContent":["<template>\n <svg width=\"100%\" height=\"20rem\" xmlns=\"http://www.w3.org/2000/svg\">\n <!-- Фоновый прямоугольник для всей карточки -->\n <rect x=\"0\" y=\"0\" rx=\"5\" ry=\"5\" width=\"100%\" height=\"100%\" fill=\"rgb(var(--light))\"/>\n \n <!-- Имитация шапки карточки -->\n <rect x=\"15\" y=\"15\" rx=\"4\" ry=\"4\" width=\"40%\" height=\"20\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Имитация изображения -->\n <rect x=\"15\" y=\"45\" rx=\"5\" ry=\"5\" width=\"70%\" height=\"50\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Имитация текста под изображением -->\n <rect x=\"15\" y=\"110\" rx=\"3\" ry=\"3\" width=\"90%\" height=\"6\" fill=\"rgba(var(--black),0.05)\"></rect>\n <rect x=\"15\" y=\"130\" rx=\"3\" ry=\"3\" width=\"70%\" height=\"6\" fill=\"rgba(var(--black),0.05)\"></rect>\n \n <!-- Блик с анимацией движения -->\n <rect x=\"-25%\" y=\"0\" width=\"25%\" height=\"100%\" fill=\"rgb(var(--white))\" mask=\"url(#myMask)\" opacity=\"0.3\">\n <animate attributeName=\"x\" from=\"-25%\" to=\"100%\" dur=\"2s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </svg>\n</template>"],"names":[],"mappings":";;;AACO,MAAA,aAAY;AAAA,EAAC;EAAe,QAAkC;AAAA;AADrE;;MAGyF,aAAA;AAAA;;2BAgBjF,QAAA;;;;"}

package/dist/prometheus-framework/src/modules/icons/skeletons/SkeletonEvent.vue.cjs CHANGED Viewed

@@ -5,10 +5,10 @@ const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_exp
 const _sfc_main = {};
 const _hoisted_1 = {
   width: "100%",
-  height: "20rem",
+  height: "16rem",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createStaticVNode('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--light))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="#fff" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6);
+const _hoisted_2 = /* @__PURE__ */ vue.createStaticVNode('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--light))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="rgb(var(--white))" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6);
 const _hoisted_8 = [
   _hoisted_2
 ];