@ozdao/martyrs 0.2.477 → 0.2.479

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/CardHeader.vue"],"sourcesContent":["<template>\n\t<header \n\t\tv-if=\"owner\" \n\t\tclass=\"pd-b-zero \"\n\t>\n\t\t<div \n\t\t\tclass=\"w-100 flex-v-center flex-nojustify flex\"\n\t\t>\n\n\t\t\t<div\n\t\t\t\tclass=\"w-100 p-medium t-nowrap flex-nowrap flex-v-center flex\"\n\t\t\t>\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"owner.target?.profile?.photo?.length > 0 && type !== 'short'\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + owner.target.profile.photo\" \n\t\t\t\t\tclass=\"radius-medium flex-child-default object-fit-cover mn-r-thin i-thin\" \n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"!owner.target?.profile?.photo && type !== 'short'\"\n\t\t\t\t\t:is=\"owner.type === 'user' ? PlaceholderUserpic : PlaceholderOrganizationPic\"\n\t\t\t\t\tclass=\"radius-medium flex-child-default cursor-pointer mn-r-thin i-thin\"\n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"type !== 'short'\"\n\t\t\t\t\tclass=\"flex flex-nowrap t-medium w-100 o-hidden pos-relative\"\n\t\t\t\t>\n\t\t\t\t\t<span \n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{owner.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"\n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: 'User Profile', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: creator.target?._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>by {{creator.target?.profile?.name || creator.target?.username || 'Anonymous'}}</div>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"date\" class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span v-if=\"date\" class=\"pos-relative w-max\">\n\t\t\t\t\t\t<Tooltip v-if=\"date\" :text=\"formatDate(date)\">\n\t\t\t\t\t \t\t{{getTimeElapsed(date)}}\n\t\t\t\t\t \t</Tooltip>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\">\n\t\t\t\t\t\t· {{dateFormatted}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t\n\n\t\t\t\t<!-- Participaters avatar -->\n\n\t\t\t\t<div class=\"d-block mn-l-auto flex-nowrap flex flex-v-center\">\n\t\t\t\t\t\n\t\t\t\t\t<PhotoStack\n\t\t\t\t\t\tv-if=\"members\"\n\t\t\t\t\t\t:number=\"members\"\n\t\t\t    \t:photos=\"membersPhotos\" \n\t\t\t    />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Report -->\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"type !== 'short' && user && (user !== creator.target?._id || (actions && actions.length > 0))\"\n\t\t\t\t\t:label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer z-index-2\"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black flex-column flex gap-thin pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\tv-if=\"user !== creator.target?._id\"\n\t\t\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t\t\t:type=\"entityType\" \n\t\t\t\t\t\t\t:target=\"entity._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<template  \n\t\t\t        v-for=\"action in actions\"   \n\t\t\t        v-if=\"actions && actions.length > 0\"\n\t\t\t      >\n\t\t\t        <router-link\n\t\t\t          v-if=\"action.to\"\n\t\t\t          :key=\"action.to\"\n\t\t\t          :to=\"action.to\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </router-link>\n\n\t\t\t        <button\n\t\t\t          v-if=\"action.method\"\n\t\t\t          @click=\"action.method\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </button>\n\t\t\t      </template>\n\t\t\t\t\t</section>\n\t\t    </Dropdown>\t\n\t\t\t</div>\n\t\t</div>\n\t</header>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed,ref } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\timport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\n\timport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n\timport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\"\n\n\n\tconst props = defineProps([\n\t\t'user',\n\t\t'entity',\n\t\t'entityType',\n\t\t'date',\n\t\t'dateFormatted',\n\t\t'owner',\n\t\t'creator',\n\t\t'members',\n\t\t'membersPhotos',\n\t\t'type',\n\t\t'actions'\n\t])\n\n\tconst router = useRouter()\n\n\tfunction getTimeElapsed(timestamp) {\n\t  const now = new Date();\n\t  const createdAt = new Date(timestamp);\n\t  const timeDiff = Math.abs(now - createdAt);\n\t  const seconds = Math.floor(timeDiff / 1000);\n\t  const minutes = Math.floor(seconds / 60);\n\t  const hours = Math.floor(minutes / 60);\n\t  const days = Math.floor(hours / 24);\n\t  const weeks = Math.floor(days / 7);\n\t  \n\t  if (weeks > 0) {\n\t    return `${weeks} week${weeks > 1 ? 's' : ''} ago`;\n\t  } else if (days > 0) {\n\t    return `${days} day${days > 1 ? 's' : ''} ago`;\n\t  } else if (hours > 0) {\n\t    return `${hours} hour${hours > 1 ? 's' : ''} ago`;\n\t  } else if (minutes > 0) {\n\t    return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;\n\t  } else {\n\t    return 'Just now';\n\t  }\n\t}\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLgBA,cAAS,UAAA;AAExB,aAAS,eAAe,WAAW;AACjC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,YAAY,IAAI,KAAK,SAAS;AACpC,YAAM,WAAW,KAAK,IAAI,MAAM,SAAS;AACzC,YAAM,UAAU,KAAK,MAAM,WAAW,GAAI;AAC1C,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,YAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;AAClC,YAAM,QAAQ,KAAK,MAAM,OAAO,CAAC;AAEjC,UAAI,QAAQ,GAAG;AACb,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,OAAO,GAAG;AACnB,eAAO,GAAG,IAAI,OAAO,OAAO,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAc,QAAQ,GAAG;AACpB,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,UAAU,GAAG;AACtB,eAAO,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE;AAAA,MACtD,OAAU;AACL,eAAO;AAAA,MACZ;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardHeader.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/CardHeader.vue"],"sourcesContent":["<template>\n\t<header \n\t\tv-if=\"owner\" \n\t\tclass=\"pd-b-zero \"\n\t>\n\t\t<div \n\t\t\tclass=\"w-100 flex-v-center flex-nojustify flex\"\n\t\t>\n\n\t\t\t<div\n\t\t\t\tclass=\"w-100 p-medium t-nowrap flex-nowrap flex-v-center flex\"\n\t\t\t>\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"owner.target?.profile?.photo?.length > 0 && type !== 'short'\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + owner.target.profile.photo\" \n\t\t\t\t\tclass=\"radius-medium flex-child-default object-fit-cover mn-r-thin i-thin\" \n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"!owner.target?.profile?.photo && type !== 'short'\"\n\t\t\t\t\t:is=\"owner.type === 'user' ? PlaceholderUserpic : PlaceholderOrganizationPic\"\n\t\t\t\t\tclass=\"radius-medium flex-child-default cursor-pointer mn-r-thin i-thin\"\n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"type !== 'short'\"\n\t\t\t\t\tclass=\"flex flex-nowrap t-medium w-100 o-hidden pos-relative\"\n\t\t\t\t>\n\t\t\t\t\t<span \n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{owner.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"\n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: 'User Profile', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: creator.target?._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>by {{creator.target?.profile?.name || creator.target?.username || 'Anonymous'}}</div>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"date\" class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span v-if=\"date\" class=\"pos-relative w-max\">\n\t\t\t\t\t\t<Tooltip v-if=\"date\" :text=\"formatDate(date)\">\n\t\t\t\t\t \t\t{{getTimeElapsed(date)}}\n\t\t\t\t\t \t</Tooltip>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\">\n\t\t\t\t\t\t· {{dateFormatted}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t\n\n\t\t\t\t<!-- Participaters avatar -->\n\n\t\t\t\t<div class=\"d-block mn-l-auto flex-nowrap flex flex-v-center\">\n\t\t\t\t\t\n\t\t\t\t\t<PhotoStack\n\t\t\t\t\t\tv-if=\"members\"\n\t\t\t\t\t\t:number=\"members\"\n\t\t\t    \t:photos=\"membersPhotos\" \n\t\t\t    />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Report -->\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"type !== 'short' && user && (user !== creator.target?._id || (actions && actions.length > 0))\"\n\t\t\t\t\t:label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer z-index-2\"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black flex-column flex gap-thin pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\tv-if=\"user !== creator.target?._id\"\n\t\t\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t\t\t:type=\"entityType\" \n\t\t\t\t\t\t\t:target=\"entity._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<template  \n\t\t\t        v-for=\"action in actions\"   \n\t\t\t        v-if=\"actions && actions.length > 0\"\n\t\t\t      >\n\t\t\t        <router-link\n\t\t\t          v-if=\"action.to\"\n\t\t\t          :key=\"action.to\"\n\t\t\t          :to=\"action.to\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </router-link>\n\n\t\t\t        <button\n\t\t\t          v-if=\"action.method\"\n\t\t\t          @click=\"action.method\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </button>\n\t\t\t      </template>\n\t\t\t\t\t</section>\n\t\t    </Dropdown>\t\n\t\t\t</div>\n\t\t</div>\n\t</header>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed,ref } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\timport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\n\timport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n\timport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\"\n\n\n\tconst props = defineProps([\n\t\t'user',\n\t\t'entity',\n\t\t'entityType',\n\t\t'date',\n\t\t'dateFormatted',\n\t\t'owner',\n\t\t'creator',\n\t\t'members',\n\t\t'membersPhotos',\n\t\t'type',\n\t\t'actions'\n\t])\n\n\tconst router = useRouter()\n\n\tfunction getTimeElapsed(timestamp) {\n\t  const now = new Date();\n\t  const createdAt = new Date(timestamp);\n\t  const timeDiff = Math.abs(now - createdAt);\n\t  const seconds = Math.floor(timeDiff / 1000);\n\t  const minutes = Math.floor(seconds / 60);\n\t  const hours = Math.floor(minutes / 60);\n\t  const days = Math.floor(hours / 24);\n\t  const weeks = Math.floor(days / 7);\n\t  \n\t  if (weeks > 0) {\n\t    return `${weeks} week${weeks > 1 ? 's' : ''} ago`;\n\t  } else if (days > 0) {\n\t    return `${days} day${days > 1 ? 's' : ''} ago`;\n\t  } else if (hours > 0) {\n\t    return `${hours} hour${hours > 1 ? 's' : ''} ago`;\n\t  } else if (minutes > 0) {\n\t    return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;\n\t  } else {\n\t    return 'Just now';\n\t  }\n\t}\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmLgBA,cAAS,UAAA;AAExB,aAAS,eAAe,WAAW;AACjC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,YAAY,IAAI,KAAK,SAAS;AACpC,YAAM,WAAW,KAAK,IAAI,MAAM,SAAS;AACzC,YAAM,UAAU,KAAK,MAAM,WAAW,GAAI;AAC1C,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,YAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;AAClC,YAAM,QAAQ,KAAK,MAAM,OAAO,CAAC;AAEjC,UAAI,QAAQ,GAAG;AACb,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,OAAO,GAAG;AACnB,eAAO,GAAG,IAAI,OAAO,OAAO,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAc,QAAQ,GAAG;AACpB,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,UAAU,GAAG;AACtB,eAAO,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE;AAAA,MACtD,OAAU;AACL,eAAO;AAAA,MACZ;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.js

@@ -1,7 +1,7 @@
 import { resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, toDisplayString, withCtx, createTextVNode, Fragment, renderList, normalizeClass } from "vue";
 import { useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue.js";
-import _sfc_main$3 from "../../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue2.js";
+import _sfc_main$3 from "../../../../../components/Dropdown/Dropdown.vue2.js";
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
 import PlaceholderOrganizationPic from "../../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 import _sfc_main$4 from "../../../../icons/navigation/IconEllipsis.vue.js";

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/CardHeader.vue"],"sourcesContent":["<template>\n\t<header \n\t\tv-if=\"owner\" \n\t\tclass=\"pd-b-zero \"\n\t>\n\t\t<div \n\t\t\tclass=\"w-100 flex-v-center flex-nojustify flex\"\n\t\t>\n\n\t\t\t<div\n\t\t\t\tclass=\"w-100 p-medium t-nowrap flex-nowrap flex-v-center flex\"\n\t\t\t>\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"owner.target?.profile?.photo?.length > 0 && type !== 'short'\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + owner.target.profile.photo\" \n\t\t\t\t\tclass=\"radius-medium flex-child-default object-fit-cover mn-r-thin i-thin\" \n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"!owner.target?.profile?.photo && type !== 'short'\"\n\t\t\t\t\t:is=\"owner.type === 'user' ? PlaceholderUserpic : PlaceholderOrganizationPic\"\n\t\t\t\t\tclass=\"radius-medium flex-child-default cursor-pointer mn-r-thin i-thin\"\n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"type !== 'short'\"\n\t\t\t\t\tclass=\"flex flex-nowrap t-medium w-100 o-hidden pos-relative\"\n\t\t\t\t>\n\t\t\t\t\t<span \n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{owner.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"\n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: 'User Profile', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: creator.target?._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>by {{creator.target?.profile?.name || creator.target?.username || 'Anonymous'}}</div>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"date\" class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span v-if=\"date\" class=\"pos-relative w-max\">\n\t\t\t\t\t\t<Tooltip v-if=\"date\" :text=\"formatDate(date)\">\n\t\t\t\t\t \t\t{{getTimeElapsed(date)}}\n\t\t\t\t\t \t</Tooltip>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\">\n\t\t\t\t\t\t· {{dateFormatted}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t\n\n\t\t\t\t<!-- Participaters avatar -->\n\n\t\t\t\t<div class=\"d-block mn-l-auto flex-nowrap flex flex-v-center\">\n\t\t\t\t\t\n\t\t\t\t\t<PhotoStack\n\t\t\t\t\t\tv-if=\"members\"\n\t\t\t\t\t\t:number=\"members\"\n\t\t\t    \t:photos=\"membersPhotos\" \n\t\t\t    />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Report -->\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"type !== 'short' && user && (user !== creator.target?._id || (actions && actions.length > 0))\"\n\t\t\t\t\t:label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer z-index-2\"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black flex-column flex gap-thin pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\tv-if=\"user !== creator.target?._id\"\n\t\t\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t\t\t:type=\"entityType\" \n\t\t\t\t\t\t\t:target=\"entity._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<template  \n\t\t\t        v-for=\"action in actions\"   \n\t\t\t        v-if=\"actions && actions.length > 0\"\n\t\t\t      >\n\t\t\t        <router-link\n\t\t\t          v-if=\"action.to\"\n\t\t\t          :key=\"action.to\"\n\t\t\t          :to=\"action.to\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </router-link>\n\n\t\t\t        <button\n\t\t\t          v-if=\"action.method\"\n\t\t\t          @click=\"action.method\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </button>\n\t\t\t      </template>\n\t\t\t\t\t</section>\n\t\t    </Dropdown>\t\n\t\t\t</div>\n\t\t</div>\n\t</header>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed,ref } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\timport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\n\timport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n\timport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\"\n\n\n\tconst props = defineProps([\n\t\t'user',\n\t\t'entity',\n\t\t'entityType',\n\t\t'date',\n\t\t'dateFormatted',\n\t\t'owner',\n\t\t'creator',\n\t\t'members',\n\t\t'membersPhotos',\n\t\t'type',\n\t\t'actions'\n\t])\n\n\tconst router = useRouter()\n\n\tfunction getTimeElapsed(timestamp) {\n\t  const now = new Date();\n\t  const createdAt = new Date(timestamp);\n\t  const timeDiff = Math.abs(now - createdAt);\n\t  const seconds = Math.floor(timeDiff / 1000);\n\t  const minutes = Math.floor(seconds / 60);\n\t  const hours = Math.floor(minutes / 60);\n\t  const days = Math.floor(hours / 24);\n\t  const weeks = Math.floor(days / 7);\n\t  \n\t  if (weeks > 0) {\n\t    return `${weeks} week${weeks > 1 ? 's' : ''} ago`;\n\t  } else if (days > 0) {\n\t    return `${days} day${days > 1 ? 's' : ''} ago`;\n\t  } else if (hours > 0) {\n\t    return `${hours} hour${hours > 1 ? 's' : ''} ago`;\n\t  } else if (minutes > 0) {\n\t    return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;\n\t  } else {\n\t    return 'Just now';\n\t  }\n\t}\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLgB,cAAS;AAExB,aAAS,eAAe,WAAW;AACjC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,YAAY,IAAI,KAAK,SAAS;AACpC,YAAM,WAAW,KAAK,IAAI,MAAM,SAAS;AACzC,YAAM,UAAU,KAAK,MAAM,WAAW,GAAI;AAC1C,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,YAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;AAClC,YAAM,QAAQ,KAAK,MAAM,OAAO,CAAC;AAEjC,UAAI,QAAQ,GAAG;AACb,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,OAAO,GAAG;AACnB,eAAO,GAAG,IAAI,OAAO,OAAO,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAc,QAAQ,GAAG;AACpB,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,UAAU,GAAG;AACtB,eAAO,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE;AAAA,MACtD,OAAU;AACL,eAAO;AAAA,MACZ;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardHeader.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/CardHeader.vue"],"sourcesContent":["<template>\n\t<header \n\t\tv-if=\"owner\" \n\t\tclass=\"pd-b-zero \"\n\t>\n\t\t<div \n\t\t\tclass=\"w-100 flex-v-center flex-nojustify flex\"\n\t\t>\n\n\t\t\t<div\n\t\t\t\tclass=\"w-100 p-medium t-nowrap flex-nowrap flex-v-center flex\"\n\t\t\t>\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"owner.target?.profile?.photo?.length > 0 && type !== 'short'\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + owner.target.profile.photo\" \n\t\t\t\t\tclass=\"radius-medium flex-child-default object-fit-cover mn-r-thin i-thin\" \n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"!owner.target?.profile?.photo && type !== 'short'\"\n\t\t\t\t\t:is=\"owner.type === 'user' ? PlaceholderUserpic : PlaceholderOrganizationPic\"\n\t\t\t\t\tclass=\"radius-medium flex-child-default cursor-pointer mn-r-thin i-thin\"\n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"type !== 'short'\"\n\t\t\t\t\tclass=\"flex flex-nowrap t-medium w-100 o-hidden pos-relative\"\n\t\t\t\t>\n\t\t\t\t\t<span \n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{owner.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"\n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: 'User Profile', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: creator.target?._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>by {{creator.target?.profile?.name || creator.target?.username || 'Anonymous'}}</div>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"date\" class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span v-if=\"date\" class=\"pos-relative w-max\">\n\t\t\t\t\t\t<Tooltip v-if=\"date\" :text=\"formatDate(date)\">\n\t\t\t\t\t \t\t{{getTimeElapsed(date)}}\n\t\t\t\t\t \t</Tooltip>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\">\n\t\t\t\t\t\t· {{dateFormatted}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t\n\n\t\t\t\t<!-- Participaters avatar -->\n\n\t\t\t\t<div class=\"d-block mn-l-auto flex-nowrap flex flex-v-center\">\n\t\t\t\t\t\n\t\t\t\t\t<PhotoStack\n\t\t\t\t\t\tv-if=\"members\"\n\t\t\t\t\t\t:number=\"members\"\n\t\t\t    \t:photos=\"membersPhotos\" \n\t\t\t    />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Report -->\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"type !== 'short' && user && (user !== creator.target?._id || (actions && actions.length > 0))\"\n\t\t\t\t\t:label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer z-index-2\"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black flex-column flex gap-thin pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\tv-if=\"user !== creator.target?._id\"\n\t\t\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t\t\t:type=\"entityType\" \n\t\t\t\t\t\t\t:target=\"entity._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<template  \n\t\t\t        v-for=\"action in actions\"   \n\t\t\t        v-if=\"actions && actions.length > 0\"\n\t\t\t      >\n\t\t\t        <router-link\n\t\t\t          v-if=\"action.to\"\n\t\t\t          :key=\"action.to\"\n\t\t\t          :to=\"action.to\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </router-link>\n\n\t\t\t        <button\n\t\t\t          v-if=\"action.method\"\n\t\t\t          @click=\"action.method\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </button>\n\t\t\t      </template>\n\t\t\t\t\t</section>\n\t\t    </Dropdown>\t\n\t\t\t</div>\n\t\t</div>\n\t</header>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed,ref } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\timport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\n\timport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n\timport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\"\n\n\n\tconst props = defineProps([\n\t\t'user',\n\t\t'entity',\n\t\t'entityType',\n\t\t'date',\n\t\t'dateFormatted',\n\t\t'owner',\n\t\t'creator',\n\t\t'members',\n\t\t'membersPhotos',\n\t\t'type',\n\t\t'actions'\n\t])\n\n\tconst router = useRouter()\n\n\tfunction getTimeElapsed(timestamp) {\n\t  const now = new Date();\n\t  const createdAt = new Date(timestamp);\n\t  const timeDiff = Math.abs(now - createdAt);\n\t  const seconds = Math.floor(timeDiff / 1000);\n\t  const minutes = Math.floor(seconds / 60);\n\t  const hours = Math.floor(minutes / 60);\n\t  const days = Math.floor(hours / 24);\n\t  const weeks = Math.floor(days / 7);\n\t  \n\t  if (weeks > 0) {\n\t    return `${weeks} week${weeks > 1 ? 's' : ''} ago`;\n\t  } else if (days > 0) {\n\t    return `${days} day${days > 1 ? 's' : ''} ago`;\n\t  } else if (hours > 0) {\n\t    return `${hours} hour${hours > 1 ? 's' : ''} ago`;\n\t  } else if (minutes > 0) {\n\t    return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;\n\t  } else {\n\t    return 'Just now';\n\t  }\n\t}\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmLgB,cAAS;AAExB,aAAS,eAAe,WAAW;AACjC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,YAAY,IAAI,KAAK,SAAS;AACpC,YAAM,WAAW,KAAK,IAAI,MAAM,SAAS;AACzC,YAAM,UAAU,KAAK,MAAM,WAAW,GAAI;AAC1C,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,YAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;AAClC,YAAM,QAAQ,KAAK,MAAM,OAAO,CAAC;AAEjC,UAAI,QAAQ,GAAG;AACb,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,OAAO,GAAG;AACnB,eAAO,GAAG,IAAI,OAAO,OAAO,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAc,QAAQ,GAAG;AACpB,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,UAAU,GAAG;AACtB,eAAO,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE;AAAA,MACtD,OAAU;AACL,eAAO;AAAA,MACZ;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/elements/ButtonDate.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const IconDate = require("../../../../icons/entities/IconDate.vue.cjs");
-const _hoisted_1 = { class: "t-semi" };
+const _hoisted_1 = { class: "desktop-only mn-l-thin t-semi" };
 const _sfc_main = {
   __name: "ButtonDate",
   props: {
@@ -44,7 +44,7 @@ const _sfc_main = {
         onClick: handleClick,
         class: "cursor-pointer flex-center flex"
       }, [
-        vue.createVNode(IconDate.default, { class: "w-1r mn-r-thin h-auto" }),
+        vue.createVNode(IconDate.default, { class: "w-1r h-auto" }),
         vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(formattedDate.value), 1)
       ]);
     };

package/dist/martyrs/src/modules/globals/views/components/elements/ButtonDate.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDate.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconDate class=\"w-1r mn-r-thin h-auto\"/>\n    <span class=\"t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":["toRefs","computed"],"mappings":";;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAASA,IAAAA,OAAO,KAAK;AAErC,UAAM,gBAAgBC,IAAAA,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAO;AAAA,IAClC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACX;AAEE,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAa,CAAA;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MACjD;AAEE,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAa,CAAA;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonDate.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconDate class=\"w-1r h-auto\"/>\n    <span class=\"desktop-only mn-l-thin t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":["toRefs","computed"],"mappings":";;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAASA,IAAAA,OAAO,KAAK;AAErC,UAAM,gBAAgBC,IAAAA,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAO;AAAA,IAClC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACX;AAEE,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAa,CAAA;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MACjD;AAEE,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAa,CAAA;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/elements/ButtonDate.vue.js

@@ -1,6 +1,6 @@
 import { toRefs, computed, createElementBlock, openBlock, createVNode, createElementVNode, toDisplayString } from "vue";
 import _sfc_main$1 from "../../../../icons/entities/IconDate.vue.js";
-const _hoisted_1 = { class: "t-semi" };
+const _hoisted_1 = { class: "desktop-only mn-l-thin t-semi" };
 const _sfc_main = {
   __name: "ButtonDate",
   props: {
@@ -42,7 +42,7 @@ const _sfc_main = {
         onClick: handleClick,
         class: "cursor-pointer flex-center flex"
       }, [
-        createVNode(_sfc_main$1, { class: "w-1r mn-r-thin h-auto" }),
+        createVNode(_sfc_main$1, { class: "w-1r h-auto" }),
         createElementVNode("span", _hoisted_1, toDisplayString(formattedDate.value), 1)
       ]);
     };

package/dist/martyrs/src/modules/globals/views/components/elements/ButtonDate.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDate.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconDate class=\"w-1r mn-r-thin h-auto\"/>\n    <span class=\"t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAAS,OAAO,KAAK;AAErC,UAAM,gBAAgB,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAO;AAAA,IAClC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACX;AAEE,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAa,CAAA;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MACjD;AAEE,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAa,CAAA;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonDate.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconDate class=\"w-1r h-auto\"/>\n    <span class=\"desktop-only mn-l-thin t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAAS,OAAO,KAAK;AAErC,UAAM,gBAAgB,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAO;AAAA,IAClC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACX;AAEE,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAa,CAAA;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MACjD;AAEE,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAa,CAAA;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;"}

package/dist/martyrs/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  <router-view \n    v-slot=\"{ Component }\"\n  >\n    <component \n      ref=\"page\" \n      :env=\"env\"\n      :app=\"app\"\n      :modules=\"modules\"\n      :is=\"Component\"\n    />\n  </router-view>\n</template>\n\n<script setup>\n  import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n  import { Preferences } from '@capacitor/preferences';\n  import { Keyboard } from '@capacitor/keyboard';\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 '@martyrs/src/modules/globals/views/store/globals'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\n  const props = defineProps({\n    env: {\n      type: Object,\n      required: true\n    },\n    app: {\n      type: Object,\n      required: true\n    },\n    modules: {\n      type: Object,\n      required: true\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, availableLocales } = useI18n({\n    messages: props.app.messages\n  })\n\n  const route = useRoute();\n\n  const languages = availableLocales;\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  onBeforeMount(async()=>{\n    if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) \n\n    const { value } = await Preferences.get({ key: 'darkmode' });\n\n    const isDarkMode = value ? JSON.parse(value) : false;\n    \n    globals.actions.setTheme(isDarkMode);\n  })\n</script>"],"names":["ref","useI18n","useRoute","computed","useHead","onBeforeMount","Keyboard","Preferences","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAM,QAAQ;AAkBHA,QAAAA,IAAI,KAAK;AAEpB,UAAM,OAAOA,IAAAA,IAAI,IAAI;AAIrB,UAAM,EAAE,GAAG,QAAQ,iBAAgB,IAAKC,QAAAA,QAAQ;AAAA,MAC9C,UAAU,MAAM,IAAI;AAAA,IACrB,CAAA;AAED,UAAM,QAAQC,UAAAA,SAAU;AAExB,UAAM,YAAY;AAClB,UAAM,WAAW,QAAQ,IAAI;AAE7B,aAAS,oBAAoB,KAAK;AAChC,aAAO,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,GAAG,EAAE,IAAI;AAAA,IAClD;AAEE,UAAM,WAAWC,aAAS,MAAM;AAAC,aAAO;AAAA,QACtC,OAAO,EAAE,YAAY;AAAA,QACrB,aAAa,EAAE,kBAAkB;AAAA,QACjC,MAAM;AAAA,UACF,EAAE,SAAS,QAAS;AAAA,UACpB,EAAE,MAAM,YAAY,SAAS,wDAAyD;AAAA,UACtF,EAAE,KAAK,eAAe,MAAM,eAAe,SAAS,EAAE,kBAAkB,EAAG;AAAA,UAC3E,EAAE,KAAK,YAAY,MAAM,YAAY,SAAS,EAAE,eAAe,EAAG;AAAA,UAClE,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,EAAE,eAAe,EAAG;AAAA,UACtE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,SAAS,EAAE,qBAAqB,EAAG;AAAA,UACxF,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,WAAW,qBAAsB;AAAA,UACnF,EAAE,KAAK,UAAU,UAAU,UAAU,SAAS,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAG;AAAA,UAC/F,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,EAAE,oBAAoB,EAAG;AAAA,UACjF,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,EAAE,0BAA0B,EAAG;AAAA,UACnG,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,WAAW,qBAAsB;AAAA,UACzF,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,EAAE,mBAAmB,EAAG;AAAA,QAC7E;AAAA,QACL,MAAM;AAAA,UACJ,EAAE,KAAK,aAAa,KAAK,aAAa,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAG;AAAA,UAC7F,GAAG,uBAAuB;AAAA,QAC3B;AAAA,QACD,WAAW,EAAE,MAAM,EAAE,qBAAqB,EAAC;AAAA,MAC/C;AAAA,IAAG,CAAC;AAEF,UAAM,yBAAyBA,IAAAA,SAAS,MAAM;AAC5C,aAAO,UAAU,IAAI,UAAQ;AAC3B,YAAI,UAAU,MAAM;AAEpB,YAAI,MAAM,OAAO,QAAQ;AACvB,oBAAU,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,IAAI,IAAI,IAAI,EAAE;AAAA,QACvE,OAAa;AACL,oBAAU,IAAI,IAAI,GAAG,OAAO;AAAA,QACpC;AACM,cAAM,OAAO,oBAAoB,GAAG,QAAQ,GAAG,OAAO,EAAE;AACxD,eAAO;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,UAAU;AAAA,UACV;AAAA,QACD;AAAA,MACP,CAAK;AAAA,IACL,CAAG;AAEDC,gBAAAA,EAAQ,QAAQ;AAEhBC,QAAAA,cAAc,YAAS;AACrB,UAAI,QAAQ,IAAI,eAAe,MAAOC,OAAQ,SAAC,uBAAuB,EAAE,WAAW,OAAO;AAE1F,YAAM,EAAE,MAAK,IAAK,MAAMC,QAAAA,YAAY,IAAI,EAAE,KAAK,YAAY;AAE3D,YAAM,aAAa,QAAQ,KAAK,MAAM,KAAK,IAAI;AAE/CC,cAAe,QAAC,SAAS,UAAU;AAAA,IACpC,CAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"App.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/App.vue"],"sourcesContent":["<template>\n  <router-view \n    v-slot=\"{ Component }\"\n  >\n    <component \n      ref=\"page\" \n      :env=\"env\"\n      :app=\"app\"\n      :modules=\"modules\"\n      :is=\"Component\"\n    />\n  </router-view>\n</template>\n\n<script setup>\n  import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n  import { Preferences } from '@capacitor/preferences';\n  import { Keyboard } from '@capacitor/keyboard';\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 '@martyrs/src/modules/globals/views/store/globals.js'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  const props = defineProps({\n    env: {\n      type: Object,\n      required: true\n    },\n    app: {\n      type: Object,\n      required: true\n    },\n    modules: {\n      type: Object,\n      required: true\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, availableLocales } = useI18n({\n    messages: props.app.messages\n  })\n\n  const route = useRoute();\n\n  const languages = availableLocales;\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  onBeforeMount(async()=>{\n    if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) \n\n    const { value } = await Preferences.get({ key: 'darkmode' });\n\n    const isDarkMode = value ? JSON.parse(value) : false;\n    \n    globals.actions.setTheme(isDarkMode);\n  })\n</script>"],"names":["ref","useI18n","useRoute","computed","useHead","onBeforeMount","Keyboard","Preferences","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAM,QAAQ;AAkBHA,QAAAA,IAAI,KAAK;AAEpB,UAAM,OAAOA,IAAAA,IAAI,IAAI;AAIrB,UAAM,EAAE,GAAG,QAAQ,iBAAgB,IAAKC,QAAAA,QAAQ;AAAA,MAC9C,UAAU,MAAM,IAAI;AAAA,IACrB,CAAA;AAED,UAAM,QAAQC,UAAAA,SAAU;AAExB,UAAM,YAAY;AAClB,UAAM,WAAW,QAAQ,IAAI;AAE7B,aAAS,oBAAoB,KAAK;AAChC,aAAO,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,GAAG,EAAE,IAAI;AAAA,IAClD;AAEE,UAAM,WAAWC,aAAS,MAAM;AAAC,aAAO;AAAA,QACtC,OAAO,EAAE,YAAY;AAAA,QACrB,aAAa,EAAE,kBAAkB;AAAA,QACjC,MAAM;AAAA,UACF,EAAE,SAAS,QAAS;AAAA,UACpB,EAAE,MAAM,YAAY,SAAS,wDAAyD;AAAA,UACtF,EAAE,KAAK,eAAe,MAAM,eAAe,SAAS,EAAE,kBAAkB,EAAG;AAAA,UAC3E,EAAE,KAAK,YAAY,MAAM,YAAY,SAAS,EAAE,eAAe,EAAG;AAAA,UAClE,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,EAAE,eAAe,EAAG;AAAA,UACtE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,SAAS,EAAE,qBAAqB,EAAG;AAAA,UACxF,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,WAAW,qBAAsB;AAAA,UACnF,EAAE,KAAK,UAAU,UAAU,UAAU,SAAS,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAG;AAAA,UAC/F,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,EAAE,oBAAoB,EAAG;AAAA,UACjF,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,EAAE,0BAA0B,EAAG;AAAA,UACnG,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,WAAW,qBAAsB;AAAA,UACzF,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,EAAE,mBAAmB,EAAG;AAAA,QAC7E;AAAA,QACL,MAAM;AAAA,UACJ,EAAE,KAAK,aAAa,KAAK,aAAa,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAG;AAAA,UAC7F,GAAG,uBAAuB;AAAA,QAC3B;AAAA,QACD,WAAW,EAAE,MAAM,EAAE,qBAAqB,EAAC;AAAA,MAC/C;AAAA,IAAG,CAAC;AAEF,UAAM,yBAAyBA,IAAAA,SAAS,MAAM;AAC5C,aAAO,UAAU,IAAI,UAAQ;AAC3B,YAAI,UAAU,MAAM;AAEpB,YAAI,MAAM,OAAO,QAAQ;AACvB,oBAAU,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,IAAI,IAAI,IAAI,EAAE;AAAA,QACvE,OAAa;AACL,oBAAU,IAAI,IAAI,GAAG,OAAO;AAAA,QACpC;AACM,cAAM,OAAO,oBAAoB,GAAG,QAAQ,GAAG,OAAO,EAAE;AACxD,eAAO;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,UAAU;AAAA,UACV;AAAA,QACD;AAAA,MACP,CAAK;AAAA,IACL,CAAG;AAEDC,gBAAAA,EAAQ,QAAQ;AAEhBC,QAAAA,cAAc,YAAS;AACrB,UAAI,QAAQ,IAAI,eAAe,MAAOC,OAAQ,SAAC,uBAAuB,EAAE,WAAW,OAAO;AAE1F,YAAM,EAAE,MAAK,IAAK,MAAMC,QAAAA,YAAY,IAAI,EAAE,KAAK,YAAY;AAE3D,YAAM,aAAa,QAAQ,KAAK,MAAM,KAAK,IAAI;AAE/CC,cAAe,QAAC,SAAS,UAAU;AAAA,IACpC,CAAA;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/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  <router-view \n    v-slot=\"{ Component }\"\n  >\n    <component \n      ref=\"page\" \n      :env=\"env\"\n      :app=\"app\"\n      :modules=\"modules\"\n      :is=\"Component\"\n    />\n  </router-view>\n</template>\n\n<script setup>\n  import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n  import { Preferences } from '@capacitor/preferences';\n  import { Keyboard } from '@capacitor/keyboard';\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 '@martyrs/src/modules/globals/views/store/globals'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\n  const props = defineProps({\n    env: {\n      type: Object,\n      required: true\n    },\n    app: {\n      type: Object,\n      required: true\n    },\n    modules: {\n      type: Object,\n      required: true\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, availableLocales } = useI18n({\n    messages: props.app.messages\n  })\n\n  const route = useRoute();\n\n  const languages = availableLocales;\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  onBeforeMount(async()=>{\n    if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) \n\n    const { value } = await Preferences.get({ key: 'darkmode' });\n\n    const isDarkMode = value ? JSON.parse(value) : false;\n    \n    globals.actions.setTheme(isDarkMode);\n  })\n</script>"],"names":["globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAM,QAAQ;AAkBH,QAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAIrB,UAAM,EAAE,GAAG,QAAQ,iBAAgB,IAAK,QAAQ;AAAA,MAC9C,UAAU,MAAM,IAAI;AAAA,IACrB,CAAA;AAED,UAAM,QAAQ,SAAU;AAExB,UAAM,YAAY;AAClB,UAAM,WAAW,QAAQ,IAAI;AAE7B,aAAS,oBAAoB,KAAK;AAChC,aAAO,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,GAAG,EAAE,IAAI;AAAA,IAClD;AAEE,UAAM,WAAW,SAAS,MAAM;AAAC,aAAO;AAAA,QACtC,OAAO,EAAE,YAAY;AAAA,QACrB,aAAa,EAAE,kBAAkB;AAAA,QACjC,MAAM;AAAA,UACF,EAAE,SAAS,QAAS;AAAA,UACpB,EAAE,MAAM,YAAY,SAAS,wDAAyD;AAAA,UACtF,EAAE,KAAK,eAAe,MAAM,eAAe,SAAS,EAAE,kBAAkB,EAAG;AAAA,UAC3E,EAAE,KAAK,YAAY,MAAM,YAAY,SAAS,EAAE,eAAe,EAAG;AAAA,UAClE,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,EAAE,eAAe,EAAG;AAAA,UACtE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,SAAS,EAAE,qBAAqB,EAAG;AAAA,UACxF,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,WAAW,qBAAsB;AAAA,UACnF,EAAE,KAAK,UAAU,UAAU,UAAU,SAAS,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAG;AAAA,UAC/F,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,EAAE,oBAAoB,EAAG;AAAA,UACjF,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,EAAE,0BAA0B,EAAG;AAAA,UACnG,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,WAAW,qBAAsB;AAAA,UACzF,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,EAAE,mBAAmB,EAAG;AAAA,QAC7E;AAAA,QACL,MAAM;AAAA,UACJ,EAAE,KAAK,aAAa,KAAK,aAAa,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAG;AAAA,UAC7F,GAAG,uBAAuB;AAAA,QAC3B;AAAA,QACD,WAAW,EAAE,MAAM,EAAE,qBAAqB,EAAC;AAAA,MAC/C;AAAA,IAAG,CAAC;AAEF,UAAM,yBAAyB,SAAS,MAAM;AAC5C,aAAO,UAAU,IAAI,UAAQ;AAC3B,YAAI,UAAU,MAAM;AAEpB,YAAI,MAAM,OAAO,QAAQ;AACvB,oBAAU,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,IAAI,IAAI,IAAI,EAAE;AAAA,QACvE,OAAa;AACL,oBAAU,IAAI,IAAI,GAAG,OAAO;AAAA,QACpC;AACM,cAAM,OAAO,oBAAoB,GAAG,QAAQ,GAAG,OAAO,EAAE;AACxD,eAAO;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,UAAU;AAAA,UACV;AAAA,QACD;AAAA,MACP,CAAK;AAAA,IACL,CAAG;AAED,YAAQ,QAAQ;AAEhB,kBAAc,YAAS;AACrB,UAAI,QAAQ,IAAI,eAAe,MAAO,UAAS,uBAAuB,EAAE,WAAW,OAAO;AAE1F,YAAM,EAAE,MAAK,IAAK,MAAM,YAAY,IAAI,EAAE,KAAK,YAAY;AAE3D,YAAM,aAAa,QAAQ,KAAK,MAAM,KAAK,IAAI;AAE/CA,cAAgB,SAAS,UAAU;AAAA,IACpC,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"App.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/App.vue"],"sourcesContent":["<template>\n  <router-view \n    v-slot=\"{ Component }\"\n  >\n    <component \n      ref=\"page\" \n      :env=\"env\"\n      :app=\"app\"\n      :modules=\"modules\"\n      :is=\"Component\"\n    />\n  </router-view>\n</template>\n\n<script setup>\n  import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n  import { Preferences } from '@capacitor/preferences';\n  import { Keyboard } from '@capacitor/keyboard';\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 '@martyrs/src/modules/globals/views/store/globals.js'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  const props = defineProps({\n    env: {\n      type: Object,\n      required: true\n    },\n    app: {\n      type: Object,\n      required: true\n    },\n    modules: {\n      type: Object,\n      required: true\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, availableLocales } = useI18n({\n    messages: props.app.messages\n  })\n\n  const route = useRoute();\n\n  const languages = availableLocales;\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  onBeforeMount(async()=>{\n    if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false }) \n\n    const { value } = await Preferences.get({ key: 'darkmode' });\n\n    const isDarkMode = value ? JSON.parse(value) : false;\n    \n    globals.actions.setTheme(isDarkMode);\n  })\n</script>"],"names":["globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAM,QAAQ;AAkBH,QAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAIrB,UAAM,EAAE,GAAG,QAAQ,iBAAgB,IAAK,QAAQ;AAAA,MAC9C,UAAU,MAAM,IAAI;AAAA,IACrB,CAAA;AAED,UAAM,QAAQ,SAAU;AAExB,UAAM,YAAY;AAClB,UAAM,WAAW,QAAQ,IAAI;AAE7B,aAAS,oBAAoB,KAAK;AAChC,aAAO,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,GAAG,EAAE,IAAI;AAAA,IAClD;AAEE,UAAM,WAAW,SAAS,MAAM;AAAC,aAAO;AAAA,QACtC,OAAO,EAAE,YAAY;AAAA,QACrB,aAAa,EAAE,kBAAkB;AAAA,QACjC,MAAM;AAAA,UACF,EAAE,SAAS,QAAS;AAAA,UACpB,EAAE,MAAM,YAAY,SAAS,wDAAyD;AAAA,UACtF,EAAE,KAAK,eAAe,MAAM,eAAe,SAAS,EAAE,kBAAkB,EAAG;AAAA,UAC3E,EAAE,KAAK,YAAY,MAAM,YAAY,SAAS,EAAE,eAAe,EAAG;AAAA,UAClE,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,EAAE,eAAe,EAAG;AAAA,UACtE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,SAAS,EAAE,qBAAqB,EAAG;AAAA,UACxF,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,WAAW,qBAAsB;AAAA,UACnF,EAAE,KAAK,UAAU,UAAU,UAAU,SAAS,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAG;AAAA,UAC/F,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,EAAE,oBAAoB,EAAG;AAAA,UACjF,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,EAAE,0BAA0B,EAAG;AAAA,UACnG,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,WAAW,qBAAsB;AAAA,UACzF,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,EAAE,mBAAmB,EAAG;AAAA,QAC7E;AAAA,QACL,MAAM;AAAA,UACJ,EAAE,KAAK,aAAa,KAAK,aAAa,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAG;AAAA,UAC7F,GAAG,uBAAuB;AAAA,QAC3B;AAAA,QACD,WAAW,EAAE,MAAM,EAAE,qBAAqB,EAAC;AAAA,MAC/C;AAAA,IAAG,CAAC;AAEF,UAAM,yBAAyB,SAAS,MAAM;AAC5C,aAAO,UAAU,IAAI,UAAQ;AAC3B,YAAI,UAAU,MAAM;AAEpB,YAAI,MAAM,OAAO,QAAQ;AACvB,oBAAU,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,IAAI,IAAI,IAAI,EAAE;AAAA,QACvE,OAAa;AACL,oBAAU,IAAI,IAAI,GAAG,OAAO;AAAA,QACpC;AACM,cAAM,OAAO,oBAAoB,GAAG,QAAQ,GAAG,OAAO,EAAE;AACxD,eAAO;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,UAAU;AAAA,UACV;AAAA,QACD;AAAA,MACP,CAAK;AAAA,IACL,CAAG;AAED,YAAQ,QAAQ;AAEhB,kBAAc,YAAS;AACrB,UAAI,QAAQ,IAAI,eAAe,MAAO,UAAS,uBAAuB,EAAE,WAAW,OAAO;AAE1F,YAAM,EAAE,MAAK,IAAK,MAAM,YAAY,IAAI,EAAE,KAAK,YAAY;AAE3D,YAAM,aAAa,QAAQ,KAAK,MAAM,KAAK,IAAI;AAE/CA,cAAgB,SAAS,UAAU;AAAA,IACpC,CAAA;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/layouts/Client.vue.cjs

@@ -145,7 +145,7 @@ const _sfc_main = {
               ((_a2 = vue.unref(route).meta) == null ? void 0 : _a2.header_navigation) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(route).meta.header_navigation), {
                 key: 0,
                 horizontal: true,
-                navigationItems: vue.unref(route).meta.sidebar_navigation_items,
+                navigationItems: vue.unref(route).meta.header_navigation_items,
                 stateSidebar: globals.state.isOpenSidebar,
                 theme: headerTheme.value
               }, null, 8, ["navigationItems", "stateSidebar", "theme"])) : vue.createCommentVNode("", true)

package/dist/martyrs/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=\"flex flex-column h-100 w-100 pos-relative o-hidden\"\n\t\t:class=\"{\n  \t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t'bg-white': headerTheme === 'light',\n\t\t\t'bg-black': headerTheme === 'dark' \n  \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page || isPageLoading\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\n\t  <transition \n\t    name=\"moveFromTop\" \n\t    mode=\"out-in\"\n\t  >\n\t    <section \n\t      v-if=\"FirstUse && route.meta.walkthrough\"\n\t      class=\"w-100 h-100\" \n\t     >\n\t      <component \n\t        :is=\"route.meta.walkthrough\"\n\t        name=\"Walkthrough\"\n\t        @updateFirstUse=\"updateFirstUse\" \n\t        :slides=\"[1,2,3]\" \n\t        class=\"tab\"\n\t      >\n\t      </component>\n\t    </section>\n\t  </transition>\n\n    <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header\"\n      ref=\"header\" \n      :is=\"route.meta.header\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.logotype\"\n      :location=\"route.meta.location\"\n    >\n    \t<component\n\t\t    v-if=\"route.meta?.header_navigation\"\n\t\t    :is=\"route.meta.header_navigation\"\n\t\t    :horizontal=\"true\"\n\t\t\t\t:navigationItems=\"route.meta.sidebar_navigation_items\"\n\t\t\t\t:stateSidebar=\"globals.state.isOpenSidebar\" \n\t\t\t\t:theme=\"headerTheme\"\n\t\t  />\n  \t</component>\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.logotype\"\n        :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n      />\n\t\t</transition>\n\n\t  <Popup \n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t  <!-- class=\"flex flex-nowrap transition-ease-in-out o-hidden pos-relative\" -->\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"flex flex-nowrap h-100 pos-relative o-hidden  transition-ease-in-out\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n      }\"\n\t\t>\n\t\t\t<ShopCart \n\t\t\t\t:class=\"{\n\t\t\t\t\t'mobile:pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t}\"\n\t\t\t/>\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    <component\n\t      v-if=\"route.meta?.sidebar && !MOBILE_APP\"\n\t      v-slot=\"{ Component }\"\n\t      :is=\"route.meta.sidebar\"\n\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n\t      :widthHidden='route.meta?.sidebar_width_hidden'\n\t      :width=\"route.meta?.sidebar_width\"\n\t      :theme=\"headerTheme\"\n\t      @closeSidebar=\"() => globals.state.isOpenSidebar = false\"\n\t    >\n\t    \t<transition name=\"moveFromTop\"  mode=\"out-in\">\n\t\t      <component\n\t\t        v-if=\"route.meta?.sidebar_navigation\"\n\t\t        :is=\"route.meta.sidebar_navigation\"\n\t\t        :key=\"route.meta.sidebar_navigation\"\n\t\t        :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t\t\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n\t\t\t\t\t\t:theme=\"headerTheme\"\n\t\t      />\n\t      </transition>\n\t    </component>\n\t\t  <!-- rows-1-min0_max1 z-index-1 pos-relative w-100 h-100 -->\n\t\t  <div class=\"rows-1-min0_max1 z-index-1 pos-relative w-100 h-100\">\n  \t\t\t<Status \n\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t@close=\"globals.state.error.show = false\"\n\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t/>\n\t\t\t\t <Suspense @resolve=\"onSuspenseResolved\">\n\t\t\t\t\t<router-view  \n\t\t\t\t\t\tid=\"view\"\n\t\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tclass=\"o-y-scroll o-x-hidden flex flex-column pos-relative h-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t\t      \t<component \n\t\t\t      \t\tref=\"page\"  \n\t\t\t      \t\t:is=\"Component\" \n\t\t\t      \t\t:key=\"route.path\"\n\t\t\t      \t\tclass=\"w-100 h-min-100\"\n\t\t      \t\t \t@page-loading=\"handlePageLoading\"\n\t              @page-loaded=\"handlePageLoaded\"\n\t\t\t      \t/>\n\t\t\t      \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t\t      \t<!--  -->\n\t\t\t      </transition>\n\n\t\t\t      <!-- <Footer /> -->\n\t\t\t\t\t</router-view>\n\t\t\t\t</Suspense>\n\t\t\t</div>\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\t  <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.footer?.component && !route.meta.hideFooter\"\n      ref=\"footer\" \n      :is=\"route.meta.footer.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.footer.logotype\"\n      :location=\"route.meta.footer.location\"\n    />\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, watch  } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals';\n\t// Partials\n\timport Status from '@martyrs/src/components/Status/Status.vue';\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\t// import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@martyrs/src/modules/globals/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@martyrs/src/modules/globals/views/components/partials/LocationSelection.vue';\n\t// import Footer from '@martyrs/src/modules/globals/views/components/partials/Footer.vue'\n\n\timport ShopCart from '@martyrs/src/modules/orders/components/partials/ShopCart.vue';\n\t// PROPS\n\tconst props = defineProps({\n    env: {\n      type: Object,\n      required: true\n    },\n    app: {\n      type: Object,\n      required: true\n    },\n    modules: {\n      type: Object,\n      required: true\n    }\n  })\n\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\n  const isPageLoading = ref(true);\n  \n  // Обработчики событий загрузки\n  function handlePageLoading() {\n    isPageLoading.value = true;\n  }\n  \n  function handlePageLoaded() {\n    isPageLoading.value = false;\n  }\n  \n  // Обработка события разрешения Suspense (когда async setup компонента завершается)\n  function onSuspenseResolved() {\n    // Если страница не отправляет событие page-loaded, этот обработчик \n    // может служить запасным вариантом для отключения лоадера\n    // Можно оставить закомментированным, если все страницы будут явно вызывать handlePageLoaded\n    isPageLoading.value = false;\n  }\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  // FIRST USE\n  /////////////////////////////\n  const FirstUse = ref(false);\n\n  import { Preferences } from '@capacitor/preferences';\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\tonMounted(async () => {\n\t  await getFirstUse()\n\n\t\t// if ('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 if (route.meta.location) {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  } else {\n\t  \tglobals.state.isOpenLocationPopup = false;\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\">\n\t.fade-enter-active, .fade-leave-active {\n\t  transition: opacity .5s;\n\t}\n\t.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ */ {\n\t  opacity: 0;\n\t}\n\n\t\n  .fade-move,\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n  }\n\n  /* 2. declare enter from and leave to state */\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n    transform: translate(30px, 0);\n  }\n\n  /* 3. ensure leaving items are taken out of layout flow so that moving\n        animations can be calculated correctly. */\n  .fade-leave-active {\n    position: absolute;\n  }\n\n.moveFromTop-enter-active,\n.moveFromTop-leave-active {\n  transition: all 0.3s ease, max-height 0.2s ease;\n  overflow: hidden;\n}\n\n.moveFromTop-enter-from,\n.moveFromTop-leave-to {\n  transform: translateY(-1rem);\n  opacity: 0;\n  // max-height: 0;\n}\n\n.moveFromTop-enter-to,\n.moveFromTop-leave-from {\n  // max-height: 100vh; \n}\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","Preferences","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuNE,QAAI,OAAOA,IAAAA,IAAI,KAAK;AAEpB,UAAM,OAAOA,IAAAA,IAAI,IAAI;AAErB,UAAM,gBAAgBA,IAAG,IAAC,IAAI;AAG9B,aAAS,oBAAoB;AAC3B,oBAAc,QAAQ;AAAA,IAC1B;AAEE,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IAC1B;AAGE,aAAS,qBAAqB;AAI5B,oBAAc,QAAQ;AAAA,IAC1B;AAIC,UAAM,QAAQC,UAAQ,SAAA;AAGtB,UAAM,cAAcD,IAAG,IAAC,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BE,cAAa,MAAC,sBAAsB;AAAA,IACvC;AACC,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAgB;AAAA,IACjD;AAEC,UAAM,eAAeF,IAAAA,IAAI,CAAC;AAE1B,UAAM,SAASA,IAAAA,IAAI,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,MACrC;AAAA,IACE,CAAA;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACnC;AAIA,UAAM,WAAWH,IAAG,IAAC,KAAK;AAI1B,mBAAe,cAAc;AAC3B,YAAM,MAAM,MAAMI,MAAW,YAAC,IAAI,EAAE,KAAK,aAAa;AACtD,eAAS,QAAQ,IAAI,QAAQ,KAAK,MAAM,IAAI,KAAK,IAAI;AAAA,IACzD;AAEE,UAAM,iBAAiB,CAAC,UAAU;AAChC,eAAS,QAAQ;AAAA,IACrB;AAECC,QAAAA,UAAU,YAAY;AACpB,YAAM,YAAW;AAYlB,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBH,gBAAAA,MAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,WAAc,MAAM,KAAK,UAAU;AAC/BA,gBAAa,MAAC,sBAAsB;AAAA,MACxC,OAAU;AACNA,gBAAa,MAAC,sBAAsB;AAAA,MACxC;AAEE,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACzD;AAEE,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=\"flex flex-column h-100 w-100 pos-relative o-hidden\"\n\t\t:class=\"{\n  \t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t'bg-white': headerTheme === 'light',\n\t\t\t'bg-black': headerTheme === 'dark' \n  \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page || isPageLoading\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\n\t  <transition \n\t    name=\"moveFromTop\" \n\t    mode=\"out-in\"\n\t  >\n\t    <section \n\t      v-if=\"FirstUse && route.meta.walkthrough\"\n\t      class=\"w-100 h-100\" \n\t     >\n\t      <component \n\t        :is=\"route.meta.walkthrough\"\n\t        name=\"Walkthrough\"\n\t        @updateFirstUse=\"updateFirstUse\" \n\t        :slides=\"[1,2,3]\" \n\t        class=\"tab\"\n\t      >\n\t      </component>\n\t    </section>\n\t  </transition>\n\n    <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header\"\n      ref=\"header\" \n      :is=\"route.meta.header\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.logotype\"\n      :location=\"route.meta.location\"\n    >\n    \t<component\n\t\t    v-if=\"route.meta?.header_navigation\"\n\t\t    :is=\"route.meta.header_navigation\"\n\t\t    :horizontal=\"true\"\n\t\t\t\t:navigationItems=\"route.meta.header_navigation_items\"\n\t\t\t\t:stateSidebar=\"globals.state.isOpenSidebar\" \n\t\t\t\t:theme=\"headerTheme\"\n\t\t  />\n  \t</component>\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.logotype\"\n        :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n      />\n\t\t</transition>\n\n\t  <Popup \n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t  <!-- class=\"flex flex-nowrap transition-ease-in-out o-hidden pos-relative\" -->\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"flex flex-nowrap h-100 pos-relative o-hidden  transition-ease-in-out\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n      }\"\n\t\t>\n\t\t\t<ShopCart \n\t\t\t\t:class=\"{\n\t\t\t\t\t'mobile:pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t}\"\n\t\t\t/>\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    <component\n\t      v-if=\"route.meta?.sidebar && !MOBILE_APP\"\n\t      v-slot=\"{ Component }\"\n\t      :is=\"route.meta.sidebar\"\n\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n\t      :widthHidden='route.meta?.sidebar_width_hidden'\n\t      :width=\"route.meta?.sidebar_width\"\n\t      :theme=\"headerTheme\"\n\t      @closeSidebar=\"() => globals.state.isOpenSidebar = false\"\n\t    >\n\t    \t<transition name=\"moveFromTop\"  mode=\"out-in\">\n\t\t      <component\n\t\t        v-if=\"route.meta?.sidebar_navigation\"\n\t\t        :is=\"route.meta.sidebar_navigation\"\n\t\t        :key=\"route.meta.sidebar_navigation\"\n\t\t        :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t\t\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n\t\t\t\t\t\t:theme=\"headerTheme\"\n\t\t      />\n\t      </transition>\n\t    </component>\n\t\t  <!-- rows-1-min0_max1 z-index-1 pos-relative w-100 h-100 -->\n\t\t  <div class=\"rows-1-min0_max1 z-index-1 pos-relative w-100 h-100\">\n  \t\t\t<Status \n\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t@close=\"globals.state.error.show = false\"\n\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t/>\n\t\t\t\t <Suspense @resolve=\"onSuspenseResolved\">\n\t\t\t\t\t<router-view  \n\t\t\t\t\t\tid=\"view\"\n\t\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tclass=\"o-y-scroll o-x-hidden flex flex-column pos-relative h-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t\t      \t<component \n\t\t\t      \t\tref=\"page\"  \n\t\t\t      \t\t:is=\"Component\" \n\t\t\t      \t\t:key=\"route.path\"\n\t\t\t      \t\tclass=\"w-100 h-min-100\"\n\t\t      \t\t \t@page-loading=\"handlePageLoading\"\n\t              @page-loaded=\"handlePageLoaded\"\n\t\t\t      \t/>\n\t\t\t      \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t\t      \t<!--  -->\n\t\t\t      </transition>\n\n\t\t\t      <!-- <Footer /> -->\n\t\t\t\t\t</router-view>\n\t\t\t\t</Suspense>\n\t\t\t</div>\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\t  <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.footer?.component && !route.meta.hideFooter\"\n      ref=\"footer\" \n      :is=\"route.meta.footer.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.footer.logotype\"\n      :location=\"route.meta.footer.location\"\n    />\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, watch  } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n\t// Partials\n\timport Status from '@martyrs/src/components/Status/Status.vue';\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\t// import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@martyrs/src/modules/globals/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@martyrs/src/modules/globals/views/components/partials/LocationSelection.vue';\n\t// import Footer from '@martyrs/src/modules/globals/views/components/partials/Footer.vue'\n\n\timport ShopCart from '@martyrs/src/modules/orders/components/partials/ShopCart.vue';\n\t// PROPS\n\tconst props = defineProps({\n    env: {\n      type: Object,\n      required: true\n    },\n    app: {\n      type: Object,\n      required: true\n    },\n    modules: {\n      type: Object,\n      required: true\n    }\n  })\n\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\n  const isPageLoading = ref(true);\n  \n  // Обработчики событий загрузки\n  function handlePageLoading() {\n    isPageLoading.value = true;\n  }\n  \n  function handlePageLoaded() {\n    isPageLoading.value = false;\n  }\n  \n  // Обработка события разрешения Suspense (когда async setup компонента завершается)\n  function onSuspenseResolved() {\n    // Если страница не отправляет событие page-loaded, этот обработчик \n    // может служить запасным вариантом для отключения лоадера\n    // Можно оставить закомментированным, если все страницы будут явно вызывать handlePageLoaded\n    isPageLoading.value = false;\n  }\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  // FIRST USE\n  /////////////////////////////\n  const FirstUse = ref(false);\n\n  import { Preferences } from '@capacitor/preferences';\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\tonMounted(async () => {\n\t  await getFirstUse()\n\n\t\t// if ('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 if (route.meta.location) {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  } else {\n\t  \tglobals.state.isOpenLocationPopup = false;\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\">\n\t.fade-enter-active, .fade-leave-active {\n\t  transition: opacity .5s;\n\t}\n\t.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ */ {\n\t  opacity: 0;\n\t}\n\n\t\n  .fade-move,\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n  }\n\n  /* 2. declare enter from and leave to state */\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n    transform: translate(30px, 0);\n  }\n\n  /* 3. ensure leaving items are taken out of layout flow so that moving\n        animations can be calculated correctly. */\n  .fade-leave-active {\n    position: absolute;\n  }\n\n.moveFromTop-enter-active,\n.moveFromTop-leave-active {\n  transition: all 0.3s ease, max-height 0.2s ease;\n  overflow: hidden;\n}\n\n.moveFromTop-enter-from,\n.moveFromTop-leave-to {\n  transform: translateY(-1rem);\n  opacity: 0;\n  // max-height: 0;\n}\n\n.moveFromTop-enter-to,\n.moveFromTop-leave-from {\n  // max-height: 100vh; \n}\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","Preferences","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuNE,QAAI,OAAOA,IAAAA,IAAI,KAAK;AAEpB,UAAM,OAAOA,IAAAA,IAAI,IAAI;AAErB,UAAM,gBAAgBA,IAAG,IAAC,IAAI;AAG9B,aAAS,oBAAoB;AAC3B,oBAAc,QAAQ;AAAA,IAC1B;AAEE,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IAC1B;AAGE,aAAS,qBAAqB;AAI5B,oBAAc,QAAQ;AAAA,IAC1B;AAIC,UAAM,QAAQC,UAAQ,SAAA;AAGtB,UAAM,cAAcD,IAAG,IAAC,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BE,cAAa,MAAC,sBAAsB;AAAA,IACvC;AACC,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAgB;AAAA,IACjD;AAEC,UAAM,eAAeF,IAAAA,IAAI,CAAC;AAE1B,UAAM,SAASA,IAAAA,IAAI,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,MACrC;AAAA,IACE,CAAA;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACnC;AAIA,UAAM,WAAWH,IAAG,IAAC,KAAK;AAI1B,mBAAe,cAAc;AAC3B,YAAM,MAAM,MAAMI,MAAW,YAAC,IAAI,EAAE,KAAK,aAAa;AACtD,eAAS,QAAQ,IAAI,QAAQ,KAAK,MAAM,IAAI,KAAK,IAAI;AAAA,IACzD;AAEE,UAAM,iBAAiB,CAAC,UAAU;AAChC,eAAS,QAAQ;AAAA,IACrB;AAECC,QAAAA,UAAU,YAAY;AACpB,YAAM,YAAW;AAYlB,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBH,gBAAAA,MAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,WAAc,MAAM,KAAK,UAAU;AAC/BA,gBAAa,MAAC,sBAAsB;AAAA,MACxC,OAAU;AACNA,gBAAa,MAAC,sBAAsB;AAAA,MACxC;AAEE,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACzD;AAEE,UAAI,KAAK,MAAO,MAAK,QAAQ;AAAA,IAC/B,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/layouts/Client.vue.js

@@ -143,7 +143,7 @@ const _sfc_main = {
               ((_a2 = unref(route).meta) == null ? void 0 : _a2.header_navigation) ? (openBlock(), createBlock(resolveDynamicComponent(unref(route).meta.header_navigation), {
                 key: 0,
                 horizontal: true,
-                navigationItems: unref(route).meta.sidebar_navigation_items,
+                navigationItems: unref(route).meta.header_navigation_items,
                 stateSidebar: state.isOpenSidebar,
                 theme: headerTheme.value
               }, null, 8, ["navigationItems", "stateSidebar", "theme"])) : createCommentVNode("", true)

package/dist/martyrs/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=\"flex flex-column h-100 w-100 pos-relative o-hidden\"\n\t\t:class=\"{\n  \t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t'bg-white': headerTheme === 'light',\n\t\t\t'bg-black': headerTheme === 'dark' \n  \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page || isPageLoading\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\n\t  <transition \n\t    name=\"moveFromTop\" \n\t    mode=\"out-in\"\n\t  >\n\t    <section \n\t      v-if=\"FirstUse && route.meta.walkthrough\"\n\t      class=\"w-100 h-100\" \n\t     >\n\t      <component \n\t        :is=\"route.meta.walkthrough\"\n\t        name=\"Walkthrough\"\n\t        @updateFirstUse=\"updateFirstUse\" \n\t        :slides=\"[1,2,3]\" \n\t        class=\"tab\"\n\t      >\n\t      </component>\n\t    </section>\n\t  </transition>\n\n    <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header\"\n      ref=\"header\" \n      :is=\"route.meta.header\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.logotype\"\n      :location=\"route.meta.location\"\n    >\n    \t<component\n\t\t    v-if=\"route.meta?.header_navigation\"\n\t\t    :is=\"route.meta.header_navigation\"\n\t\t    :horizontal=\"true\"\n\t\t\t\t:navigationItems=\"route.meta.sidebar_navigation_items\"\n\t\t\t\t:stateSidebar=\"globals.state.isOpenSidebar\" \n\t\t\t\t:theme=\"headerTheme\"\n\t\t  />\n  \t</component>\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.logotype\"\n        :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n      />\n\t\t</transition>\n\n\t  <Popup \n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t  <!-- class=\"flex flex-nowrap transition-ease-in-out o-hidden pos-relative\" -->\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"flex flex-nowrap h-100 pos-relative o-hidden  transition-ease-in-out\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n      }\"\n\t\t>\n\t\t\t<ShopCart \n\t\t\t\t:class=\"{\n\t\t\t\t\t'mobile:pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t}\"\n\t\t\t/>\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    <component\n\t      v-if=\"route.meta?.sidebar && !MOBILE_APP\"\n\t      v-slot=\"{ Component }\"\n\t      :is=\"route.meta.sidebar\"\n\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n\t      :widthHidden='route.meta?.sidebar_width_hidden'\n\t      :width=\"route.meta?.sidebar_width\"\n\t      :theme=\"headerTheme\"\n\t      @closeSidebar=\"() => globals.state.isOpenSidebar = false\"\n\t    >\n\t    \t<transition name=\"moveFromTop\"  mode=\"out-in\">\n\t\t      <component\n\t\t        v-if=\"route.meta?.sidebar_navigation\"\n\t\t        :is=\"route.meta.sidebar_navigation\"\n\t\t        :key=\"route.meta.sidebar_navigation\"\n\t\t        :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t\t\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n\t\t\t\t\t\t:theme=\"headerTheme\"\n\t\t      />\n\t      </transition>\n\t    </component>\n\t\t  <!-- rows-1-min0_max1 z-index-1 pos-relative w-100 h-100 -->\n\t\t  <div class=\"rows-1-min0_max1 z-index-1 pos-relative w-100 h-100\">\n  \t\t\t<Status \n\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t@close=\"globals.state.error.show = false\"\n\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t/>\n\t\t\t\t <Suspense @resolve=\"onSuspenseResolved\">\n\t\t\t\t\t<router-view  \n\t\t\t\t\t\tid=\"view\"\n\t\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tclass=\"o-y-scroll o-x-hidden flex flex-column pos-relative h-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t\t      \t<component \n\t\t\t      \t\tref=\"page\"  \n\t\t\t      \t\t:is=\"Component\" \n\t\t\t      \t\t:key=\"route.path\"\n\t\t\t      \t\tclass=\"w-100 h-min-100\"\n\t\t      \t\t \t@page-loading=\"handlePageLoading\"\n\t              @page-loaded=\"handlePageLoaded\"\n\t\t\t      \t/>\n\t\t\t      \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t\t      \t<!--  -->\n\t\t\t      </transition>\n\n\t\t\t      <!-- <Footer /> -->\n\t\t\t\t\t</router-view>\n\t\t\t\t</Suspense>\n\t\t\t</div>\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\t  <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.footer?.component && !route.meta.hideFooter\"\n      ref=\"footer\" \n      :is=\"route.meta.footer.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.footer.logotype\"\n      :location=\"route.meta.footer.location\"\n    />\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, watch  } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals';\n\t// Partials\n\timport Status from '@martyrs/src/components/Status/Status.vue';\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\t// import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@martyrs/src/modules/globals/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@martyrs/src/modules/globals/views/components/partials/LocationSelection.vue';\n\t// import Footer from '@martyrs/src/modules/globals/views/components/partials/Footer.vue'\n\n\timport ShopCart from '@martyrs/src/modules/orders/components/partials/ShopCart.vue';\n\t// PROPS\n\tconst props = defineProps({\n    env: {\n      type: Object,\n      required: true\n    },\n    app: {\n      type: Object,\n      required: true\n    },\n    modules: {\n      type: Object,\n      required: true\n    }\n  })\n\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\n  const isPageLoading = ref(true);\n  \n  // Обработчики событий загрузки\n  function handlePageLoading() {\n    isPageLoading.value = true;\n  }\n  \n  function handlePageLoaded() {\n    isPageLoading.value = false;\n  }\n  \n  // Обработка события разрешения Suspense (когда async setup компонента завершается)\n  function onSuspenseResolved() {\n    // Если страница не отправляет событие page-loaded, этот обработчик \n    // может служить запасным вариантом для отключения лоадера\n    // Можно оставить закомментированным, если все страницы будут явно вызывать handlePageLoaded\n    isPageLoading.value = false;\n  }\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  // FIRST USE\n  /////////////////////////////\n  const FirstUse = ref(false);\n\n  import { Preferences } from '@capacitor/preferences';\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\tonMounted(async () => {\n\t  await getFirstUse()\n\n\t\t// if ('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 if (route.meta.location) {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  } else {\n\t  \tglobals.state.isOpenLocationPopup = false;\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\">\n\t.fade-enter-active, .fade-leave-active {\n\t  transition: opacity .5s;\n\t}\n\t.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ */ {\n\t  opacity: 0;\n\t}\n\n\t\n  .fade-move,\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n  }\n\n  /* 2. declare enter from and leave to state */\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n    transform: translate(30px, 0);\n  }\n\n  /* 3. ensure leaving items are taken out of layout flow so that moving\n        animations can be calculated correctly. */\n  .fade-leave-active {\n    position: absolute;\n  }\n\n.moveFromTop-enter-active,\n.moveFromTop-leave-active {\n  transition: all 0.3s ease, max-height 0.2s ease;\n  overflow: hidden;\n}\n\n.moveFromTop-enter-from,\n.moveFromTop-leave-to {\n  transform: translateY(-1rem);\n  opacity: 0;\n  // max-height: 0;\n}\n\n.moveFromTop-enter-to,\n.moveFromTop-leave-from {\n  // max-height: 100vh; \n}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuNE,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAErB,UAAM,gBAAgB,IAAI,IAAI;AAG9B,aAAS,oBAAoB;AAC3B,oBAAc,QAAQ;AAAA,IAC1B;AAEE,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IAC1B;AAGE,aAAS,qBAAqB;AAI5B,oBAAc,QAAQ;AAAA,IAC1B;AAIC,UAAM,QAAQ,SAAQ;AAGtB,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BA,YAAc,sBAAsB;AAAA,IACvC;AACC,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAgB;AAAA,IACjD;AAEC,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,MACrC;AAAA,IACE,CAAA;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACnC;AAIA,UAAM,WAAW,IAAI,KAAK;AAI1B,mBAAe,cAAc;AAC3B,YAAM,MAAM,MAAM,YAAY,IAAI,EAAE,KAAK,aAAa;AACtD,eAAS,QAAQ,IAAI,QAAQ,KAAK,MAAM,IAAI,KAAK,IAAI;AAAA,IACzD;AAEE,UAAM,iBAAiB,CAAC,UAAU;AAChC,eAAS,QAAQ;AAAA,IACrB;AAEC,cAAU,YAAY;AACpB,YAAM,YAAW;AAYlB,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBA,cAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,WAAc,MAAM,KAAK,UAAU;AAC/BA,cAAc,sBAAsB;AAAA,MACxC,OAAU;AACNA,cAAc,sBAAsB;AAAA,MACxC;AAEE,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACzD;AAEE,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=\"flex flex-column h-100 w-100 pos-relative o-hidden\"\n\t\t:class=\"{\n  \t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t'bg-white': headerTheme === 'light',\n\t\t\t'bg-black': headerTheme === 'dark' \n  \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page || isPageLoading\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\n\t  <transition \n\t    name=\"moveFromTop\" \n\t    mode=\"out-in\"\n\t  >\n\t    <section \n\t      v-if=\"FirstUse && route.meta.walkthrough\"\n\t      class=\"w-100 h-100\" \n\t     >\n\t      <component \n\t        :is=\"route.meta.walkthrough\"\n\t        name=\"Walkthrough\"\n\t        @updateFirstUse=\"updateFirstUse\" \n\t        :slides=\"[1,2,3]\" \n\t        class=\"tab\"\n\t      >\n\t      </component>\n\t    </section>\n\t  </transition>\n\n    <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header\"\n      ref=\"header\" \n      :is=\"route.meta.header\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.logotype\"\n      :location=\"route.meta.location\"\n    >\n    \t<component\n\t\t    v-if=\"route.meta?.header_navigation\"\n\t\t    :is=\"route.meta.header_navigation\"\n\t\t    :horizontal=\"true\"\n\t\t\t\t:navigationItems=\"route.meta.header_navigation_items\"\n\t\t\t\t:stateSidebar=\"globals.state.isOpenSidebar\" \n\t\t\t\t:theme=\"headerTheme\"\n\t\t  />\n  \t</component>\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.logotype\"\n        :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n      />\n\t\t</transition>\n\n\t  <Popup \n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t  <!-- class=\"flex flex-nowrap transition-ease-in-out o-hidden pos-relative\" -->\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"flex flex-nowrap h-100 pos-relative o-hidden  transition-ease-in-out\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n      }\"\n\t\t>\n\t\t\t<ShopCart \n\t\t\t\t:class=\"{\n\t\t\t\t\t'mobile:pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t}\"\n\t\t\t/>\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    <component\n\t      v-if=\"route.meta?.sidebar && !MOBILE_APP\"\n\t      v-slot=\"{ Component }\"\n\t      :is=\"route.meta.sidebar\"\n\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n\t      :widthHidden='route.meta?.sidebar_width_hidden'\n\t      :width=\"route.meta?.sidebar_width\"\n\t      :theme=\"headerTheme\"\n\t      @closeSidebar=\"() => globals.state.isOpenSidebar = false\"\n\t    >\n\t    \t<transition name=\"moveFromTop\"  mode=\"out-in\">\n\t\t      <component\n\t\t        v-if=\"route.meta?.sidebar_navigation\"\n\t\t        :is=\"route.meta.sidebar_navigation\"\n\t\t        :key=\"route.meta.sidebar_navigation\"\n\t\t        :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t\t\t      :stateSidebar=\"globals.state.isOpenSidebar\" \n\t\t\t\t\t\t:theme=\"headerTheme\"\n\t\t      />\n\t      </transition>\n\t    </component>\n\t\t  <!-- rows-1-min0_max1 z-index-1 pos-relative w-100 h-100 -->\n\t\t  <div class=\"rows-1-min0_max1 z-index-1 pos-relative w-100 h-100\">\n  \t\t\t<Status \n\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t@close=\"globals.state.error.show = false\"\n\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t/>\n\t\t\t\t <Suspense @resolve=\"onSuspenseResolved\">\n\t\t\t\t\t<router-view  \n\t\t\t\t\t\tid=\"view\"\n\t\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tclass=\"o-y-scroll o-x-hidden flex flex-column pos-relative h-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t\t      \t<component \n\t\t\t      \t\tref=\"page\"  \n\t\t\t      \t\t:is=\"Component\" \n\t\t\t      \t\t:key=\"route.path\"\n\t\t\t      \t\tclass=\"w-100 h-min-100\"\n\t\t      \t\t \t@page-loading=\"handlePageLoading\"\n\t              @page-loaded=\"handlePageLoaded\"\n\t\t\t      \t/>\n\t\t\t      \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t\t      \t<!--  -->\n\t\t\t      </transition>\n\n\t\t\t      <!-- <Footer /> -->\n\t\t\t\t\t</router-view>\n\t\t\t\t</Suspense>\n\t\t\t</div>\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\t  <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.footer?.component && !route.meta.hideFooter\"\n      ref=\"footer\" \n      :is=\"route.meta.footer.component\"\n      :theme=\"headerTheme\"\n      :logotype=\"route.meta.footer.logotype\"\n      :location=\"route.meta.footer.location\"\n    />\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, watch  } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n\t// Partials\n\timport Status from '@martyrs/src/components/Status/Status.vue';\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\t// import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@martyrs/src/modules/globals/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@martyrs/src/modules/globals/views/components/partials/LocationSelection.vue';\n\t// import Footer from '@martyrs/src/modules/globals/views/components/partials/Footer.vue'\n\n\timport ShopCart from '@martyrs/src/modules/orders/components/partials/ShopCart.vue';\n\t// PROPS\n\tconst props = defineProps({\n    env: {\n      type: Object,\n      required: true\n    },\n    app: {\n      type: Object,\n      required: true\n    },\n    modules: {\n      type: Object,\n      required: true\n    }\n  })\n\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\n  const isPageLoading = ref(true);\n  \n  // Обработчики событий загрузки\n  function handlePageLoading() {\n    isPageLoading.value = true;\n  }\n  \n  function handlePageLoaded() {\n    isPageLoading.value = false;\n  }\n  \n  // Обработка события разрешения Suspense (когда async setup компонента завершается)\n  function onSuspenseResolved() {\n    // Если страница не отправляет событие page-loaded, этот обработчик \n    // может служить запасным вариантом для отключения лоадера\n    // Можно оставить закомментированным, если все страницы будут явно вызывать handlePageLoaded\n    isPageLoading.value = false;\n  }\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  // FIRST USE\n  /////////////////////////////\n  const FirstUse = ref(false);\n\n  import { Preferences } from '@capacitor/preferences';\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\tonMounted(async () => {\n\t  await getFirstUse()\n\n\t\t// if ('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 if (route.meta.location) {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  } else {\n\t  \tglobals.state.isOpenLocationPopup = false;\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\">\n\t.fade-enter-active, .fade-leave-active {\n\t  transition: opacity .5s;\n\t}\n\t.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ */ {\n\t  opacity: 0;\n\t}\n\n\t\n  .fade-move,\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n  }\n\n  /* 2. declare enter from and leave to state */\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n    transform: translate(30px, 0);\n  }\n\n  /* 3. ensure leaving items are taken out of layout flow so that moving\n        animations can be calculated correctly. */\n  .fade-leave-active {\n    position: absolute;\n  }\n\n.moveFromTop-enter-active,\n.moveFromTop-leave-active {\n  transition: all 0.3s ease, max-height 0.2s ease;\n  overflow: hidden;\n}\n\n.moveFromTop-enter-from,\n.moveFromTop-leave-to {\n  transform: translateY(-1rem);\n  opacity: 0;\n  // max-height: 0;\n}\n\n.moveFromTop-enter-to,\n.moveFromTop-leave-from {\n  // max-height: 100vh; \n}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuNE,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAErB,UAAM,gBAAgB,IAAI,IAAI;AAG9B,aAAS,oBAAoB;AAC3B,oBAAc,QAAQ;AAAA,IAC1B;AAEE,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IAC1B;AAGE,aAAS,qBAAqB;AAI5B,oBAAc,QAAQ;AAAA,IAC1B;AAIC,UAAM,QAAQ,SAAQ;AAGtB,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BA,YAAc,sBAAsB;AAAA,IACvC;AACC,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAgB;AAAA,IACjD;AAEC,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,MACrC;AAAA,IACE,CAAA;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACnC;AAIA,UAAM,WAAW,IAAI,KAAK;AAI1B,mBAAe,cAAc;AAC3B,YAAM,MAAM,MAAM,YAAY,IAAI,EAAE,KAAK,aAAa;AACtD,eAAS,QAAQ,IAAI,QAAQ,KAAK,MAAM,IAAI,KAAK,IAAI;AAAA,IACzD;AAEE,UAAM,iBAAiB,CAAC,UAAU;AAChC,eAAS,QAAQ;AAAA,IACrB;AAEC,cAAU,YAAY;AACpB,YAAM,YAAW;AAYlB,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBA,cAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,WAAc,MAAM,KAAK,UAAU;AAC/BA,cAAc,sBAAsB;AAAA,MACxC,OAAU;AACNA,cAAc,sBAAsB;AAAA,MACxC;AAEE,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACzD;AAEE,UAAI,KAAK,MAAO,MAAK,QAAQ;AAAA,IAC/B,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/BottomNavigationBar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigationBar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n    <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n        <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n          <!-- Home -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\" \n            :class=\"{ 't-second': $route.path === '/', 't-transp': $route.path !== '/' }\"\n            to=\"/\"\n          >\n            <IconHome \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.home')}}</p>\n          </router-link>\n\n          <!-- Gallery -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n            to=\"/marketplac\"\n          >\n            <IconCatalog \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n          </router-link>\n\n          <!-- Events -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n            to=\"/rents\"\n          >\n            <IconShopcart \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.rents')}}</p>\n          </router-link>\n\n          <!-- Community -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n            to=\"/community\"\n          >\n            <IconCommunity \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.community')}}</p>\n          </router-link>\n\n          <!-- Account -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ \n              't-second': $route.path.startsWith('/auth/') || $route.path.startsWith('/users/'),\n              't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n            }\"\n            :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n          >\n            <IconProfile \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path.startsWith('/auth/') || $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.profile')}}</p>\n          </router-link>\n        </nav>\n    </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n  \"en\": {\n    \"navigation\": {\n      \"home\": \"Home\",\n      \"catalog\": \"Catalog\",\n      \"rents\": \"My Rents\",\n      \"community\": \"Community\",\n      \"profile\": \"Profile\"\n    }\n  }\n}})\n</script>"],"names":["useRoute","ref","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuFcA,cAAQ,SAAA;AACtB,UAAM,SAASC,IAAG,IAAC,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAKC,QAAO,QAAC,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BottomNavigationBar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n    <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n        <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n          <!-- Home -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\" \n            :class=\"{ 't-second': $route.path === '/', 't-transp': $route.path !== '/' }\"\n            to=\"/\"\n          >\n            <IconHome \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.home')}}</p>\n          </router-link>\n\n          <!-- Gallery -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n            to=\"/marketplac\"\n          >\n            <IconCatalog \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n          </router-link>\n\n          <!-- Events -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n            to=\"/rents\"\n          >\n            <IconShopcart \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.rents')}}</p>\n          </router-link>\n\n          <!-- Community -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n            to=\"/community\"\n          >\n            <IconCommunity \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.community')}}</p>\n          </router-link>\n\n          <!-- Account -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ \n              't-second': $route.path.startsWith('/auth/') || $route.path.startsWith('/users/'),\n              't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n            }\"\n            :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n          >\n            <IconProfile \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path.startsWith('/auth/') || $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.profile')}}</p>\n          </router-link>\n        </nav>\n    </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n  \"en\": {\n    \"navigation\": {\n      \"home\": \"Home\",\n      \"catalog\": \"Catalog\",\n      \"rents\": \"My Rents\",\n      \"community\": \"Community\",\n      \"profile\": \"Profile\"\n    }\n  }\n}})\n</script>"],"names":["useRoute","ref","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuFcA,cAAQ,SAAA;AACtB,UAAM,SAASC,IAAG,IAAC,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAKC,QAAO,QAAC,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/BottomNavigationBar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigationBar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n    <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n        <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n          <!-- Home -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\" \n            :class=\"{ 't-second': $route.path === '/', 't-transp': $route.path !== '/' }\"\n            to=\"/\"\n          >\n            <IconHome \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.home')}}</p>\n          </router-link>\n\n          <!-- Gallery -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n            to=\"/marketplac\"\n          >\n            <IconCatalog \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n          </router-link>\n\n          <!-- Events -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n            to=\"/rents\"\n          >\n            <IconShopcart \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.rents')}}</p>\n          </router-link>\n\n          <!-- Community -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n            to=\"/community\"\n          >\n            <IconCommunity \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.community')}}</p>\n          </router-link>\n\n          <!-- Account -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ \n              't-second': $route.path.startsWith('/auth/') || $route.path.startsWith('/users/'),\n              't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n            }\"\n            :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n          >\n            <IconProfile \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path.startsWith('/auth/') || $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.profile')}}</p>\n          </router-link>\n        </nav>\n    </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n  \"en\": {\n    \"navigation\": {\n      \"home\": \"Home\",\n      \"catalog\": \"Catalog\",\n      \"rents\": \"My Rents\",\n      \"community\": \"Community\",\n      \"profile\": \"Profile\"\n    }\n  }\n}})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuFc,aAAQ;AACtB,UAAM,SAAS,IAAI,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BottomNavigationBar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n    <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n        <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n          <!-- Home -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\" \n            :class=\"{ 't-second': $route.path === '/', 't-transp': $route.path !== '/' }\"\n            to=\"/\"\n          >\n            <IconHome \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.home')}}</p>\n          </router-link>\n\n          <!-- Gallery -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n            to=\"/marketplac\"\n          >\n            <IconCatalog \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n          </router-link>\n\n          <!-- Events -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n            to=\"/rents\"\n          >\n            <IconShopcart \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.rents')}}</p>\n          </router-link>\n\n          <!-- Community -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ 't-second': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n            to=\"/community\"\n          >\n            <IconCommunity \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\" t-semi p-small w-100\">{{t('navigation.community')}}</p>\n          </router-link>\n\n          <!-- Account -->\n          <router-link \n            class=\"no-hover-color t-center t-medium\"\n            :class=\"{ \n              't-second': $route.path.startsWith('/auth/') || $route.path.startsWith('/users/'),\n              't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n            }\"\n            :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n          >\n            <IconProfile \n              class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n              :fill=\"$route.path.startsWith('/auth/') || $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n            />\n            <p class=\"t-semi p-small w-100\">{{t('navigation.profile')}}</p>\n          </router-link>\n        </nav>\n    </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n  \"en\": {\n    \"navigation\": {\n      \"home\": \"Home\",\n      \"catalog\": \"Catalog\",\n      \"rents\": \"My Rents\",\n      \"community\": \"Community\",\n      \"profile\": \"Profile\"\n    }\n  }\n}})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuFc,aAAQ;AACtB,UAAM,SAAS,IAAI,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/Header.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\t\n\t// Globasls Component\n\n\timport NotificationBadge from '@martyrs/src/modules/notifications/components/elements/NotificationBadge.vue';\n\t// import Navigation from '@martyrs/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Martyrs Component\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\timport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n\t  theme_switcher: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\tbr-b\n\t\t\tbr-solid\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black br-light': theme === 'light',\n  \t\t't-white br-dark': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro \">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\tt-nowrap\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n \t<slot></slot>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro\">\n\t\t<Button \n\t\t\tv-if=\"router.hasRoute('Search') && route.meta.header_search\"\n\t\t\taria-label=\"search\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:class=\"route.meta.header_search_class\"\n\t\t\t:submit=\"() => router.push({name: 'Search'})\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconSearch \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\t\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\n\n\t\t<NotificationBadge\n\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t/>\n\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\n\t\t<Select \n\t\t\tv-if=\"$i18n.availableLocales.length > 1\"\n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"$i18n.availableLocales\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative flex flex-column gap-small uppercase pd-thin t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["useRouter","useRoute","useI18n","globals.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAA;AAGrB,aAAS,oBAAoB;AAC3BC,cAAa,MAAC,sBAAsB;AAAA,IACvC;AAICC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\t\n\t// Globasls Component\n\n\timport NotificationBadge from '@martyrs/src/modules/notifications/components/elements/NotificationBadge.vue';\n\t// import Navigation from '@martyrs/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Martyrs Component\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\timport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n\t  theme_switcher: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\tbr-b\n\t\t\tbr-solid\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black br-light': theme === 'light',\n  \t\t't-white br-dark': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro \">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\tt-nowrap\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n  </div>\n\n \t<slot></slot>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro\">\n\t\t<Button \n\t\t\tv-if=\"router.hasRoute('Search') && route.meta.header_search\"\n\t\t\taria-label=\"search\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:class=\"route.meta.header_search_class\"\n\t\t\t:submit=\"() => router.push({name: 'Search'})\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconSearch \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\t\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\n\n\t\t<NotificationBadge\n\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t/>\n\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\n\t\t<Select \n\t\t\tv-if=\"$i18n.availableLocales.length > 1\"\n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"$i18n.availableLocales\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative flex flex-column gap-small uppercase pd-thin t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["useRouter","useRoute","useI18n","globals.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAA;AAGrB,aAAS,oBAAoB;AAC3BC,cAAa,MAAC,sBAAsB;AAAA,IACvC;AAICC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}