@ozdao/prometheus-framework 0.2.305 → 0.2.307

package/dist/prometheus-framework/src/components/Chips/Chips.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css             */
-const _hoisted_1 = { class: "t-trimmed font-main" };
+const _hoisted_1 = { class: "font-main" };
 const _hoisted_2 = { class: "t-truncate" };
 const _hoisted_3 = {
   key: 1,
@@ -15,6 +15,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       var _a;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.renderSlot(_ctx.$slots, "default"),
         ((_a = __props.chips) == null ? void 0 : _a.length) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.chips, (chip, index) => {
           return vue.openBlock(), vue.createElementBlock("span", {
             class: vue.normalizeClass([_ctx.$attrs.class || "p-medium font-main", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])

package/dist/prometheus-framework/src/components/Chips/Chips.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Chips.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Chips/Chips.vue.js

@@ -1,6 +1,6 @@
-import { openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, renderSlot } from "vue";
+import { openBlock, createElementBlock, renderSlot, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString } from "vue";
 /* empty css           */
-const _hoisted_1 = { class: "t-trimmed font-main" };
+const _hoisted_1 = { class: "font-main" };
 const _hoisted_2 = { class: "t-truncate" };
 const _hoisted_3 = {
   key: 1,
@@ -13,6 +13,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default"),
         ((_a = __props.chips) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.chips, (chip, index) => {
           return openBlock(), createElementBlock("span", {
             class: normalizeClass([_ctx.$attrs.class || "p-medium font-main", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])

package/dist/prometheus-framework/src/components/Chips/Chips.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Chips.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/EmptyState/EmptyState.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const _hoisted_1 = { class: "mn-b-regular" };
+const _hoisted_1 = { class: "mn-b-thin" };
 const _hoisted_2 = { class: "mn-b-small t-transp p-medium" };
 const _sfc_main = {
   __name: "EmptyState",
@@ -26,7 +26,7 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", null, [
-        vue.createElementVNode("h3", _hoisted_1, vue.toDisplayString(__props.title), 1),
+        vue.createElementVNode("h4", _hoisted_1, vue.toDisplayString(__props.title), 1),
         vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(__props.description), 1),
         __props.action ? (vue.openBlock(), vue.createElementBlock("button", {
           key: 0,

package/dist/prometheus-framework/src/components/EmptyState/EmptyState.vue.js

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode } from "vue";
-const _hoisted_1 = { class: "mn-b-regular" };
+const _hoisted_1 = { class: "mn-b-thin" };
 const _hoisted_2 = { class: "mn-b-small t-transp p-medium" };
 const _sfc_main = {
   __name: "EmptyState",
@@ -24,7 +24,7 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", null, [
-        createElementVNode("h3", _hoisted_1, toDisplayString(__props.title), 1),
+        createElementVNode("h4", _hoisted_1, toDisplayString(__props.title), 1),
         createElementVNode("p", _hoisted_2, toDisplayString(__props.description), 1),
         __props.action ? (openBlock(), createElementBlock("button", {
           key: 0,

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

@@ -101,7 +101,7 @@ const _sfc_main = {
       const _component_router_view = vue.resolveComponent("router-view");
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createVNode(vue.Transition, {
-          name: "scaleTransition",
+          name: "moveFromTop",
           mode: "out-in"
         }, {
           default: vue.withCtx(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"App.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/App.vue"],"sourcesContent":["<template>\n  <transition \n    name=\"scaleTransition\" \n    mode=\"out-in\"\n  >\n    <section \n      v-if=\"FirstUse && route.meta.walkthrough\"\n      class=\"w-100 h-100\" \n     >\n      <component \n        :is=\"route.meta.walkthrough\"\n        name=\"Walkthrough\"\n        @updateFirstUse=\"updateFirstUse\" \n        :slides=\"[1,2,3]\" \n        class=\"tab\"\n      >\n      </component>\n    </section>\n  </transition>\n\n  <!-- {{current_url}} -->\n  <transition name=\"moveFromTop\" mode=\"out-in\" appear>\n    <component\n      v-if=\"route.meta.sidebar && globals.state.isOpenSidebar\"\n      :is=\"route.meta.sidebar\"\n      :stateSidebar=\"globals.state.isOpenSidebar\" \n      @closeSidebar=\"() => { \n        globals.state.isOpenSidebar = !globals.state.isOpenSidebar \n      }\"\n\n      class=\"transition-ease-in-out pos-absolute w-70 z-index-0  bg-light\"\n      :class=\"{\n        'pos-l-70-negative': !globals.state.isOpenSidebar,\n        'pos-l-0': globals.state.isOpenSidebar\n      }\"\n      v-slot=\"{ Component }\"\n    >\n      <component\n        v-if=\"route.meta.navigation\"\n        :is=\"route.meta.navigation\"\n        class=\"h3 pd-big cols-1\" \n      />\n    </component>\n  </transition>\n\n  <router-view \n    v-slot=\"{ Component }\"\n    :class=\"{\n      'pos-l-70': globals.state.isOpenSidebar,\n      'pos-l-0': !globals.state.isOpenSidebar,\n    }\"\n    @click=\"globals.state.isOpenSidebar ? a => globals.state.isOpenSidebar = false : a => { console.log('not succes') }\"\n    class=\"transition-ease-in-out h-min-100 w-100 pos-relative\"\n  >\n    <component ref=\"page\" :is=\"Component\"/>\n  </router-view>\n</template>\n\n<script setup>\n  import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n\n  import { useHead } from '@unhead/vue'\n  import { useI18n } from 'vue-i18n'\n  import { useRoute } from 'vue-router'\n\n  import * as globals from '@pf/src/modules/globals/views/store/globals'\n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  const props = defineProps({\n    messages: {\n      type: Object,\n      required: true\n    },\n    logotype: {\n      type: Object\n    },\n  })\n  /////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n  /////////////////////////////\n  // META\n  /////////////////////////////\n  const { t, locale } = useI18n({\n    messages: props.messages\n  })\n\n\n  const route = useRoute();\n\n  const languages = ['en', 'ru'];\n  const base_url = process.env.FILE_SERVER_URL;\n\n  function removeTrailingSlash(url) {\n    return url.endsWith('/') ? url.slice(0, -1) : url;\n  }\n  // Используйте эту функцию, чтобы удалить слэш в конце URL\n  const metadata = computed(() => {return {\n    title: t('meta.title'),\n    description: t('meta.description'),\n    meta: [\n        { charset: 'utf-8' },\n        { name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no' },\n        { hid: 'description', name: 'description', content: t('meta.description') },\n        { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },\n        { hid: 'og:title', property: 'og:title', content: t('meta.og.title') },\n        { hid: 'og:description', property: 'og:description', content: t('meta.og.description') },\n        { hid: 'og:image', property: 'og:image', content: base_url + '/favicon/cover.jpg' },\n        { hid: 'og:url', property: 'og:url', content: removeTrailingSlash(`${base_url}${route.path}`) },\n        { hid: 'twitter:title', name: 'twitter:title', content: t('meta.twitter.title') },\n        { hid: 'twitter:description', name: 'twitter:description', content: t('meta.twitter.description') },\n        { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },\n        { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },\n        ],\n    link: [\n      { hid: 'canonical', rel: 'canonical', href: removeTrailingSlash(`${base_url}${route.path}`) },\n      ...generateAlternateLinks.value,\n    ],\n    htmlAttrs: { lang: t('meta.htmlAttrs.lang') }\n  }});\n\n  const generateAlternateLinks = computed(() => {\n    return languages.map(lang => {\n      let newPath = route.path;\n\n      if (route.params.locale) {\n        newPath = newPath.replace(`/${route.params.locale}`, `/${lang}`);\n      } else {\n        newPath = `/${lang}${newPath}`;\n      }\n      const href = removeTrailingSlash(`${base_url}${newPath}`);\n      return { \n        hid: 'alternate', \n        rel: 'alternate', \n        hreflang: lang, \n        href: href\n      };\n    });\n  });\n\n  useHead(metadata)\n  /////////////////////////////\n  // FIRST USE\n  /////////////////////////////\n  const FirstUse = ref(false);\n\n  import { Preferences } from '@capacitor/preferences';\n  import { Keyboard } from '@capacitor/keyboard';\n\n  if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) \n\n  async function getFirstUse() {\n    const ret = await Preferences.get({ key: 'first-use' });\n    FirstUse.value = ret.value ? JSON.parse(ret.value) : true;\n  }\n\n  const updateFirstUse = (value) => {\n    FirstUse.value = value;\n  }\n\n  onBeforeMount(async()=>{\n    const { value } = await Preferences.get({ key: 'darkmode' });\n    const isDarkMode = value ? JSON.parse(value) : false;\n    \n    // Устанавливаем тему\n    globals.actions.setTheme(isDarkMode);\n  })\n\n  onMounted(async () => {\n    await getFirstUse()\n    if (page) show.value = true\n  });\n</script>"],"names":["ref","useI18n","useRoute","computed","useHead","Keyboard","Preferences","onBeforeMount","globals.actions","onMounted"],"mappings":"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"}
+{"version":3,"file":"App.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/App.vue"],"sourcesContent":["<template>\n  <transition \n    name=\"moveFromTop\" \n    mode=\"out-in\"\n  >\n    <section \n      v-if=\"FirstUse && route.meta.walkthrough\"\n      class=\"w-100 h-100\" \n     >\n      <component \n        :is=\"route.meta.walkthrough\"\n        name=\"Walkthrough\"\n        @updateFirstUse=\"updateFirstUse\" \n        :slides=\"[1,2,3]\" \n        class=\"tab\"\n      >\n      </component>\n    </section>\n  </transition>\n\n  <!-- {{current_url}} -->\n  <transition name=\"moveFromTop\" mode=\"out-in\" appear>\n    <component\n      v-if=\"route.meta.sidebar && globals.state.isOpenSidebar\"\n      :is=\"route.meta.sidebar\"\n      :stateSidebar=\"globals.state.isOpenSidebar\" \n      @closeSidebar=\"() => { \n        globals.state.isOpenSidebar = !globals.state.isOpenSidebar \n      }\"\n\n      class=\"transition-ease-in-out pos-absolute w-70 z-index-0  bg-light\"\n      :class=\"{\n        'pos-l-70-negative': !globals.state.isOpenSidebar,\n        'pos-l-0': globals.state.isOpenSidebar\n      }\"\n      v-slot=\"{ Component }\"\n    >\n      <component\n        v-if=\"route.meta.navigation\"\n        :is=\"route.meta.navigation\"\n        class=\"h3 pd-big cols-1\" \n      />\n    </component>\n  </transition>\n\n  <router-view \n    v-slot=\"{ Component }\"\n    :class=\"{\n      'pos-l-70': globals.state.isOpenSidebar,\n      'pos-l-0': !globals.state.isOpenSidebar,\n    }\"\n    @click=\"globals.state.isOpenSidebar ? a => globals.state.isOpenSidebar = false : a => { console.log('not succes') }\"\n    class=\"transition-ease-in-out h-min-100 w-100 pos-relative\"\n  >\n    <component ref=\"page\" :is=\"Component\"/>\n  </router-view>\n</template>\n\n<script setup>\n  import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n\n  import { useHead } from '@unhead/vue'\n  import { useI18n } from 'vue-i18n'\n  import { useRoute } from 'vue-router'\n\n  import * as globals from '@pf/src/modules/globals/views/store/globals'\n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  const props = defineProps({\n    messages: {\n      type: Object,\n      required: true\n    },\n    logotype: {\n      type: Object\n    },\n  })\n  /////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n  /////////////////////////////\n  // META\n  /////////////////////////////\n  const { t, locale } = useI18n({\n    messages: props.messages\n  })\n\n\n  const route = useRoute();\n\n  const languages = ['en', 'ru'];\n  const base_url = process.env.FILE_SERVER_URL;\n\n  function removeTrailingSlash(url) {\n    return url.endsWith('/') ? url.slice(0, -1) : url;\n  }\n  // Используйте эту функцию, чтобы удалить слэш в конце URL\n  const metadata = computed(() => {return {\n    title: t('meta.title'),\n    description: t('meta.description'),\n    meta: [\n        { charset: 'utf-8' },\n        { name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no' },\n        { hid: 'description', name: 'description', content: t('meta.description') },\n        { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },\n        { hid: 'og:title', property: 'og:title', content: t('meta.og.title') },\n        { hid: 'og:description', property: 'og:description', content: t('meta.og.description') },\n        { hid: 'og:image', property: 'og:image', content: base_url + '/favicon/cover.jpg' },\n        { hid: 'og:url', property: 'og:url', content: removeTrailingSlash(`${base_url}${route.path}`) },\n        { hid: 'twitter:title', name: 'twitter:title', content: t('meta.twitter.title') },\n        { hid: 'twitter:description', name: 'twitter:description', content: t('meta.twitter.description') },\n        { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },\n        { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },\n        ],\n    link: [\n      { hid: 'canonical', rel: 'canonical', href: removeTrailingSlash(`${base_url}${route.path}`) },\n      ...generateAlternateLinks.value,\n    ],\n    htmlAttrs: { lang: t('meta.htmlAttrs.lang') }\n  }});\n\n  const generateAlternateLinks = computed(() => {\n    return languages.map(lang => {\n      let newPath = route.path;\n\n      if (route.params.locale) {\n        newPath = newPath.replace(`/${route.params.locale}`, `/${lang}`);\n      } else {\n        newPath = `/${lang}${newPath}`;\n      }\n      const href = removeTrailingSlash(`${base_url}${newPath}`);\n      return { \n        hid: 'alternate', \n        rel: 'alternate', \n        hreflang: lang, \n        href: href\n      };\n    });\n  });\n\n  useHead(metadata)\n  /////////////////////////////\n  // FIRST USE\n  /////////////////////////////\n  const FirstUse = ref(false);\n\n  import { Preferences } from '@capacitor/preferences';\n  import { Keyboard } from '@capacitor/keyboard';\n\n  if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) \n\n  async function getFirstUse() {\n    const ret = await Preferences.get({ key: 'first-use' });\n    FirstUse.value = ret.value ? JSON.parse(ret.value) : true;\n  }\n\n  const updateFirstUse = (value) => {\n    FirstUse.value = value;\n  }\n\n  onBeforeMount(async()=>{\n    const { value } = await Preferences.get({ key: 'darkmode' });\n    const isDarkMode = value ? JSON.parse(value) : false;\n    \n    // Устанавливаем тему\n    globals.actions.setTheme(isDarkMode);\n  })\n\n  onMounted(async () => {\n    await getFirstUse()\n    if (page) show.value = true\n  });\n</script>"],"names":["ref","useI18n","useRoute","computed","useHead","Keyboard","Preferences","onBeforeMount","globals.actions","onMounted"],"mappings":"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"}

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

@@ -99,7 +99,7 @@ const _sfc_main = {
       const _component_router_view = resolveComponent("router-view");
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(Transition, {
-          name: "scaleTransition",
+          name: "moveFromTop",
           mode: "out-in"
         }, {
           default: withCtx(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"App.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/App.vue"],"sourcesContent":["<template>\n  <transition \n    name=\"scaleTransition\" \n    mode=\"out-in\"\n  >\n    <section \n      v-if=\"FirstUse && route.meta.walkthrough\"\n      class=\"w-100 h-100\" \n     >\n      <component \n        :is=\"route.meta.walkthrough\"\n        name=\"Walkthrough\"\n        @updateFirstUse=\"updateFirstUse\" \n        :slides=\"[1,2,3]\" \n        class=\"tab\"\n      >\n      </component>\n    </section>\n  </transition>\n\n  <!-- {{current_url}} -->\n  <transition name=\"moveFromTop\" mode=\"out-in\" appear>\n    <component\n      v-if=\"route.meta.sidebar && globals.state.isOpenSidebar\"\n      :is=\"route.meta.sidebar\"\n      :stateSidebar=\"globals.state.isOpenSidebar\" \n      @closeSidebar=\"() => { \n        globals.state.isOpenSidebar = !globals.state.isOpenSidebar \n      }\"\n\n      class=\"transition-ease-in-out pos-absolute w-70 z-index-0  bg-light\"\n      :class=\"{\n        'pos-l-70-negative': !globals.state.isOpenSidebar,\n        'pos-l-0': globals.state.isOpenSidebar\n      }\"\n      v-slot=\"{ Component }\"\n    >\n      <component\n        v-if=\"route.meta.navigation\"\n        :is=\"route.meta.navigation\"\n        class=\"h3 pd-big cols-1\" \n      />\n    </component>\n  </transition>\n\n  <router-view \n    v-slot=\"{ Component }\"\n    :class=\"{\n      'pos-l-70': globals.state.isOpenSidebar,\n      'pos-l-0': !globals.state.isOpenSidebar,\n    }\"\n    @click=\"globals.state.isOpenSidebar ? a => globals.state.isOpenSidebar = false : a => { console.log('not succes') }\"\n    class=\"transition-ease-in-out h-min-100 w-100 pos-relative\"\n  >\n    <component ref=\"page\" :is=\"Component\"/>\n  </router-view>\n</template>\n\n<script setup>\n  import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n\n  import { useHead } from '@unhead/vue'\n  import { useI18n } from 'vue-i18n'\n  import { useRoute } from 'vue-router'\n\n  import * as globals from '@pf/src/modules/globals/views/store/globals'\n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  const props = defineProps({\n    messages: {\n      type: Object,\n      required: true\n    },\n    logotype: {\n      type: Object\n    },\n  })\n  /////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n  /////////////////////////////\n  // META\n  /////////////////////////////\n  const { t, locale } = useI18n({\n    messages: props.messages\n  })\n\n\n  const route = useRoute();\n\n  const languages = ['en', 'ru'];\n  const base_url = process.env.FILE_SERVER_URL;\n\n  function removeTrailingSlash(url) {\n    return url.endsWith('/') ? url.slice(0, -1) : url;\n  }\n  // Используйте эту функцию, чтобы удалить слэш в конце URL\n  const metadata = computed(() => {return {\n    title: t('meta.title'),\n    description: t('meta.description'),\n    meta: [\n        { charset: 'utf-8' },\n        { name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no' },\n        { hid: 'description', name: 'description', content: t('meta.description') },\n        { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },\n        { hid: 'og:title', property: 'og:title', content: t('meta.og.title') },\n        { hid: 'og:description', property: 'og:description', content: t('meta.og.description') },\n        { hid: 'og:image', property: 'og:image', content: base_url + '/favicon/cover.jpg' },\n        { hid: 'og:url', property: 'og:url', content: removeTrailingSlash(`${base_url}${route.path}`) },\n        { hid: 'twitter:title', name: 'twitter:title', content: t('meta.twitter.title') },\n        { hid: 'twitter:description', name: 'twitter:description', content: t('meta.twitter.description') },\n        { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },\n        { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },\n        ],\n    link: [\n      { hid: 'canonical', rel: 'canonical', href: removeTrailingSlash(`${base_url}${route.path}`) },\n      ...generateAlternateLinks.value,\n    ],\n    htmlAttrs: { lang: t('meta.htmlAttrs.lang') }\n  }});\n\n  const generateAlternateLinks = computed(() => {\n    return languages.map(lang => {\n      let newPath = route.path;\n\n      if (route.params.locale) {\n        newPath = newPath.replace(`/${route.params.locale}`, `/${lang}`);\n      } else {\n        newPath = `/${lang}${newPath}`;\n      }\n      const href = removeTrailingSlash(`${base_url}${newPath}`);\n      return { \n        hid: 'alternate', \n        rel: 'alternate', \n        hreflang: lang, \n        href: href\n      };\n    });\n  });\n\n  useHead(metadata)\n  /////////////////////////////\n  // FIRST USE\n  /////////////////////////////\n  const FirstUse = ref(false);\n\n  import { Preferences } from '@capacitor/preferences';\n  import { Keyboard } from '@capacitor/keyboard';\n\n  if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) \n\n  async function getFirstUse() {\n    const ret = await Preferences.get({ key: 'first-use' });\n    FirstUse.value = ret.value ? JSON.parse(ret.value) : true;\n  }\n\n  const updateFirstUse = (value) => {\n    FirstUse.value = value;\n  }\n\n  onBeforeMount(async()=>{\n    const { value } = await Preferences.get({ key: 'darkmode' });\n    const isDarkMode = value ? JSON.parse(value) : false;\n    \n    // Устанавливаем тему\n    globals.actions.setTheme(isDarkMode);\n  })\n\n  onMounted(async () => {\n    await getFirstUse()\n    if (page) show.value = true\n  });\n</script>"],"names":["globals.actions"],"mappings":"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"}
+{"version":3,"file":"App.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/App.vue"],"sourcesContent":["<template>\n  <transition \n    name=\"moveFromTop\" \n    mode=\"out-in\"\n  >\n    <section \n      v-if=\"FirstUse && route.meta.walkthrough\"\n      class=\"w-100 h-100\" \n     >\n      <component \n        :is=\"route.meta.walkthrough\"\n        name=\"Walkthrough\"\n        @updateFirstUse=\"updateFirstUse\" \n        :slides=\"[1,2,3]\" \n        class=\"tab\"\n      >\n      </component>\n    </section>\n  </transition>\n\n  <!-- {{current_url}} -->\n  <transition name=\"moveFromTop\" mode=\"out-in\" appear>\n    <component\n      v-if=\"route.meta.sidebar && globals.state.isOpenSidebar\"\n      :is=\"route.meta.sidebar\"\n      :stateSidebar=\"globals.state.isOpenSidebar\" \n      @closeSidebar=\"() => { \n        globals.state.isOpenSidebar = !globals.state.isOpenSidebar \n      }\"\n\n      class=\"transition-ease-in-out pos-absolute w-70 z-index-0  bg-light\"\n      :class=\"{\n        'pos-l-70-negative': !globals.state.isOpenSidebar,\n        'pos-l-0': globals.state.isOpenSidebar\n      }\"\n      v-slot=\"{ Component }\"\n    >\n      <component\n        v-if=\"route.meta.navigation\"\n        :is=\"route.meta.navigation\"\n        class=\"h3 pd-big cols-1\" \n      />\n    </component>\n  </transition>\n\n  <router-view \n    v-slot=\"{ Component }\"\n    :class=\"{\n      'pos-l-70': globals.state.isOpenSidebar,\n      'pos-l-0': !globals.state.isOpenSidebar,\n    }\"\n    @click=\"globals.state.isOpenSidebar ? a => globals.state.isOpenSidebar = false : a => { console.log('not succes') }\"\n    class=\"transition-ease-in-out h-min-100 w-100 pos-relative\"\n  >\n    <component ref=\"page\" :is=\"Component\"/>\n  </router-view>\n</template>\n\n<script setup>\n  import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n\n  import { useHead } from '@unhead/vue'\n  import { useI18n } from 'vue-i18n'\n  import { useRoute } from 'vue-router'\n\n  import * as globals from '@pf/src/modules/globals/views/store/globals'\n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  const props = defineProps({\n    messages: {\n      type: Object,\n      required: true\n    },\n    logotype: {\n      type: Object\n    },\n  })\n  /////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n  /////////////////////////////\n  // META\n  /////////////////////////////\n  const { t, locale } = useI18n({\n    messages: props.messages\n  })\n\n\n  const route = useRoute();\n\n  const languages = ['en', 'ru'];\n  const base_url = process.env.FILE_SERVER_URL;\n\n  function removeTrailingSlash(url) {\n    return url.endsWith('/') ? url.slice(0, -1) : url;\n  }\n  // Используйте эту функцию, чтобы удалить слэш в конце URL\n  const metadata = computed(() => {return {\n    title: t('meta.title'),\n    description: t('meta.description'),\n    meta: [\n        { charset: 'utf-8' },\n        { name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no' },\n        { hid: 'description', name: 'description', content: t('meta.description') },\n        { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },\n        { hid: 'og:title', property: 'og:title', content: t('meta.og.title') },\n        { hid: 'og:description', property: 'og:description', content: t('meta.og.description') },\n        { hid: 'og:image', property: 'og:image', content: base_url + '/favicon/cover.jpg' },\n        { hid: 'og:url', property: 'og:url', content: removeTrailingSlash(`${base_url}${route.path}`) },\n        { hid: 'twitter:title', name: 'twitter:title', content: t('meta.twitter.title') },\n        { hid: 'twitter:description', name: 'twitter:description', content: t('meta.twitter.description') },\n        { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },\n        { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },\n        ],\n    link: [\n      { hid: 'canonical', rel: 'canonical', href: removeTrailingSlash(`${base_url}${route.path}`) },\n      ...generateAlternateLinks.value,\n    ],\n    htmlAttrs: { lang: t('meta.htmlAttrs.lang') }\n  }});\n\n  const generateAlternateLinks = computed(() => {\n    return languages.map(lang => {\n      let newPath = route.path;\n\n      if (route.params.locale) {\n        newPath = newPath.replace(`/${route.params.locale}`, `/${lang}`);\n      } else {\n        newPath = `/${lang}${newPath}`;\n      }\n      const href = removeTrailingSlash(`${base_url}${newPath}`);\n      return { \n        hid: 'alternate', \n        rel: 'alternate', \n        hreflang: lang, \n        href: href\n      };\n    });\n  });\n\n  useHead(metadata)\n  /////////////////////////////\n  // FIRST USE\n  /////////////////////////////\n  const FirstUse = ref(false);\n\n  import { Preferences } from '@capacitor/preferences';\n  import { Keyboard } from '@capacitor/keyboard';\n\n  if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) \n\n  async function getFirstUse() {\n    const ret = await Preferences.get({ key: 'first-use' });\n    FirstUse.value = ret.value ? JSON.parse(ret.value) : true;\n  }\n\n  const updateFirstUse = (value) => {\n    FirstUse.value = value;\n  }\n\n  onBeforeMount(async()=>{\n    const { value } = await Preferences.get({ key: 'darkmode' });\n    const isDarkMode = value ? JSON.parse(value) : false;\n    \n    // Устанавливаем тему\n    globals.actions.setTheme(isDarkMode);\n  })\n\n  onMounted(async () => {\n    await getFirstUse()\n    if (page) show.value = true\n  });\n</script>"],"names":["globals.actions"],"mappings":"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"}

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

@@ -128,7 +128,7 @@ const _sfc_main = {
               vue.createVNode(_component_router_view, {
                 class: vue.normalizeClass([{
                   "scroll-hide": _ctx.MOBILE_APP
-                }, "o-y-scroll o-x-hidden h-100"])
+                }, "o-y-scroll o-x-hidden flex flex-column h-100"])
               }, {
                 default: vue.withCtx(({ Component, route: route2 }) => [
                   globals.state.error.show ? (vue.openBlock(), vue.createBlock(Status.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"Client.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div \n\t\tid=\"app-wrapper\"\n\t\tclass=\"pos-relative o-hidden\"\n\t\t:class=\"{\n  \t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t'bg-light': headerTheme === 'light',\n\t\t\t'bg-dark': headerTheme === 'dark' \n  \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t\n    <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header.component\"\n      ref=\"header\" \n      :is=\"route.meta.header.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.header.logotype\"\n      :location=\"route.meta.header.location\"\n    />\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<component\n       \tv-if=\"MOBILE_APP && !route.meta.hideNavigationBar\"\n        :is=\"route.meta.navigationbar\"\n        :logotype=\"route.meta.header.logotype\"\n      />\n\t\t</transition>\n\n\t  <Popup \n\t  \tv-if=\"route.meta.header.location\"\n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"transition-ease-in-out o-hidden w-100 pos-relative\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n\t\t\t}\"\n\t\t>\n\t\t\t<ShopCart />\n\n\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t<Breadcrumbs \n\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\tclass=\"bg-light pd-small radius-big\"\n\t\t\t\t/>\n\t\t\t</section> -->\n\n\t\t\t<Suspense>\n\t\t\t\t<router-view  \n\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"o-y-scroll o-x-hidden h-100\"\n\t\t\t\t>\n\t\t\t\t\t<Status \n\t\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t\t@close=\"globals.state.error.show = false\"\n\t\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\n\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t      \t<component \n\t\t      \t\tref=\"page\"  \n\t\t      \t\t:is=\"Component\" \n\t\t      \t\t:key=\"route.path\"\n\t\t      \t\tclass=\"h-min-100\"\n\t\t      \t/>\n\t\t      \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t      \t<!--  -->\n\t\t      </transition>\n\n\t\t      <!-- <Footer /> -->\n\t\t\t\t</router-view>\n\t\t\t</Suspense>\n     \n\t\t</section>\n\n\t\t<router-view  \n\t\t\tname=\"defaultBottom\"\n\t\t\tv-slot=\"{ Component, route }\" \n\t\t>\n\t\t\t<component \n    \t\t:is=\"Component\" \n    \t/>\n\t\t</router-view>\n\n    <component \n      v-if=\"MOBILE_APP && route.meta.title_hide\"\n      class=\"z-index-2\"\n    \t:is=\"route.meta.bottombar\"\n    />\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted  } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals';\n\t// Partials\n\timport Status from '@pf/src/components/Status/Status.vue';\n\timport Popup from '@pf/src/components/Popup/Popup.vue';\n\t// import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@pf/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue';\n\t// import Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\n\timport ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue';\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\t// const router = useRouter()\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t  globals.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tdocument.getElementById('app').scrollIntoView();\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn route.meta.header_theme  || 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme || 'light'\n\t\t}\n\t})\n\n\tconst handleScroll = () => {\n\t  scrollOffset.value = event.target.scrollTop\n\t};\n\n\tonMounted(async () => {\n\t\t \n\t\tif ('serviceWorker' in navigator) {\n\t   \twindow.addEventListener('load', () => {\n\t     \tnavigator.serviceWorker.register('/service-worker.js').then(registration => {\n\t       \tconsole.log('SW registered: ', registration);\n\t     \t}).catch(registrationError => {\n\t       \tconsole.log('SW registration failed: ', registrationError);\n\t     \t});\n\t   });\n\t \t}\n\t\t\n\t\tconst savedPosition = localStorage.getItem('position');\n\n\t  if (savedPosition) {\n\t    globals.state.position = JSON.parse(savedPosition);\n\t  } else {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  }\n\n\t\tif (referalCode.value) {\n\t\t  localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page.value) show.value = true\n\t});\n</script>\n\n<style lang=\"scss\">;\t\n\t.moveFromTop-enter-active,\n\t.moveFromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTop-enter-from,\n\t.moveFromTop-leave-to {\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.scaleTransition-5px-enter-active,\n  .scaleTransition-5px-leave-active {\n    transform: translateY(0px);  \n    opacity: 1;\n    z-index: 1;\n    transition: all 0.2s ease;\n  }\n\n  .scaleTransition-5px-enter-from,\n  .scaleTransition-5px-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    transform: translateY(-30px); \n    transition: all 0.2s ease;\n  }\n\n  .scaleTransition-enter-from,\n  .scaleTransition-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    width: inherit;\n    height: inherit;\n    display: block;\n    transform: translateY(30px); \n    transition: all 0.5s ease;\n  }\n\n  .scaleTransition-enter-active,\n  .scaleTransition-leave-active {\n    transform: translateY(0px);  \n    opacity: 1;\n    z-index: 1;\n    transition: all 0.5s ease;\n  }\n  .scaleTransition-enter-from,\n  .scaleTransition-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    width: inherit;\n    height: inherit;\n    display: block;\n    transform: translateY(30px); \n    transition: all 0.5s ease;\n  }\n\n  .scaleIn-enter-active,\n  .scaleIn-leave-active {\n    // background: red;\n    transition: all 0.5s ease;\n    > section,div { transform-origin: 0 0; transform: translateZ(0px);  transition: all 0.5s ease; }\n  }\n  .scaleIn-enter-from,\n  .scaleIn-leave-to {\n    opacity: 0;\n    transform: scale(0.95);\n    > section,div { transform: translateZ(-30px);  transition: all 0.5s ease; }\n  }\n</style>"],"names":["ref","useRoute","globals.state","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;AAmIE,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;AAE1B,UAAM,SAASA,IAAG,IAAC,IAAI;AAEvB,UAAM,cAAcG,IAAAA,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO,MAAM,KAAK,gBAAiB;AAAA,MACtC,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACrC;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Client.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div \n\t\tid=\"app-wrapper\"\n\t\tclass=\"pos-relative o-hidden\"\n\t\t:class=\"{\n  \t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t'bg-light': headerTheme === 'light',\n\t\t\t'bg-dark': headerTheme === 'dark' \n  \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t\n    <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header.component\"\n      ref=\"header\" \n      :is=\"route.meta.header.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.header.logotype\"\n      :location=\"route.meta.header.location\"\n    />\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<component\n       \tv-if=\"MOBILE_APP && !route.meta.hideNavigationBar\"\n        :is=\"route.meta.navigationbar\"\n        :logotype=\"route.meta.header.logotype\"\n      />\n\t\t</transition>\n\n\t  <Popup \n\t  \tv-if=\"route.meta.header.location\"\n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"transition-ease-in-out o-hidden w-100 pos-relative\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n\t\t\t}\"\n\t\t>\n\t\t\t<ShopCart />\n\n\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t<Breadcrumbs \n\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\tclass=\"bg-light pd-small radius-big\"\n\t\t\t\t/>\n\t\t\t</section> -->\n\n\t\t\t<Suspense>\n\t\t\t\t<router-view  \n\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"o-y-scroll o-x-hidden flex flex-column h-100\"\n\t\t\t\t>\n\t\t\t\t\t<Status \n\t\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t\t@close=\"globals.state.error.show = false\"\n\t\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\n\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t      \t<component \n\t\t      \t\tref=\"page\"  \n\t\t      \t\t:is=\"Component\" \n\t\t      \t\t:key=\"route.path\"\n\t\t      \t\tclass=\"h-min-100\"\n\t\t      \t/>\n\t\t      \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t      \t<!--  -->\n\t\t      </transition>\n\n\t\t      <!-- <Footer /> -->\n\t\t\t\t</router-view>\n\t\t\t</Suspense>\n     \n\t\t</section>\n\n\t\t<router-view  \n\t\t\tname=\"defaultBottom\"\n\t\t\tv-slot=\"{ Component, route }\" \n\t\t>\n\t\t\t<component \n    \t\t:is=\"Component\" \n    \t/>\n\t\t</router-view>\n\n    <component \n      v-if=\"MOBILE_APP && route.meta.title_hide\"\n      class=\"z-index-2\"\n    \t:is=\"route.meta.bottombar\"\n    />\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted  } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals';\n\t// Partials\n\timport Status from '@pf/src/components/Status/Status.vue';\n\timport Popup from '@pf/src/components/Popup/Popup.vue';\n\t// import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@pf/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue';\n\t// import Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\n\timport ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue';\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\t// const router = useRouter()\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t  globals.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tdocument.getElementById('app').scrollIntoView();\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn route.meta.header_theme  || 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme || 'light'\n\t\t}\n\t})\n\n\tconst handleScroll = () => {\n\t  scrollOffset.value = event.target.scrollTop\n\t};\n\n\tonMounted(async () => {\n\t\t \n\t\tif ('serviceWorker' in navigator) {\n\t   \twindow.addEventListener('load', () => {\n\t     \tnavigator.serviceWorker.register('/service-worker.js').then(registration => {\n\t       \tconsole.log('SW registered: ', registration);\n\t     \t}).catch(registrationError => {\n\t       \tconsole.log('SW registration failed: ', registrationError);\n\t     \t});\n\t   });\n\t \t}\n\t\t\n\t\tconst savedPosition = localStorage.getItem('position');\n\n\t  if (savedPosition) {\n\t    globals.state.position = JSON.parse(savedPosition);\n\t  } else {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  }\n\n\t\tif (referalCode.value) {\n\t\t  localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page.value) show.value = true\n\t});\n</script>\n\n<style lang=\"scss\">;\t\n\t.moveFromTop-enter-active,\n\t.moveFromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTop-enter-from,\n\t.moveFromTop-leave-to {\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.scaleTransition-5px-enter-active,\n  .scaleTransition-5px-leave-active {\n    transform: translateY(0px);  \n    opacity: 1;\n    z-index: 1;\n    transition: all 0.2s ease;\n  }\n\n  .scaleTransition-5px-enter-from,\n  .scaleTransition-5px-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    transform: translateY(-30px); \n    transition: all 0.2s ease;\n  }\n\n  .scaleTransition-enter-from,\n  .scaleTransition-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    width: inherit;\n    height: inherit;\n    display: block;\n    transform: translateY(30px); \n    transition: all 0.5s ease;\n  }\n\n  .scaleTransition-enter-active,\n  .scaleTransition-leave-active {\n    transform: translateY(0px);  \n    opacity: 1;\n    z-index: 1;\n    transition: all 0.5s ease;\n  }\n  .scaleTransition-enter-from,\n  .scaleTransition-leave-to {\n    opacity: 0;\n    z-index: 0;\n    position: absolute;\n    width: inherit;\n    height: inherit;\n    display: block;\n    transform: translateY(30px); \n    transition: all 0.5s ease;\n  }\n\n  .scaleIn-enter-active,\n  .scaleIn-leave-active {\n    // background: red;\n    transition: all 0.5s ease;\n    > section,div { transform-origin: 0 0; transform: translateZ(0px);  transition: all 0.5s ease; }\n  }\n  .scaleIn-enter-from,\n  .scaleIn-leave-to {\n    opacity: 0;\n    transform: scale(0.95);\n    > section,div { transform: translateZ(-30px);  transition: all 0.5s ease; }\n  }\n</style>"],"names":["ref","useRoute","globals.state","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;AAmIE,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;AAE1B,UAAM,SAASA,IAAG,IAAC,IAAI;AAEvB,UAAM,cAAcG,IAAAA,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO,MAAM,KAAK,gBAAiB;AAAA,MACtC,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACrC;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

@@ -126,7 +126,7 @@ const _sfc_main = {
               createVNode(_component_router_view, {
                 class: normalizeClass([{
                   "scroll-hide": _ctx.MOBILE_APP
-                }, "o-y-scroll o-x-hidden h-100"])
+                }, "o-y-scroll o-x-hidden flex flex-column h-100"])
               }, {
                 default: withCtx(({ Component, route: route2 }) => [
                   state.error.show ? (openBlock(), createBlock(_sfc_main$4, {

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

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

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.cjs

@@ -12,16 +12,16 @@ const ButtonToggleMembership = require("../elements/ButtonToggleMembership.vue.c
 const _hoisted_1 = { class: "h-4r flex pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100" };
-const _hoisted_4 = { class: "h4 t-truncate" };
+const _hoisted_4 = { class: "h4 t-truncate w-100" };
 const _hoisted_5 = {
   key: 0,
   class: "mn-t-micro gap-micro flex-nowrap flex"
 };
 const _hoisted_6 = {
   key: 0,
-  class: "fpos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+  class: "t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
 };
-const _hoisted_7 = { class: "" };
+const _hoisted_7 = { class: "t-truncate" };
 const _hoisted_8 = {
   key: 0,
   class: "mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium"
@@ -75,7 +75,7 @@ const _sfc_main = {
     const emits = __emit;
     vueRouter.useRouter();
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a, _b;
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "o-hidden pos-relative cursor-pointer bg-light",
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({ name: "Organization", params: { _id: __props.organization._id } }))
@@ -85,33 +85,42 @@ const _sfc_main = {
             key: 0,
             loading: "lazy",
             src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
-            class: "h-4r w-4r radius-extra bg-white"
+            class: "h-4r w-4r radius-extra bg-white",
+            style: { "flex": "0 1 auto" }
           }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createBlock(PlaceholderOrganizationPic.default, {
             key: 1,
-            class: "w-4r h-max radius-medium"
+            class: "w-4r h-max radius-medium",
+            style: { "flex": "0 1 auto" }
           })),
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(__props.organization.profile.name), 1),
             __props.showFollowers || __props.showTags ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              __props.showFollowers ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-                vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
-                ((_a = __props.user) == null ? void 0 : _a._id) && __props.organization.owner !== __props.user._id ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
-                  key: 0,
-                  user: __props.user._id,
-                  type: "organization",
-                  role: "subscriber",
-                  target: __props.organization._id,
-                  status: __props.organization.isSubscriber,
-                  text: { create: "+", remove: "-" },
-                  onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
-                  class: "i-semi"
-                }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
-              ])) : vue.createCommentVNode("", true),
-              __props.showTags && ((_b = __props.organization.profile.tags) == null ? void 0 : _b.length) > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
-                key: 1,
+              __props.showTags && ((_a = __props.organization.profile.tags) == null ? void 0 : _a.length) > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
+                key: 0,
                 chips: __props.organization.profile.tags.slice(0, 3),
-                class: "pos-relative p-medium"
-              }, null, 8, ["chips"])) : vue.createCommentVNode("", true)
+                class: "pos-relative t-trimmed p-medium"
+              }, {
+                default: vue.withCtx(() => {
+                  var _a2;
+                  return [
+                    __props.showFollowers ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                      vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
+                      ((_a2 = __props.user) == null ? void 0 : _a2._id) && __props.organization.owner !== __props.user._id ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
+                        key: 0,
+                        user: __props.user._id,
+                        type: "organization",
+                        role: "subscriber",
+                        target: __props.organization._id,
+                        status: __props.organization.isSubscriber,
+                        text: { create: "+", remove: "-" },
+                        onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
+                        class: "i-semi"
+                      }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
+                    ])) : vue.createCommentVNode("", true)
+                  ];
+                }),
+                _: 1
+              }, 8, ["chips"])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
           ])
         ]),
@@ -125,7 +134,7 @@ const _sfc_main = {
           vue.createVNode(IconShopcart.default, { class: "i-medium mn-r-micro" }),
           vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(__props.organization.products.length) + " products", 1)
         ])) : vue.createCommentVNode("", true),
-        __props.showProducts && ((_c = __props.organization.products) == null ? void 0 : _c.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+        __props.showProducts && ((_b = __props.organization.products) == null ? void 0 : _b.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
           vue.createElementVNode("div", _hoisted_15, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.organization.products.slice(0, 5), (product) => {
               return vue.openBlock(), vue.createBlock(CardOrderItem.default, {

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrganization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n  <div \n    class=\"o-hidden pos-relative cursor-pointer bg-light \"\n    @click=\"$router.push({name: 'Organization', params: {_id: organization._id}})\"\n  >\n    <div class=\"h-4r flex pos-relative\">\n\n      <img loading=\"lazy\" \n        v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n        class=\"h-4r w-4r radius-extra bg-white\" \n      />\n\n      <PlaceholderOrganizationPic\n        v-else\n        class=\"w-4r h-max radius-medium\"\n      />\n      \n      <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n        \n        <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n        <p class=\"h4 t-truncate\">{{organization.profile.name}}</p>\n        <!-- RATING -->\n        <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n          <img loading=\"lazy\" \n            v-for=\"i in 5\"\n            class=\"i-small mn-r-thin\"\n            :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n          >\n\n          <span class=\"p-small t-semi mn-r-thin\">{{organization.rating.median}}</span>\n          <span class=\"p-small\">({{organization.rating.amount}})</span>\n        </div> -->\n\n        <div v-if=\"showFollowers ||  showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n          <div v-if=\"showFollowers\" class=\"fpos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n            <p class=\"\">{{organization.numberOfSubscribers}} followers</p>\n\n            <ButtonToggleMembership\n              v-if=\"\n                user?._id \n                && organization.owner !== user._id\n              \"\n              :user=\"user._id\"\n              :type=\"'organization'\" \n              :role=\"'subscriber'\" \n              :target=\"organization._id\" \n              :status=\"organization.isSubscriber\" \n              :text=\"{create: '+', remove: '-'}\"\n              @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n              class=\"i-semi\" \n            />\n          </div>\n\n          <Chips \n            v-if=\"showTags && organization.profile.tags?.length > 0\" \n            :chips=\"organization.profile.tags.slice(0,3)\"\n            class=\"pos-relative p-medium\"\n          />\n\n        </div>\n\n      </div>\n\n    </div>\n\n\n    <div \n      v-if=\"showProducts && organization.products\" \n      class=\"mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n    >\n      <IconTime class=\"i-medium mn-r-micro\"/>\n      <span class=\"mn-r-thin\">{{\n        organization.distance ? \n          organization.distance > 50 ? \n            '3-5 days' : \n            Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n            + '-' \n            + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n            + ' MIN' : 'Unavailable' \n        }} \n      </span>\n      <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp mn-r-thin\">|</span>\n      <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + ' KM' : ''}} </span>\n      <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n      <IconPrice class=\"i-medium mn-r-micro\"/>\n      <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span>\n      <IconShopcart class=\"i-medium mn-r-micro\"/>\n      <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n    </div>\n\n    <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll radius-medium\">\n      <div class=\"w-max flex-nowrap flex gap-thin\">\n        <CardOrderItem  \n          @click.stop=\"$router.push({name: 'Organization_Product', params: {_id: organization._id, product: product._id}})\" \n          v-for=\"product in organization.products.slice(0,5)\" \n          :key=\"product._id\" \n          :editable=\"false\" \n          :product=\"product\" \n          class=\"pd-thin w-15r radius-medium bg-white\"\n         \n        />\n        <button class=\"pd-thin w-15r radius-medium bg-main button\">\n          View menu\n        </button>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue'\n  import { useRouter } from 'vue-router'\n  import CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n  import Text     from '@pf/src/components/Text/Text.vue'\n  import Chips  from '@pf/src/components/Chips/Chips.vue'\n\n  import PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n  import IconPrice from '@pf/src/modules/icons/entities/IconPrice.vue'\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n  import IconTime from '@pf/src/modules/icons/entities/IconTime.vue'\n\n  import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n  const props = defineProps({\n    // Model\n    user: String,\n    organization: Object,\n    // View\n    showProducts: {\n      type: Boolean,\n      default: false\n    },\n    showFollowers: {\n      type: Boolean,\n      default: true\n    },\n    showRating: {\n      type: Boolean,\n      default: false\n    },\n    showFeatured: {\n      type: Boolean,\n      default: true\n    },\n    showTags: {\n      type: Boolean,\n      default: true\n    },\n  });\n\n  const emits = defineEmits(['updateMembership'])\n\n  const router = useRouter();\n</script>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JE,UAAM,QAAQ;AAECA,wBAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrganization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n  <div \n    class=\"o-hidden pos-relative cursor-pointer bg-light \"\n    @click=\"$router.push({name: 'Organization', params: {_id: organization._id}})\"\n  >\n    <div class=\"h-4r flex pos-relative\">\n\n      <img loading=\"lazy\" \n        v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n        class=\"h-4r w-4r radius-extra bg-white\" \n        style=\"flex: 0 1 auto\"\n      />\n\n      <PlaceholderOrganizationPic\n        v-else\n        class=\"w-4r h-max radius-medium\"\n        style=\"flex: 0 1 auto\"\n      />\n      \n      <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n        \n        <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n        <p class=\"h4 t-truncate w-100\">{{organization.profile.name}}</p>\n        <!-- RATING -->\n        <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n          <img loading=\"lazy\" \n            v-for=\"i in 5\"\n            class=\"i-small mn-r-thin\"\n            :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n          >\n\n          <span class=\"p-small t-semi mn-r-thin\">{{organization.rating.median}}</span>\n          <span class=\"p-small\">({{organization.rating.amount}})</span>\n        </div> -->\n\n        <div v-if=\"showFollowers ||  showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n         \n\n          <Chips \n            v-if=\"showTags && organization.profile.tags?.length > 0\" \n            :chips=\"organization.profile.tags.slice(0,3)\"\n            class=\"pos-relative t-trimmed p-medium\"\n          >\n           <div v-if=\"showFollowers\" class=\"t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n            <p class=\"t-truncate\">{{organization.numberOfSubscribers}} followers</p>\n\n            <ButtonToggleMembership\n              v-if=\"\n                user?._id \n                && organization.owner !== user._id\n              \"\n              :user=\"user._id\"\n              :type=\"'organization'\" \n              :role=\"'subscriber'\" \n              :target=\"organization._id\" \n              :status=\"organization.isSubscriber\" \n              :text=\"{create: '+', remove: '-'}\"\n              @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n              class=\"i-semi\" \n            />\n          </div>\n        </Chips>\n        </div>\n\n      </div>\n\n    </div>\n\n\n    <div \n      v-if=\"showProducts && organization.products\" \n      class=\"mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n    >\n      <IconTime class=\"i-medium mn-r-micro\"/>\n      <span class=\"mn-r-thin\">{{\n        organization.distance ? \n          organization.distance > 50 ? \n            '3-5 days' : \n            Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n            + '-' \n            + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n            + ' MIN' : 'Unavailable' \n        }} \n      </span>\n      <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp mn-r-thin\">|</span>\n      <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + ' KM' : ''}} </span>\n      <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n      <IconPrice class=\"i-medium mn-r-micro\"/>\n      <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span>\n      <IconShopcart class=\"i-medium mn-r-micro\"/>\n      <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n    </div>\n\n    <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll radius-medium\">\n      <div class=\"w-max flex-nowrap flex gap-thin\">\n        <CardOrderItem  \n          @click.stop=\"$router.push({name: 'Organization_Product', params: {_id: organization._id, product: product._id}})\" \n          v-for=\"product in organization.products.slice(0,5)\" \n          :key=\"product._id\" \n          :editable=\"false\" \n          :product=\"product\" \n          class=\"pd-thin w-15r radius-medium bg-white\"\n         \n        />\n        <button class=\"pd-thin w-15r radius-medium bg-main button\">\n          View menu\n        </button>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue'\n  import { useRouter } from 'vue-router'\n  import CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n  import Text     from '@pf/src/components/Text/Text.vue'\n  import Chips  from '@pf/src/components/Chips/Chips.vue'\n\n  import PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n  import IconPrice from '@pf/src/modules/icons/entities/IconPrice.vue'\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n  import IconTime from '@pf/src/modules/icons/entities/IconTime.vue'\n\n  import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n  const props = defineProps({\n    // Model\n    user: String,\n    organization: Object,\n    // View\n    showProducts: {\n      type: Boolean,\n      default: false\n    },\n    showFollowers: {\n      type: Boolean,\n      default: true\n    },\n    showRating: {\n      type: Boolean,\n      default: false\n    },\n    showFeatured: {\n      type: Boolean,\n      default: true\n    },\n    showTags: {\n      type: Boolean,\n      default: true\n    },\n  });\n\n  const emits = defineEmits(['updateMembership'])\n\n  const router = useRouter();\n</script>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JE,UAAM,QAAQ;AAECA,wBAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.js

@@ -1,25 +1,25 @@
-import { openBlock, createElementBlock, createElementVNode, createBlock, toDisplayString, createCommentVNode, createVNode, Fragment, renderList, withModifiers } from "vue";
+import { openBlock, createElementBlock, createElementVNode, createBlock, toDisplayString, withCtx, createCommentVNode, createVNode, Fragment, renderList, withModifiers } from "vue";
 import { useRouter } from "vue-router";
 import _sfc_main$4 from "../../../orders/components/blocks/CardOrderItem.vue.js";
-import _sfc_main$2 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$1 from "../../../../components/Chips/Chips.vue.js";
 import PlaceholderOrganizationPic from "../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 import IconPrice from "../../../icons/entities/IconPrice.vue.js";
 import _sfc_main$3 from "../../../icons/entities/IconShopcart.vue.js";
 import IconTime from "../../../icons/entities/IconTime.vue.js";
-import _sfc_main$1 from "../elements/ButtonToggleMembership.vue.js";
+import _sfc_main$2 from "../elements/ButtonToggleMembership.vue.js";
 const _hoisted_1 = { class: "h-4r flex pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100" };
-const _hoisted_4 = { class: "h4 t-truncate" };
+const _hoisted_4 = { class: "h4 t-truncate w-100" };
 const _hoisted_5 = {
   key: 0,
   class: "mn-t-micro gap-micro flex-nowrap flex"
 };
 const _hoisted_6 = {
   key: 0,
-  class: "fpos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+  class: "t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
 };
-const _hoisted_7 = { class: "" };
+const _hoisted_7 = { class: "t-truncate" };
 const _hoisted_8 = {
   key: 0,
   class: "mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium"
@@ -73,7 +73,7 @@ const _sfc_main = {
     const emits = __emit;
     useRouter();
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a, _b;
       return openBlock(), createElementBlock("div", {
         class: "o-hidden pos-relative cursor-pointer bg-light",
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({ name: "Organization", params: { _id: __props.organization._id } }))
@@ -83,33 +83,42 @@ const _sfc_main = {
             key: 0,
             loading: "lazy",
             src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
-            class: "h-4r w-4r radius-extra bg-white"
+            class: "h-4r w-4r radius-extra bg-white",
+            style: { "flex": "0 1 auto" }
           }, null, 8, _hoisted_2)) : (openBlock(), createBlock(PlaceholderOrganizationPic, {
             key: 1,
-            class: "w-4r h-max radius-medium"
+            class: "w-4r h-max radius-medium",
+            style: { "flex": "0 1 auto" }
           })),
           createElementVNode("div", _hoisted_3, [
             createElementVNode("p", _hoisted_4, toDisplayString(__props.organization.profile.name), 1),
             __props.showFollowers || __props.showTags ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              __props.showFollowers ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                createElementVNode("p", _hoisted_7, toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
-                ((_a = __props.user) == null ? void 0 : _a._id) && __props.organization.owner !== __props.user._id ? (openBlock(), createBlock(_sfc_main$1, {
-                  key: 0,
-                  user: __props.user._id,
-                  type: "organization",
-                  role: "subscriber",
-                  target: __props.organization._id,
-                  status: __props.organization.isSubscriber,
-                  text: { create: "+", remove: "-" },
-                  onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
-                  class: "i-semi"
-                }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true),
-              __props.showTags && ((_b = __props.organization.profile.tags) == null ? void 0 : _b.length) > 0 ? (openBlock(), createBlock(_sfc_main$2, {
-                key: 1,
+              __props.showTags && ((_a = __props.organization.profile.tags) == null ? void 0 : _a.length) > 0 ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
                 chips: __props.organization.profile.tags.slice(0, 3),
-                class: "pos-relative p-medium"
-              }, null, 8, ["chips"])) : createCommentVNode("", true)
+                class: "pos-relative t-trimmed p-medium"
+              }, {
+                default: withCtx(() => {
+                  var _a2;
+                  return [
+                    __props.showFollowers ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                      createElementVNode("p", _hoisted_7, toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
+                      ((_a2 = __props.user) == null ? void 0 : _a2._id) && __props.organization.owner !== __props.user._id ? (openBlock(), createBlock(_sfc_main$2, {
+                        key: 0,
+                        user: __props.user._id,
+                        type: "organization",
+                        role: "subscriber",
+                        target: __props.organization._id,
+                        status: __props.organization.isSubscriber,
+                        text: { create: "+", remove: "-" },
+                        onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
+                        class: "i-semi"
+                      }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true)
+                  ];
+                }),
+                _: 1
+              }, 8, ["chips"])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ])
         ]),
@@ -123,7 +132,7 @@ const _sfc_main = {
           createVNode(_sfc_main$3, { class: "i-medium mn-r-micro" }),
           createElementVNode("span", _hoisted_13, toDisplayString(__props.organization.products.length) + " products", 1)
         ])) : createCommentVNode("", true),
-        __props.showProducts && ((_c = __props.organization.products) == null ? void 0 : _c.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_14, [
+        __props.showProducts && ((_b = __props.organization.products) == null ? void 0 : _b.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_14, [
           createElementVNode("div", _hoisted_15, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.organization.products.slice(0, 5), (product) => {
               return openBlock(), createBlock(_sfc_main$4, {