npm - @ozdao/martyrs - Versions diffs - 0.2.570 → 0.2.572 - Mend

@ozdao/martyrs 0.2.570 → 0.2.572

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

Files changed (832) hide show

package/dist/martyrs/src/modules/landing/components/sections/SectionHeroToken.vue.js CHANGED Viewed

@@ -11,7 +11,7 @@ const _hoisted_2 = { class: "sheen h-5r mn-b-small radius-extra o-hidden pos-rel
 const _hoisted_3 = ["src"];
 const _hoisted_4 = ["innerHTML"];
 const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = { class: "t-white gap-thin z-index-1 cols-2" };
+const _hoisted_6 = { class: "t-white gap-thin z-index-1 cols-2 mobile:cols-1" };
 const _sfc_main = {
   __name: "SectionHeroToken",
   props: {

package/dist/martyrs/src/modules/landing/components/sections/SectionHeroToken.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionHeroToken.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionHeroToken.vue"],"sourcesContent":["<script setup>\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport AnimatedGrid from '@martyrs/src/modules/landing/components/elements/AnimatedGrid.vue'\n\n\tconst props = defineProps({\n\t textData: {\n\t type: Object,\n\t default: () => ({\n\t messages: {\n\t \ten: {\n\t\t\t\t TITLE: \"Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>\",\n\t\t\t\t DESCRIPTION: \"Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?\",\n\t\t\t\t ACTION: \"Open Marketplace →\",\n\t\t\t\t SUBACTION: \"Sign Up To Start\"\n\t\t\t }\n\t\t\t }\n\t\t\t})\n\t\t}\n\t})\n\n\tconst { t } = useI18n(props.textData)\n</script>\n\n\n<template>\n\t<div\n\t\tid=\"heroGovernance\" \n\t\tclass=\"pos-relative bg-black o-hidden t-white t-center pd-extra flex-column flex-center flex\"\n\t>\n\t\t<div class=\"sheen h-5r mn-b-small radius-extra o-hidden pos-relative \">\n\t \t<img loading=\"lazy\" :src=\"(FILE_SERVER_URL \|\| '') + '/logo/token.svg'\" class=\"w-100 h-100\">\n\t </div>\n\n\t\t<h1 \n\t\t\tclass=\"w-max-50r mn-b-medium\" \n\t\t\tv-html=\"t('TITLE')\"\n\t\t/>\n\n\t\t<p \n\t\t\tclass=\"w-max-50r mn-b-big t-transp p-medium\" \n\t\t\tv-html=\"t('DESCRIPTION')\"\n\t\t/>\n\n\t\t<div \n\t\t\tclass=\"t-white gap-thin z-index-1 cols-2\"\n\t\t>\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Sign In'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-light t-dark br-light button\"\n\t\t\t>\n\t\t\t\t{{t('SUBACTION')}}\n\t\t\t</router-link>\n\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Marketplace'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-dark t-white button\"\n\t\t\t>\n\t\t\t\t{{t('ACTION')}}\n\t\t\t</router-link>\n\t\t</div>\n\n\t\t<AnimatedGrid class=\"w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0\" />\n\n\t</div>\n</template>\n\n<style lang=\"scss\">\n\t.sheen:after {\n\t\tcontent:'';\n\t top:0;\n\t left: -25%;\n\t\ttransform:translateX(100%);\n\t\twidth:100%;\n\t\theight:220px;\n\t\tposition: absolute;\n\t\tz-index:1;\n\t\tanimation: slide 3s infinite;\n\t\t \n\t /* \n\t CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ \n\t /\n\t background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); / FF3.6+ /\n\t\tbackground: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); / Chrome,Safari4+ /\n\t\tbackground: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); / Chrome10+,Safari5.1+ /\n\t\tbackground: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); / Opera 11.10+ /\n\t\tbackground: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); / IE10+ /\n\t\tbackground: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); / W3C /\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); / IE6-9 */\n\t}\n\n\t@keyframes slide {\n\t\t0% {\t\n\t\t\ttransform:translateX(-00%); \n\t\t\topacity: 0;\n\t\t}\n\t\t20% {\n\t\t\topacity: 1\n\t\t}\n\t\t80% {\n\t\t\topacity: 1\n\t\t}\n\t\t100% {\n\t\t\ttransform:translateX(100%); \n\t\t\t\topacity: 0\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMC,UAAM,QAAQ;AAgBd,UAAM,EAAE,EAAC,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SectionHeroToken.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionHeroToken.vue"],"sourcesContent":["<script setup>\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport AnimatedGrid from '@martyrs/src/modules/landing/components/elements/AnimatedGrid.vue'\n\n\tconst props = defineProps({\n\t textData: {\n\t type: Object,\n\t default: () => ({\n\t messages: {\n\t \ten: {\n\t\t\t\t TITLE: \"Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>\",\n\t\t\t\t DESCRIPTION: \"Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?\",\n\t\t\t\t ACTION: \"Open Marketplace →\",\n\t\t\t\t SUBACTION: \"Sign Up To Start\"\n\t\t\t }\n\t\t\t }\n\t\t\t})\n\t\t}\n\t})\n\n\tconst { t } = useI18n(props.textData)\n</script>\n\n\n<template>\n\t<div\n\t\tid=\"heroGovernance\" \n\t\tclass=\"pos-relative bg-black o-hidden t-white t-center pd-extra flex-column flex-center flex\"\n\t>\n\t\t<div class=\"sheen h-5r mn-b-small radius-extra o-hidden pos-relative \">\n\t \t<img loading=\"lazy\" :src=\"(FILE_SERVER_URL \|\| '') + '/logo/token.svg'\" class=\"w-100 h-100\">\n\t </div>\n\n\t\t<h1 \n\t\t\tclass=\"w-max-50r mn-b-medium\" \n\t\t\tv-html=\"t('TITLE')\"\n\t\t/>\n\n\t\t<p \n\t\t\tclass=\"w-max-50r mn-b-big t-transp p-medium\" \n\t\t\tv-html=\"t('DESCRIPTION')\"\n\t\t/>\n\n\t\t<div \n\t\t\tclass=\"t-white gap-thin z-index-1 cols-2 mobile:cols-1\"\n\t\t>\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Sign In'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-light t-dark br-light button\"\n\t\t\t>\n\t\t\t\t{{t('SUBACTION')}}\n\t\t\t</router-link>\n\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Marketplace'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-dark t-white button\"\n\t\t\t>\n\t\t\t\t{{t('ACTION')}}\n\t\t\t</router-link>\n\t\t</div>\n\n\t\t<AnimatedGrid class=\"w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0\" />\n\n\t</div>\n</template>\n\n<style lang=\"scss\">\n\t.sheen:after {\n\t\tcontent:'';\n\t top:0;\n\t left: -25%;\n\t\ttransform:translateX(100%);\n\t\twidth:100%;\n\t\theight:220px;\n\t\tposition: absolute;\n\t\tz-index:1;\n\t\tanimation: slide 3s infinite;\n\t\t \n\t /* \n\t CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ \n\t /\n\t background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); / FF3.6+ /\n\t\tbackground: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); / Chrome,Safari4+ /\n\t\tbackground: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); / Chrome10+,Safari5.1+ /\n\t\tbackground: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); / Opera 11.10+ /\n\t\tbackground: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); / IE10+ /\n\t\tbackground: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); / W3C /\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); / IE6-9 */\n\t}\n\n\t@keyframes slide {\n\t\t0% {\t\n\t\t\ttransform:translateX(-00%); \n\t\t\topacity: 0;\n\t\t}\n\t\t20% {\n\t\t\topacity: 1\n\t\t}\n\t\t80% {\n\t\t\topacity: 1\n\t\t}\n\t\t100% {\n\t\t\ttransform:translateX(100%); \n\t\t\t\topacity: 0\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMC,UAAM,QAAQ;AAgBd,UAAM,EAAE,EAAC,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionJoinUs.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ const _hoisted_1 = { class: "o-hidden container-joinus" };
 const _hoisted_2 = { class: "content" };
 const _hoisted_3 = {
   style: { "font-size": "8rem" },
-  class: "t-main font-main t-semi"
+  class: "t-main font-main fw-semi"
 };
 const _hoisted_4 = { class: "w-m-33r t-center mn-b-small p-medium" };
 const _sfc_main = {
@@ -53,7 +53,7 @@ const _sfc_main = {
           createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("description")), 1),
           createVNode(_component_router_link, {
             to: { name: "Sign In" },
-            class: "bg-black t-medium t-white button"
+            class: "bg-black fw-medium t-white button"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(t)("action")), 1)

package/dist/martyrs/src/modules/landing/components/sections/SectionJoinUs.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionJoinUs.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionJoinUs.vue"],"sourcesContent":["<template>\n <div class=\"o-hidden container-joinus\">\n <div class=\"content\">\n <span style=\"font-size: 8rem\" class=\"t-main font-main t-semi\">\n {{ userCount }}\n </span>\n <p class=\"w-m-33r t-center mn-b-small p-medium\">\n {{t('description')}}\n \n </p>\n <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black t-medium t-white button\">\n {{t('action')}}\n </router-link>\n </div>\n <FloatingImages \n :container=\"'.container-joinus'\"\n :images=\"options.images\" \n :config=\"{\n size: '5rem',\n square: true,\n minDuration: 5,\n maxDuration: 15,\n spawnPoints: [10, 90],\n animation: {\n startOpacity: 0.1,\n midOpacity: 1,\n endOpacity: 0.0,\n translateY: '-33vh'\n },\n class: 'my-custom-class'\n }\"\n />\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport FloatingImages from '@martyrs/src/modules/landing/components/elements/FloatingImages.vue';\n\nconst props = defineProps({\n content: {\n type: Object,\n required: true\n },\n options: {\n type: Object,\n default: () => ({\n count: 1230,\n images: [\n '/landing/avatars/01.png',\n '/landing/avatars/02.png',\n '/landing/avatars/03.png',\n '/landing/avatars/04.png',\n '/landing/avatars/05.png',\n '/landing/avatars/06.png'\n ]\n })\n }\n})\n\nconst { t, te } = useI18n({\n messages: props.content\n})\n\nconst userCount = ref(props.options.count);\n\nconst increaseUserCount = () => {\n setInterval(() => {\n userCount.value += Math.floor(Math.random() * 2) + 1;\n }, 1330);\n};\n\nonMounted(() => {\n increaseUserCount();\n});\n</script>\n\n<style lang=\"scss\">\n.container-joinus {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 66%;\n position: relative;\n\n .content {\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index: 2;\n }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AAqBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,UAAM,YAAY,IAAI,MAAM,QAAQ,KAAK;AAEzC,UAAM,oBAAoB,MAAM;AAC9B,kBAAY,MAAM;AAChB,kBAAU,SAAS,KAAK,MAAM,KAAK,OAAM,IAAK,CAAC,IAAI;AAAA,MACrD,GAAG,IAAI;AAAA,IACT;AAEA,cAAU,MAAM;AACd,wBAAiB;AAAA,IACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SectionJoinUs.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionJoinUs.vue"],"sourcesContent":["<template>\n <div class=\"o-hidden container-joinus\">\n <div class=\"content\">\n <span style=\"font-size: 8rem\" class=\"t-main font-main fw-semi\">\n {{ userCount }}\n </span>\n <p class=\"w-m-33r t-center mn-b-small p-medium\">\n {{t('description')}}\n \n </p>\n <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black fw-medium t-white button\">\n {{t('action')}}\n </router-link>\n </div>\n <FloatingImages \n :container=\"'.container-joinus'\"\n :images=\"options.images\" \n :config=\"{\n size: '5rem',\n square: true,\n minDuration: 5,\n maxDuration: 15,\n spawnPoints: [10, 90],\n animation: {\n startOpacity: 0.1,\n midOpacity: 1,\n endOpacity: 0.0,\n translateY: '-33vh'\n },\n class: 'my-custom-class'\n }\"\n />\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport FloatingImages from '@martyrs/src/modules/landing/components/elements/FloatingImages.vue';\n\nconst props = defineProps({\n content: {\n type: Object,\n required: true\n },\n options: {\n type: Object,\n default: () => ({\n count: 1230,\n images: [\n '/landing/avatars/01.png',\n '/landing/avatars/02.png',\n '/landing/avatars/03.png',\n '/landing/avatars/04.png',\n '/landing/avatars/05.png',\n '/landing/avatars/06.png'\n ]\n })\n }\n})\n\nconst { t, te } = useI18n({\n messages: props.content\n})\n\nconst userCount = ref(props.options.count);\n\nconst increaseUserCount = () => {\n setInterval(() => {\n userCount.value += Math.floor(Math.random() * 2) + 1;\n }, 1330);\n};\n\nonMounted(() => {\n increaseUserCount();\n});\n</script>\n\n<style lang=\"scss\">\n.container-joinus {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 66%;\n position: relative;\n\n .content {\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index: 2;\n }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AAqBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,UAAM,YAAY,IAAI,MAAM,QAAQ,KAAK;AAEzC,UAAM,oBAAoB,MAAM;AAC9B,kBAAY,MAAM;AAChB,kBAAU,SAAS,KAAK,MAAM,KAAK,OAAM,IAAK,CAAC,IAAI;AAAA,MACrD,GAAG,IAAI;AAAA,IACT;AAEA,cAAU,MAAM;AACd,wBAAiB;AAAA,IACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js CHANGED Viewed

@@ -14,7 +14,7 @@ const _hoisted_5 = { class: "mn-t-medium mn-b-medium w-m-40r" };
 const _hoisted_6 = { class: "t-transp mn-b-big p-medium w-m-33r" };
 const _hoisted_7 = {
   key: 0,
-  class: "mn-b-big gap-regular cols-2"
+  class: "mn-b-big gap-regular cols-2 mobile:cols-1"
 };
 const _hoisted_8 = { class: "feature" };
 const _hoisted_9 = { class: "mn-b-small" };
@@ -23,12 +23,12 @@ const _hoisted_11 = { class: "w-100 w-max-20r flex-nowrap flex gap-small" };
 const _hoisted_12 = ["href", "target"];
 const _hoisted_13 = {
   key: 0,
-  class: "z-index-2 radius-medium p-small bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 radius-medium p-small bg-main fw-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _hoisted_14 = ["href", "target"];
 const _hoisted_15 = {
   key: 0,
-  class: "z-index-2 pd-thin p-small radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 pd-thin p-small radius-medium bg-main fw-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _sfc_main = {
   __name: "SectionMobileApp",

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n <section id=\"mobileApp\" class=\"cols-2 mobile:cols-1 o-hidden \">\n <picture>\n <source \n type=\"image/webp\"\n :srcset=\"`${FILE_SERVER_URL \|\| ''}${t('image').replace(/\\.[^/.]+$/, '-400w.webp')} 400w,\n ${FILE_SERVER_URL \|\| ''}${t('image').replace(/\\.[^/.]+$/, '-800w.webp')} 800w,\n ${FILE_SERVER_URL \|\| ''}${t('image').replace(/\\.[^/.]+$/, '-1200w.webp')} 1200w,\n ${FILE_SERVER_URL \|\| ''}${t('image').replace(/\\.[^/.]+$/, '.webp')} 2028w`\"\n sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n >\n <img \n loading=\"lazy\" \n :src=\"(FILE_SERVER_URL \|\| '') + t('image')\" \n :srcset=\"`${FILE_SERVER_URL \|\| ''}${t('image')} 2028w`\"\n sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n alt=\"OZ DAO Mobile App\"\n >\n </picture>\n\n <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n <h2 class=\"mn-t-medium mn-b-medium w-m-40r\">{{ t('title') }}</h2>\n <p class=\"t-transp mn-b-big p-medium w-m-33r\">{{ t('description') }}</p>\n \n <div v-if=\"tm('features').length > 0\" class=\"mn-b-big gap-regular cols-2\">\n <div v-for=\"feature in tm('features')\" class=\"feature\">\n <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n <p class=\"t-transp p-regular\">{{ feature.text }}</p>\n </div>\n </div>\n\n <div class=\"w-100 w-max-20r flex-nowrap flex gap-small\">\n <a \n v-if=\"te('linkAppStore') \|\| te('label')\"\n :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n :target=\"te('linkAppStore') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('label')\"\n class=\"z-index-2 radius-medium p-small bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('label') }}\n </span>\n <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n </a>\n\n <a \n v-if=\"te('linkGooglePlay') \|\| te('label')\"\n :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n :target=\"te('linkGooglePlay') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('label')\"\n class=\"z-index-2 pd-thin p-small radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('label') }}\n </span>\n <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n </a>\n\n </div>\n </div>\n </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n content: {\n type: Object,\n required: true\n }\n })\n\n const { t, tm, te } = useI18n({\n messages: props.content\n })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n #mobileApp {\n text-align: center;\n > section {\n flex-direction: column;\n > div {\n order: 1;\n }\n }\n }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n <section id=\"mobileApp\" class=\"cols-2 mobile:cols-1 o-hidden \">\n <picture>\n <source \n type=\"image/webp\"\n :srcset=\"`${FILE_SERVER_URL \|\| ''}${t('image').replace(/\\.[^/.]+$/, '-400w.webp')} 400w,\n ${FILE_SERVER_URL \|\| ''}${t('image').replace(/\\.[^/.]+$/, '-800w.webp')} 800w,\n ${FILE_SERVER_URL \|\| ''}${t('image').replace(/\\.[^/.]+$/, '-1200w.webp')} 1200w,\n ${FILE_SERVER_URL \|\| ''}${t('image').replace(/\\.[^/.]+$/, '.webp')} 2028w`\"\n sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n >\n <img \n loading=\"lazy\" \n :src=\"(FILE_SERVER_URL \|\| '') + t('image')\" \n :srcset=\"`${FILE_SERVER_URL \|\| ''}${t('image')} 2028w`\"\n sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n alt=\"OZ DAO Mobile App\"\n >\n </picture>\n\n <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n <h2 class=\"mn-t-medium mn-b-medium w-m-40r\">{{ t('title') }}</h2>\n <p class=\"t-transp mn-b-big p-medium w-m-33r\">{{ t('description') }}</p>\n \n <div v-if=\"tm('features').length > 0\" class=\"mn-b-big gap-regular cols-2 mobile:cols-1\">\n <div v-for=\"feature in tm('features')\" class=\"feature\">\n <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n <p class=\"t-transp p-regular\">{{ feature.text }}</p>\n </div>\n </div>\n\n <div class=\"w-100 w-max-20r flex-nowrap flex gap-small\">\n <a \n v-if=\"te('linkAppStore') \|\| te('label')\"\n :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n :target=\"te('linkAppStore') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('label')\"\n class=\"z-index-2 radius-medium p-small bg-main fw-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('label') }}\n </span>\n <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n </a>\n\n <a \n v-if=\"te('linkGooglePlay') \|\| te('label')\"\n :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n :target=\"te('linkGooglePlay') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('label')\"\n class=\"z-index-2 pd-thin p-small radius-medium bg-main fw-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('label') }}\n </span>\n <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n </a>\n\n </div>\n </div>\n </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n content: {\n type: Object,\n required: true\n }\n })\n\n const { t, tm, te } = useI18n({\n messages: props.content\n })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n #mobileApp {\n text-align: center;\n > section {\n flex-direction: column;\n > div {\n order: 1;\n }\n }\n }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionOverview.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { resolveComponent, createElementBlock, openBlock, createElementVNode, to
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = { id: "sections" };
 const _hoisted_2 = { class: "pd-t-big pd-b-big" };
-const _hoisted_3 = { class: "cols-4 gap-thin" };
+const _hoisted_3 = { class: "cols-4 mobile:cols-2 gap-thin" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "mn-b-medium" };
 const _hoisted_6 = { class: "t-transp" };
@@ -28,7 +28,7 @@ const _sfc_main = {
             return openBlock(), createBlock(_component_router_link, {
               key: section.route,
               to: section.route,
-              class: "cursor-pointer hover-scale-0 transition-ease-in pd-big bg-light t-black radius-medium"
+              class: "cursor-pointer hover:scale-[1.015] ease-in pd-big bg-light t-black radius-medium"
             }, {
               default: withCtx(() => [
                 createElementVNode("img", {

package/dist/martyrs/src/modules/landing/components/sections/SectionOverview.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionOverview.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionOverview.vue"],"sourcesContent":["<template>\n <div id=\"sections\">\n <h2 class=\"pd-t-big pd-b-big\">\n {{t('title')}}\n </h2>\n\n <div class=\"cols-4 gap-thin\">\n <router-link \n v-for=\"section in tm('sections')\" \n :key=\"section.route\"\n :to=\"section.route\" \n class=\"cursor-pointer hover-scale-0 ~~transition-~~ease-in pd-big bg-light t-black radius-medium\"\n >\n <img \n loading=\"lazy\" \n :src=\"section.image\"\n alt=\"\" \n class=\"w-100 object-fit-cover\"\n >\n <h3 class=\"mn-b-medium\">{{ section.title }}</h3>\n <p class=\"t-transp\">{{ section.text }}</p>\n </router-link>\n </div>\n </div>\n</template>\n\n<script setup>\n import { useI18n } from 'vue-i18n'\n\n const props = defineProps({\n content: {\n type: Object,\n required: true\n }\n })\n\n const { t, tm } = useI18n({\n messages: props.content\n })\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SectionOverview.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionOverview.vue"],"sourcesContent":["<template>\n <div id=\"sections\">\n <h2 class=\"pd-t-big pd-b-big\">\n {{t('title')}}\n </h2>\n\n <div class=\"cols-4 mobile:cols-2 gap-thin\">\n <router-link \n v-for=\"section in tm('sections')\" \n :key=\"section.route\"\n :to=\"section.route\" \n class=\"cursor-pointer hover:scale-[1.015] ease-in pd-big bg-light t-black radius-medium\"\n >\n <img \n loading=\"lazy\" \n :src=\"section.image\"\n alt=\"\" \n class=\"w-100 object-fit-cover\"\n >\n <h3 class=\"mn-b-medium\">{{ section.title }}</h3>\n <p class=\"t-transp\">{{ section.text }}</p>\n </router-link>\n </div>\n </div>\n</template>\n\n<script setup>\n import { useI18n } from 'vue-i18n'\n\n const props = defineProps({\n content: {\n type: Object,\n required: true\n }\n })\n\n const { t, tm } = useI18n({\n messages: props.content\n })\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionRoadmap.vue.js CHANGED Viewed

@@ -16,7 +16,7 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = { class: "w-100 timeline-content" };
 const _hoisted_7 = { class: "mn-b-small" };
-const _hoisted_8 = { class: "uppercase mn-b-semi t-main t-semi date" };
+const _hoisted_8 = { class: "uppercase mn-b-semi t-main fw-semi date" };
 const _hoisted_9 = { class: "t-transp w-100" };
 const _sfc_main = {
   __name: "SectionRoadmap",
@@ -64,7 +64,7 @@ const _sfc_main = {
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("milestones"), (milestone, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
-              class: "timeline-item br-white-transp-10 br-1px br-solid pd-big radius-small"
+              class: "timeline-item br-white-transp-10 br-1px pd-big radius-small"
             }, [
               createElementVNode("div", _hoisted_4, [
                 milestone.finished ? (openBlock(), createElementBlock("svg", _hoisted_5, _cache[0] || (_cache[0] = [
@@ -91,7 +91,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionRoadmap = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-148fd4a9"]]);
+const SectionRoadmap = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e30d06e"]]);
 export {
   SectionRoadmap as default
 };

package/dist/martyrs/src/modules/landing/components/sections/SectionRoadmap.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionRoadmap.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionRoadmap.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n textData: {\n type: Object,\n default: () => ({\n messages: {\n en: {\n title: 'Weeder Roadmap',\n milestones: [{\n title: 'MVP in Thailand',\n description: 'The Weeder platform was tested as a minimum viable product (MVP) in Thailand to validate its basic features and gather user feedback. This helped the company make improvements before launching on a larger scale.',\n date: '2023-02-01',\n finished: 'true'\n },{\n date: '2023-05-01',\n title: 'Weeder Platform Soft Launch',\n description: 'A soft version of the Weeder platform will be launched for users to explore and provide feedback. This allows the company to identify any issues and make improvements before the official release.',\n },{\n date: '2023-07-01',\n title: 'IDO',\n description: 'The Initial DEX Offering (IDO) will launch the Weeder token on a our decentralized platform. It allows the public to purchase Weeder tokens and get involved in the project at an early stage. It can also help establish the initial token price.',\n },{\n date: '2023-09-01',\n title: 'Weeder Platform Official Release',\n description: 'The Weeder platform will be officially released with dividend features, cashback, and full blockchain integration. This marks the full launch of the platform and allows users to access all its features.',\n },{\n date: '2023-11-01',\n title: 'Weeder Ecosystem Expansion',\n description: 'The Weeder ecosystem will be expanded by adding support for new countries and enhancing its functionalities. This helps to increase the platforms user base and improve its overall capabilities.',\n }]\n }\n }\n })\n }\n});\n\nconst { t,tm } = useI18n(props.textData);\n</script>\n\n<template>\n <div class=\"o-hidden bg-black t-white t-left pd-big radius-medium\">\n <h2 class=\"mn-b-big t-center w-100\">{{ t('title') }}</h2>\n \n <div class=\"gap-thin flex-nowrap flex o-scrolled timeline custom-scroll\">\n <div\n v-for=\"(milestone, index) in tm('milestones')\"\n :key=\"index\"\n class=\"timeline-item br-white-transp-10 br-1px ~~br-solid~~ pd-big radius-small\"\n >\n \n <div class=\"mn-b-semi bg-white-transp-5 timeline-icon\">\n <svg v-if=\"milestone.finished\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"24 / basic / check-mark\">\n <path id=\"icon\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.28033 10.7197L14.25 3.75L15.3107 4.81066L7.28033 12.841L3 8.56066L4.06066 7.5L7.28033 10.7197Z\" fill=\"rgb(var(--main))\"/>\n </g>\n </svg>\n </div>\n\n <div class=\"w-100 timeline-content\">\n <h3 class=\"mn-b-small\">{{ t(milestone.title) }}</h3>\n <p class=\"uppercase mn-b-semi t-main t-semi date\">{{ milestone.date }}</p>\n <p class=\"t-transp w-100\">{{ t(milestone.description) }}</p>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" scoped>\n .timeline {\n .timeline-item {\n min-width: 32rem;\n }\n\n .timeline-icon {\n border-radius: 100%;\n width: 3rem;\n height: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n \n\n img {\n width: 1.5rem;\n height: 1.5rem;\n }\n }\n }\n\n .custom-scroll {\n overflow-x: scroll;\n scrollbar-width: none; /* Hide scrollbar for Firefox /\n -ms-overflow-style: none; / Hide scrollbar for IE and Edge /\n display: -webkit-box; / Fix for Safari /\n display: -webkit-flex; / Fix for Safari /\n display: -ms-flexbox;\n display: flex;\n }\n\n .custom-scroll::-webkit-scrollbar {\n width: 0px; / Hide scrollbar for Chrome and Safari */\n height: 0px;\n }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAmCd,UAAM,EAAE,GAAE,GAAE,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SectionRoadmap.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionRoadmap.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n textData: {\n type: Object,\n default: () => ({\n messages: {\n en: {\n title: 'Weeder Roadmap',\n milestones: [{\n title: 'MVP in Thailand',\n description: 'The Weeder platform was tested as a minimum viable product (MVP) in Thailand to validate its basic features and gather user feedback. This helped the company make improvements before launching on a larger scale.',\n date: '2023-02-01',\n finished: 'true'\n },{\n date: '2023-05-01',\n title: 'Weeder Platform Soft Launch',\n description: 'A soft version of the Weeder platform will be launched for users to explore and provide feedback. This allows the company to identify any issues and make improvements before the official release.',\n },{\n date: '2023-07-01',\n title: 'IDO',\n description: 'The Initial DEX Offering (IDO) will launch the Weeder token on a our decentralized platform. It allows the public to purchase Weeder tokens and get involved in the project at an early stage. It can also help establish the initial token price.',\n },{\n date: '2023-09-01',\n title: 'Weeder Platform Official Release',\n description: 'The Weeder platform will be officially released with dividend features, cashback, and full blockchain integration. This marks the full launch of the platform and allows users to access all its features.',\n },{\n date: '2023-11-01',\n title: 'Weeder Ecosystem Expansion',\n description: 'The Weeder ecosystem will be expanded by adding support for new countries and enhancing its functionalities. This helps to increase the platforms user base and improve its overall capabilities.',\n }]\n }\n }\n })\n }\n});\n\nconst { t,tm } = useI18n(props.textData);\n</script>\n\n<template>\n <div class=\"o-hidden bg-black t-white t-left pd-big radius-medium\">\n <h2 class=\"mn-b-big t-center w-100\">{{ t('title') }}</h2>\n \n <div class=\"gap-thin flex-nowrap flex o-scrolled timeline custom-scroll\">\n <div\n v-for=\"(milestone, index) in tm('milestones')\"\n :key=\"index\"\n class=\"timeline-item br-white-transp-10 br-1px pd-big radius-small\"\n >\n \n <div class=\"mn-b-semi bg-white-transp-5 timeline-icon\">\n <svg v-if=\"milestone.finished\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"24 / basic / check-mark\">\n <path id=\"icon\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.28033 10.7197L14.25 3.75L15.3107 4.81066L7.28033 12.841L3 8.56066L4.06066 7.5L7.28033 10.7197Z\" fill=\"rgb(var(--main))\"/>\n </g>\n </svg>\n </div>\n\n <div class=\"w-100 timeline-content\">\n <h3 class=\"mn-b-small\">{{ t(milestone.title) }}</h3>\n <p class=\"uppercase mn-b-semi t-main fw-semi date\">{{ milestone.date }}</p>\n <p class=\"t-transp w-100\">{{ t(milestone.description) }}</p>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" scoped>\n .timeline {\n .timeline-item {\n min-width: 32rem;\n }\n\n .timeline-icon {\n border-radius: 100%;\n width: 3rem;\n height: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n \n\n img {\n width: 1.5rem;\n height: 1.5rem;\n }\n }\n }\n\n .custom-scroll {\n overflow-x: scroll;\n scrollbar-width: none; /* Hide scrollbar for Firefox /\n -ms-overflow-style: none; / Hide scrollbar for IE and Edge /\n display: -webkit-box; / Fix for Safari /\n display: -webkit-flex; / Fix for Safari /\n display: -ms-flexbox;\n display: flex;\n }\n\n .custom-scroll::-webkit-scrollbar {\n width: 0px; / Hide scrollbar for Chrome and Safari */\n height: 0px;\n }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAmCd,UAAM,EAAE,GAAE,GAAE,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/marketplace/marketplace.client.js CHANGED Viewed

@@ -2,7 +2,7 @@ import addRoutes from "../core/views/router/addRoutes.js";
 import { getRoutes } from "./views/router/marketplace.router.js";
 import * as marketplace from "./views/store/marketplace.js";
 import _sfc_main from "./views/components/pages/Marketplace.vue.js";
-import _sfc_main$1 from "./views/components/sections/SectionMenu.vue.js";
+import SectionMenu from "./views/components/sections/SectionMenu.vue.js";
 function initializeMarketplace(app, store, router, options = {}) {
   const routes = getRoutes(options);
   routes.forEach(({ parentName, config }) => {
@@ -23,7 +23,7 @@ const ModuleMarketplace = {
       // Elements
       // Blocks
       // Sections
-      SectionMenu: _sfc_main$1,
+      SectionMenu,
       // Pages
       Marketplace: _sfc_main
     }
@@ -31,7 +31,7 @@ const ModuleMarketplace = {
 };
 export {
   _sfc_main as Marketplace,
-  _sfc_main$1 as SectionMenu,
+  SectionMenu,
   ModuleMarketplace as default
 };
 //# sourceMappingURL=marketplace.client.js.map

package/dist/martyrs/src/modules/marketplace/marketplace.client.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"marketplace.client.js","sources":["../../../../../src/modules/marketplace/marketplace.client.js"],"sourcesContent":["// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './views/router/marketplace.router.js';\n\n//Store\nimport * as storeMarketplace from './views/store/marketplace.js';\n\n// Pages\nimport Marketplace from './views/components/pages/Marketplace.vue';\n\n// Sections\nimport SectionMenu from './views/components/sections/SectionMenu.vue';\n\n// Пример функции инициализации для модуля маркетплейса\nfunction initializeMarketplace(app, store, router, options = {}) {\n const routes = getRoutes(options);\n routes.forEach(({ parentName, config }) => {\n addRoutes(router, { ...config, parentName });\n });\n\n store.addStore('marketplace', storeMarketplace);\n}\n\nconst ModuleMarketplace = {\n initialize: initializeMarketplace,\n views: {\n store: {\n storeMarketplace,\n },\n router: {\n getRoutes,\n },\n components: {\n // Elements\n // Blocks\n // Sections\n SectionMenu,\n // Pages\n Marketplace,\n },\n },\n};\n\nexport {\n // Elements\n // Pages\n Marketplace,\n // Blocks\n // Sections\n SectionMenu,\n};\n\nexport default ModuleMarketplace;\n"],"names":["storeMarketplace","~~SectionMenu","~~Marketplace"],"mappings":";;;;;AAcA,SAAS,sBAAsB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC/D,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,OAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAG,QAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAED,QAAM,SAAS,eAAeA,WAAgB;AAChD;AAEK,MAAC,oBAAoB;AAAA,EACxB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,kBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA;AAAA;AAAA,~~MAIhB,aAAMC~~;~~AAAAA~~;~~AAAAA~~,MAEN,aAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}
1	+ {"version":3,"file":"marketplace.client.js","sources":["../../../../../src/modules/marketplace/marketplace.client.js"],"sourcesContent":["// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './views/router/marketplace.router.js';\n\n//Store\nimport * as storeMarketplace from './views/store/marketplace.js';\n\n// Pages\nimport Marketplace from './views/components/pages/Marketplace.vue';\n\n// Sections\nimport SectionMenu from './views/components/sections/SectionMenu.vue';\n\n// Пример функции инициализации для модуля маркетплейса\nfunction initializeMarketplace(app, store, router, options = {}) {\n const routes = getRoutes(options);\n routes.forEach(({ parentName, config }) => {\n addRoutes(router, { ...config, parentName });\n });\n\n store.addStore('marketplace', storeMarketplace);\n}\n\nconst ModuleMarketplace = {\n initialize: initializeMarketplace,\n views: {\n store: {\n storeMarketplace,\n },\n router: {\n getRoutes,\n },\n components: {\n // Elements\n // Blocks\n // Sections\n SectionMenu,\n // Pages\n Marketplace,\n },\n },\n};\n\nexport {\n // Elements\n // Pages\n Marketplace,\n // Blocks\n // Sections\n SectionMenu,\n};\n\nexport default ModuleMarketplace;\n"],"names":["storeMarketplace","Marketplace"],"mappings":";;;;;AAcA,SAAS,sBAAsB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC/D,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,OAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAG,QAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAED,QAAM,SAAS,eAAeA,WAAgB;AAChD;AAEK,MAAC,oBAAoB;AAAA,EACxB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,kBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA;AAAA;AAAA,MAIV;AAAA;AAAA,MAEN,aAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/marketplace/views/components/pages/Marketplace.vue.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
 import Filters from "../../../../core/views/components/sections/Filters.vue2.js";
 import _sfc_main$1 from "../../../../core/views/components/sections/filters/FiltersGroup.vue.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$3 from "../../../../organizations/components/blocks/CardOrganization.vue.js";
 import { useStore } from "../../../../core/views/store/core.store.js";
 import { state, marketplaceStore } from "../../store/marketplace.js";
@@ -12,8 +12,8 @@ import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = { class: "pd-medium mn-b-thin" };
 const _hoisted_3 = { class: "" };
-const _hoisted_4 = { class: "cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative" };
-const _hoisted_5 = { class: "o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
+const _hoisted_4 = { class: "cols-[1fr_3fr] mobile:cols-1 br-1px br-light z-index-3 pos-relative" };
+const _hoisted_5 = { class: "o-y-scroll br-r-1px br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
 const _hoisted_6 = { class: "w-100 o-y-scroll h-100" };
 const _hoisted_7 = {
   key: 0,
@@ -123,7 +123,7 @@ const _sfc_main = {
               onClick: _cache[0] || (_cache[0] = (a) => {
                 unref(store).core.state.isOpenLocationPopup = true;
               }),
-              class: "t-main t-semi cursor-pointer"
+              class: "t-main fw-semi cursor-pointer"
             }, [
               localPosition.value.city ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createTextVNode(toDisplayString(localPosition.value.city) + ", ", 1)
@@ -139,7 +139,7 @@ const _sfc_main = {
               onClick: _cache[1] || (_cache[1] = (a) => {
                 unref(store).core.state.isOpenLocationPopup = true;
               }),
-              class: "t-main t-semi cursor-pointer"
+              class: "t-main fw-semi cursor-pointer"
             }, "The World"))
           ])
         ]),
@@ -160,7 +160,7 @@ const _sfc_main = {
                     return openBlock(), createElementBlock("div", {
                       key: location.label,
                       onClick: ($event) => unref(router).push(location.path),
-                      class: "cursor-pointer hover-t-underline mn-b-regular transition-all"
+                      class: "cursor-pointer hover:underline mn-b-regular ease"
                     }, toDisplayString(location.label), 9, _hoisted_9);
                   }), 128))
                 ])

package/dist/martyrs/src/modules/marketplace/views/components/pages/Marketplace.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/pages/Marketplace.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative\">\n <header class=\"pd-medium mn-b-thin\">\n <h2 class=\"\">\n <span class=\"\">Weed Deliveries in </span>\n\n <span\n v-if=\"localPosition.city \|\| localPosition.state \|\| localPosition.country\"\n @click=\"a => { store.core.state.isOpenLocationPopup = true }\"\n class=\"t-main t-semi cursor-pointer \"\n >\n <template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n <template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n <template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n </span>\n\n <span v-else @click=\"a => { store.core.state.isOpenLocationPopup = true }\" class=\"t-main t-semi cursor-pointer\">The World</span>\n </h2>\n </header>\n\n <div class=\"cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative\">\n\n <div class=\"o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n <div class=\"w-100 o-y-scroll h-100\">\n <!-- Location Filter -->\n <div v-if=\"!route.params.country && !route.params.state && !route.params.city\" class=\"mn-b-medium\">\n <h4 class=\"mn-b-small\">Location</h4>\n <Field\n v-model=\"searchLocation\"\n placeholder=\"Search location...\"\n type=\"text\"\n class=\"w-100 bg-light pd-small radius-small mn-b-small\"\n />\n <div class=\"gap-micro\">\n <div\n v-for=\"location in marketplace.state.locationOptions\"\n :key=\"location.label\"\n @click=\"router.push(location.path)\"\n class=\"cursor-pointer hover-t-underline mn-b-regular transition-all\"\n >\n {{ location.label }}\n </div>\n </div>\n </div>\n\n <!-- Filters Group -->\n <FiltersGroup\n :filters=\"marketplace.state.filter.options\"\n v-model:selected=\"marketplace.state.filter.selected\"\n :immediate=\"true\"\n :showHeader=\"false\"\n :showApplyButton=\"false\"\n :showResetButton=\"true\"\n />\n </div>\n </div>\n\n <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n <Feed\n :search=\"true\"\n v-model:sort=\"marketplace.state.sort\"\n :showLoadMore=\"false\"\n :states=\"{\n empty: {\n title: 'No Shops Found',\n description: 'Currently, there are no shops.'\n }\n }\"\n :store=\"{\n read: (options) => marketplaceStore.readCatalog(options)\n }\"\n :options=\"{\n country: localPosition.country,\n state: localPosition.state,\n city: localPosition.city,\n location: localLocation?.location,\n lookup: ['products','spots'],\n contain: ['products'],\n priceMin: marketplace.state.filter.selected.price?.min,\n priceMax: marketplace.state.filter.selected.price?.max,\n delivery: marketplace.state.filter.selected.delivery?.length > 0 ? marketplace.state.filter.selected.delivery.join(',') : undefined,\n payment: marketplace.state.filter.selected.payment?.length > 0 ? marketplace.state.filter.selected.payment.join(',') : undefined\n }\"\n v-slot=\"{\n items\n }\"\n class=\"rows-1 gap-thin\"\n >\n <div class=\"mn-b-thin mobile-only\">\n <Filters\n v-model:filters=\"marketplace.state.filter.options\"\n v-model:selected=\"marketplace.state.filter.selected\"\n class=\"\"\n />\n </div>\n\n <CardOrganization\n v-for=\"organization in items\"\n :key=\"organization._id\"\n :organization=\"organization\"\n :showRating=\"true\"\n :showFollowers=\"false\"\n :showProducts=\"true\"\n class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n />\n </Feed>\n\n </div>\n </div>\n </div>\n\n</template>\n\n\n<script setup=\"props\">\n // Import libs\n import { onMounted, watch, ref } from 'vue'\n import { useRoute, useRouter } from 'vue-router'\n import { useI18n } from 'vue-i18n'\n\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n import Filters from '@martyrs/src/modules/core/views/components/sections/Filters.vue'\n import FiltersGroup from '@martyrs/src/modules/core/views/components/sections/filters/FiltersGroup.vue'\n import Field from \"@martyrs/src/components/Field/Field.vue\"\n\n import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n import * as organization from '@martyrs/src/modules/organizations/store/organizations.js'\n import * as marketplace from '../../store/marketplace'\n import marketplaceStore from '../../store/marketplace'\n import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n const route = useRoute()\n const router = useRouter()\n const store = useStore()\n const { returnCurrency } = useGlobalMixins()\n\n const localPosition = ref({\n city: null,\n state: null,\n country: null\n });\n\n const localLocation = ref(null);\n // Location filter\n const searchLocation = ref('');\n\n if (route.params) {\n // Загружаем новые значения из параметров маршрута в состояние\n let newState = {\n country: denormalizeUrlParam(route.params.country),\n state: denormalizeUrlParam(route.params.state),\n city: denormalizeUrlParam(route.params.city),\n };\n\n\t // Обновляем глобальное состояние\n\t localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n function denormalizeUrlParam(param) {\n return param\n .replace(/-/g, ' ')\n .replace(/\\b\\w/g, l => l.toUpperCase());\n }\n\n function normalizeUrlParam(param) {\n return param\n .toLowerCase()\n .replace(/ /g, '-')\n .replace(/[^a-z0-9-]/g, '');\n }\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t \n\t // replace the current route\n\t router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selectedFilters, (newFilterValue, oldFilterValue) => {\n\t // Переводим фильтр в формат query\n\t const query = { ...route.query };\n\n\t // Удаляем старые значения фильтра из query\n\t Object.keys(oldFilterValue).forEach(key => {\n\t if (query[key]) {\n\t delete query[key];\n\t }\n\t });\n\n\t // Добавляем новые значения фильтра в query\n\t const newQueryValues = Object.fromEntries(\n\t Object.entries(newFilterValue)\n\t .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t .map(([key, value]) => [key, value.join(',')])\n\t );\n\n\t delete query.options;\n\t Object.assign(query, newQueryValues);\n\n\t // Обновляем маршрут с новым query\n\t router.replace({ query });\n\t}, { deep: true })\n\n\twatch(() => store.core.state.position, (newPosition) => {\n // get the current route\n const currentRoute = { ...router.currentRoute.value };\n\t \n // create new parameters based on globals state position\n let newParams = {\n country: normalizeUrlParam(newPosition.country),\n state: normalizeUrlParam(newPosition.state),\n city: normalizeUrlParam(newPosition.city),\n };\n\n let newState = {\n country: denormalizeUrlParam(newPosition.country),\n state: denormalizeUrlParam(newPosition.state),\n city: denormalizeUrlParam(newPosition.city),\n };\n \n // update route params\n localPosition.value = newState;\n currentRoute.params = newParams;\n\n \n // replace the current route\n router.replace(currentRoute);\n\t}, { deep: true });\n\n const text = {\n locale: 'en',\n messages: {\n en: {\n meta: {\n title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n }\n },\n ru: {\n meta: {\n title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n }\n }\n }\n }\n\n const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n\n\n"],"names":["marketplace.state"],"mappings":"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"}
1	+ {"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/pages/Marketplace.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative\">\n <header class=\"pd-medium mn-b-thin\">\n <h2 class=\"\">\n <span class=\"\">Weed Deliveries in </span>\n\n <span\n v-if=\"localPosition.city \|\| localPosition.state \|\| localPosition.country\"\n @click=\"a => { store.core.state.isOpenLocationPopup = true }\"\n class=\"t-main fw-semi cursor-pointer \"\n >\n <template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n <template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n <template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n </span>\n\n <span v-else @click=\"a => { store.core.state.isOpenLocationPopup = true }\" class=\"t-main fw-semi cursor-pointer\">The World</span>\n </h2>\n </header>\n\n <div class=\"cols-[1fr_3fr] mobile:cols-1 br-1px br-light z-index-3 pos-relative\">\n\n <div class=\"o-y-scroll br-r-1px br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n <div class=\"w-100 o-y-scroll h-100\">\n <!-- Location Filter -->\n <div v-if=\"!route.params.country && !route.params.state && !route.params.city\" class=\"mn-b-medium\">\n <h4 class=\"mn-b-small\">Location</h4>\n <Field\n v-model=\"searchLocation\"\n placeholder=\"Search location...\"\n type=\"text\"\n class=\"w-100 bg-light pd-small radius-small mn-b-small\"\n />\n <div class=\"gap-micro\">\n <div\n v-for=\"location in marketplace.state.locationOptions\"\n :key=\"location.label\"\n @click=\"router.push(location.path)\"\n class=\"cursor-pointer hover:underline mn-b-regular ease\"\n >\n {{ location.label }}\n </div>\n </div>\n </div>\n\n <!-- Filters Group -->\n <FiltersGroup\n :filters=\"marketplace.state.filter.options\"\n v-model:selected=\"marketplace.state.filter.selected\"\n :immediate=\"true\"\n :showHeader=\"false\"\n :showApplyButton=\"false\"\n :showResetButton=\"true\"\n />\n </div>\n </div>\n\n <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n <Feed\n :search=\"true\"\n v-model:sort=\"marketplace.state.sort\"\n :showLoadMore=\"false\"\n :states=\"{\n empty: {\n title: 'No Shops Found',\n description: 'Currently, there are no shops.'\n }\n }\"\n :store=\"{\n read: (options) => marketplaceStore.readCatalog(options)\n }\"\n :options=\"{\n country: localPosition.country,\n state: localPosition.state,\n city: localPosition.city,\n location: localLocation?.location,\n lookup: ['products','spots'],\n contain: ['products'],\n priceMin: marketplace.state.filter.selected.price?.min,\n priceMax: marketplace.state.filter.selected.price?.max,\n delivery: marketplace.state.filter.selected.delivery?.length > 0 ? marketplace.state.filter.selected.delivery.join(',') : undefined,\n payment: marketplace.state.filter.selected.payment?.length > 0 ? marketplace.state.filter.selected.payment.join(',') : undefined\n }\"\n v-slot=\"{\n items\n }\"\n class=\"rows-1 gap-thin\"\n >\n <div class=\"mn-b-thin mobile-only\">\n <Filters\n v-model:filters=\"marketplace.state.filter.options\"\n v-model:selected=\"marketplace.state.filter.selected\"\n class=\"\"\n />\n </div>\n\n <CardOrganization\n v-for=\"organization in items\"\n :key=\"organization._id\"\n :organization=\"organization\"\n :showRating=\"true\"\n :showFollowers=\"false\"\n :showProducts=\"true\"\n class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n />\n </Feed>\n\n </div>\n </div>\n </div>\n\n</template>\n\n\n<script setup=\"props\">\n // Import libs\n import { onMounted, watch, ref } from 'vue'\n import { useRoute, useRouter } from 'vue-router'\n import { useI18n } from 'vue-i18n'\n\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n import Filters from '@martyrs/src/modules/core/views/components/sections/Filters.vue'\n import FiltersGroup from '@martyrs/src/modules/core/views/components/sections/filters/FiltersGroup.vue'\n import Field from \"@martyrs/src/components/Field/Field.vue\"\n\n import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n import * as organization from '@martyrs/src/modules/organizations/store/organizations.js'\n import * as marketplace from '../../store/marketplace'\n import marketplaceStore from '../../store/marketplace'\n import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n const route = useRoute()\n const router = useRouter()\n const store = useStore()\n const { returnCurrency } = useGlobalMixins()\n\n const localPosition = ref({\n city: null,\n state: null,\n country: null\n });\n\n const localLocation = ref(null);\n // Location filter\n const searchLocation = ref('');\n\n if (route.params) {\n // Загружаем новые значения из параметров маршрута в состояние\n let newState = {\n country: denormalizeUrlParam(route.params.country),\n state: denormalizeUrlParam(route.params.state),\n city: denormalizeUrlParam(route.params.city),\n };\n\n\t // Обновляем глобальное состояние\n\t localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n function denormalizeUrlParam(param) {\n return param\n .replace(/-/g, ' ')\n .replace(/\\b\\w/g, l => l.toUpperCase());\n }\n\n function normalizeUrlParam(param) {\n return param\n .toLowerCase()\n .replace(/ /g, '-')\n .replace(/[^a-z0-9-]/g, '');\n }\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t \n\t // replace the current route\n\t router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selectedFilters, (newFilterValue, oldFilterValue) => {\n\t // Переводим фильтр в формат query\n\t const query = { ...route.query };\n\n\t // Удаляем старые значения фильтра из query\n\t Object.keys(oldFilterValue).forEach(key => {\n\t if (query[key]) {\n\t delete query[key];\n\t }\n\t });\n\n\t // Добавляем новые значения фильтра в query\n\t const newQueryValues = Object.fromEntries(\n\t Object.entries(newFilterValue)\n\t .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t .map(([key, value]) => [key, value.join(',')])\n\t );\n\n\t delete query.options;\n\t Object.assign(query, newQueryValues);\n\n\t // Обновляем маршрут с новым query\n\t router.replace({ query });\n\t}, { deep: true })\n\n\twatch(() => store.core.state.position, (newPosition) => {\n // get the current route\n const currentRoute = { ...router.currentRoute.value };\n\t \n // create new parameters based on globals state position\n let newParams = {\n country: normalizeUrlParam(newPosition.country),\n state: normalizeUrlParam(newPosition.state),\n city: normalizeUrlParam(newPosition.city),\n };\n\n let newState = {\n country: denormalizeUrlParam(newPosition.country),\n state: denormalizeUrlParam(newPosition.state),\n city: denormalizeUrlParam(newPosition.city),\n };\n \n // update route params\n localPosition.value = newState;\n currentRoute.params = newParams;\n\n \n // replace the current route\n router.replace(currentRoute);\n\t}, { deep: true });\n\n const text = {\n locale: 'en',\n messages: {\n en: {\n meta: {\n title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n }\n },\n ru: {\n meta: {\n title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n }\n }\n }\n }\n\n const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n\n\n"],"names":["marketplace.state"],"mappings":"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"}

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.js CHANGED Viewed

@@ -5,6 +5,7 @@ import { useI18n } from "vue-i18n";
 import { actions as actions$1 } from "../../../../products/store/categories.js";
 import { actions } from "../../../../products/store/products.js";
 /* empty css                 */
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   id: "main-menu",
   class: "pos-relative"
@@ -25,7 +26,7 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = {
   key: 1,
-  class: "mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button"
+  class: "mn-t-small radius-extra hover:bg-black fw-medium t-black bg-main hover:t-white button-small button"
 };
 const _sfc_main = {
   __name: "SectionMenu",
@@ -71,7 +72,7 @@ const _sfc_main = {
                 return openBlock(), createBlock(_component_router_link, {
                   to: _ctx.getMarketplaceLink([category.url]),
                   key: category,
-                  class: "cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item"
+                  class: "cursor-pointer hover:scale-[1.015] flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item"
                 }, {
                   default: withCtx(() => [
                     category.photo ? (openBlock(), createElementBlock("img", {
@@ -101,7 +102,8 @@ const _sfc_main = {
     };
   }
 };
+const SectionMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f58a45de"]]);
 export {
-  _sfc_main as default
+  SectionMenu as default
 };
 //# sourceMappingURL=SectionMenu.vue.js.map

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionMenu.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/sections/SectionMenu.vue"],"sourcesContent":["<template>\n\t<section id=\"main-menu\" class=\"pos-relative\">\n\t\t<h2 class=\"w-m-60r mn-auto pd-t-big pd-b-big t-center\">\n\t\t\tWeed and Accessories to <br><b>Enhance Your Smoking Experience</b> \n\t\t</h2>\n\n\t\t<transition name=\"fade\" mode=\"out-in\" appear>\n\t\t\t<div v-if=\"!menu\" class=\"w-100 h-15r radius-medium flex-center bg-light\">\n\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t</div>\n\n\t\t\t<ul v-else class=\"gap-thin grid-container\">\n\t\t\t\t<router-link :to=\"getMarketplaceLink([category.url])\"\n\t\t\t\t\tv-for=\"(category,index) in categoriesRoot.slice(0,5)\" \n\t\t\t\t\t:key=\"category\" \n\t\t\t\t\tclass=\"cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\tv-if=\"category.photo\"\n\t\t\t\t\t\t:src=\"category.photo\"\n\t\t\t\t\t\tclass=\"h-100 aspect-1x1 t-transp mn-r-thin\"\n\t\t\t\t\t>\n\n\t\t\t\t\t<div class=\"w-100\" :class=\"{'mn-r-auto':category.url === 'buds'}\">\n\t\t\t\t\t\t<h3 class=\"t-black capitalize h3\">\n\t\t\t\t\t\t\t{{category.name}}\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\n\t\t\t\t\t\t<p v-if=\"category.url === 'buds'\" class=\"mn-t-thin mn-b-thin t-transp t-black p-regular\">\n\t\t\t\t\t\t\tUnveiling the Exceptional User Curated Best Buds\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tv-if=\"category.url === 'buds'\"\n\t\t\t class=\"mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button\"\n\t\t\t >\n\t\t\t <span>Check {{countProduct.count}} products →</span>\n\t\t\t </button>\n\t\t\t\t\t</div>\n\t\t\t\t</router-link>\n\n\t\t\t</ul>\n\t\t</transition>\n\t</section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted,computed } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\t\n\timport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\timport * as products from '@martyrs/src/modules/products/store/products.js';\n\n\tconst router = useRouter()\n\n\tconst categoriesRoot = ref(null)\n\t\n \tconst text = {\n en: {\n \tcategories: []\n },\n ru: {\n \tcategories: []\n }\n }\n\n\n\tconst { t } = useI18n({\n messages: text\n })\n\n\tconst countProduct = ref(0)\n\tconst menu = ref(false)\n\n\tonMounted( async () => {\n\t\tcountProduct.value = await products.actions.read({count: true})\n\t\tcategoriesRoot.value = await categories.actions.read({rootOnly: true})\n\t\tmenu.value = true\n\t})\n</script>\n\n<style lang=\"scss\">\n\t.grid-container {\n\t display: grid;\n\t grid-template-columns: repeat(4, 1fr);\n\t grid-template-rows: repeat(2, 1fr);\n\t}\n\n\t.grid-item {\n\t &:first-of-type {\n\t \tgrid-column: span 2;\n\t \tgrid-row: span 2;\n\t }\n\t}\n\n\t@media screen and (max-width: 1025px) {\n .grid-container { grid-template-columns: repeat(2, 1fr); }\n }\n</style>\n"],"names":["products.actions","categories.actions"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA0DgB,cAAS;AAExB,UAAM,iBAAiB,IAAI,IAAI;AAE9B,UAAM,OAAO;AAAA,MACX,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,MACI,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,IACA;AAGC,UAAM,EAAE,EAAC,IAAM,QAAQ;AAAA,MACpB,UAAU;AAAA,IACd,CAAG;AAEF,UAAM,eAAe,IAAI,CAAC;AAC1B,UAAM,OAAO,IAAI,KAAK;AAEtB,cAAW,YAAY;AACtB,mBAAa,QAAQ,MAAMA,QAAiB,KAAK,EAAC,OAAO,KAAI,CAAC;AAC9D,qBAAe,QAAQ,MAAMC,UAAmB,KAAK,EAAC,UAAU,KAAI,CAAC;AACrE,WAAK,QAAQ;AAAA,IACd,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"SectionMenu.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/sections/SectionMenu.vue"],"sourcesContent":["<template>\n\t<section id=\"main-menu\" class=\"pos-relative\">\n\t\t<h2 class=\"w-m-60r mn-auto pd-t-big pd-b-big t-center\">\n\t\t\tWeed and Accessories to <br><b>Enhance Your Smoking Experience</b> \n\t\t</h2>\n\n\t\t<transition name=\"fade\" mode=\"out-in\" appear>\n\t\t\t<div v-if=\"!menu\" class=\"w-100 h-15r radius-medium flex-center bg-light\">\n\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t</div>\n\n\t\t\t<ul v-else class=\"gap-thin grid-container\">\n\t\t\t\t<router-link :to=\"getMarketplaceLink([category.url])\"\n\t\t\t\t\tv-for=\"(category,index) in categoriesRoot.slice(0,5)\" \n\t\t\t\t\t:key=\"category\" \n\t\t\t\t\tclass=\"cursor-pointer hover:scale-[1.015] flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\tv-if=\"category.photo\"\n\t\t\t\t\t\t:src=\"category.photo\"\n\t\t\t\t\t\tclass=\"h-100 aspect-1x1 t-transp mn-r-thin\"\n\t\t\t\t\t>\n\n\t\t\t\t\t<div class=\"w-100\" :class=\"{'mn-r-auto':category.url === 'buds'}\">\n\t\t\t\t\t\t<h3 class=\"t-black capitalize h3\">\n\t\t\t\t\t\t\t{{category.name}}\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\n\t\t\t\t\t\t<p v-if=\"category.url === 'buds'\" class=\"mn-t-thin mn-b-thin t-transp t-black p-regular\">\n\t\t\t\t\t\t\tUnveiling the Exceptional User Curated Best Buds\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tv-if=\"category.url === 'buds'\"\n\t\t\t class=\"mn-t-small radius-extra hover:bg-black fw-medium t-black bg-main hover:t-white button-small button\"\n\t\t\t >\n\t\t\t <span>Check {{countProduct.count}} products →</span>\n\t\t\t </button>\n\t\t\t\t\t</div>\n\t\t\t\t</router-link>\n\n\t\t\t</ul>\n\t\t</transition>\n\t</section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted,computed } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\t\n\timport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\timport * as products from '@martyrs/src/modules/products/store/products.js';\n\n\tconst router = useRouter()\n\n\tconst categoriesRoot = ref(null)\n\t\n \tconst text = {\n en: {\n \tcategories: []\n },\n ru: {\n \tcategories: []\n }\n }\n\n\n\tconst { t } = useI18n({\n messages: text\n })\n\n\tconst countProduct = ref(0)\n\tconst menu = ref(false)\n\n\tonMounted( async () => {\n\t\tcountProduct.value = await products.actions.read({count: true})\n\t\tcategoriesRoot.value = await categories.actions.read({rootOnly: true})\n\t\tmenu.value = true\n\t})\n</script>\n\n<style lang=\"scss\" scoped>\n\t.grid-container {\n\t display: grid;\n\t grid-template-columns: repeat(4, 1fr);\n\t grid-template-rows: repeat(2, 1fr);\n\t}\n\n\t.grid-item {\n\t &:first-of-type {\n\t \tgrid-column: span 2;\n\t \tgrid-row: span 2;\n\t }\n\t}\n\n\t@media screen and (max-width: 1025px) {\n .grid-container { grid-template-columns: repeat(2, 1fr); }\n }\n</style>\n"],"names":["products.actions","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DgB,cAAS;AAExB,UAAM,iBAAiB,IAAI,IAAI;AAE9B,UAAM,OAAO;AAAA,MACX,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,MACI,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,IACA;AAGC,UAAM,EAAE,EAAC,IAAM,QAAQ;AAAA,MACpB,UAAU;AAAA,IACd,CAAG;AAEF,UAAM,eAAe,IAAI,CAAC;AAC1B,UAAM,OAAO,IAAI,KAAK;AAEtB,cAAW,YAAY;AACtB,mBAAa,QAAQ,MAAMA,QAAiB,KAAK,EAAC,OAAO,KAAI,CAAC;AAC9D,qBAAe,QAAQ,MAAMC,UAAmB,KAAK,EAAC,UAAU,KAAI,CAAC;AACrE,WAAK,QAAQ;AAAA,IACd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/blocks/ActionButtons.vue.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { ref, createElementBlock, openBlock, Fragment, renderList, createBlock, normalizeClass, withCtx, createCommentVNode, createTextVNode, resolveDynamicComponent, toDisplayString, createElementVNode, createVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$3 from "../../../icons/navigation/IconEllipsis.vue.js";
 const _hoisted_1 = { class: "flex gap-small mn-b-medium" };
 const _hoisted_2 = { class: "dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin" };
 const _hoisted_3 = {
   key: 0,
-  class: "mn-v-thin border-dark-transp-10"
+  class: "mn-v-thin br-dark-transp-10"
 };
 const _sfc_main = {
   __name: "ActionButtons",
@@ -30,7 +30,7 @@ const _sfc_main = {
           return openBlock(), createElementBlock(Fragment, { key: index }, [
             button.type !== "dropdown" ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              class: normalizeClass(["flex-1 radius-thin flex-center gap-thin", button.class]),
+              class: normalizeClass(["flex-child-1 radius-thin flex-center gap-thin", button.class]),
               onClick: button.action
             }, {
               default: withCtx(() => [

package/dist/martyrs/src/modules/music/components/blocks/ActionButtons.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButtons.vue.js","sources":["../../../../../../../src/modules/music/components/blocks/ActionButtons.vue"],"sourcesContent":["<template>\n <div class=\"flex gap-small mn-b-medium\">\n <template v-for=\"(button, index) in buttons\" :key=\"index\">\n <!-- Regular button -->\n <Button\n v-if=\"button.type !== 'dropdown'\"\n :class=\"['flex-1 radius-thin flex-center gap-thin', button.class]\"\n @click=\"button.action\"\n >\n <component\n v-if=\"button.icon\"\n :is=\"button.icon\"\n :fill=\"button.iconFill\"\n class=\"i-medium\"\n />\n {{ button.text }}\n </Button>\n\n <!-- Dropdown button -->\n <Dropdown\n v-else\n :label=\"{component: IconEllipsis, class: 'bg-light radius-thin pd-thin i-big' }\"\n v-model=\"dropdownOpen\"\n class=\"relative\"\n >\n <template #trigger>\n <Button color=\"transp\" size=\"medium\" class=\"w-3r h-3r radius-full\">\n <IconEllipsis class=\"i-medium\" />\n </Button>\n </template>\n <template #default>\n <div class=\"dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin\">\n <template v-for=\"(item, idx) in button.items\" :key=\"idx\">\n <hr v-if=\"item.separator\" class=\"mn-v-thin ~~border~~-dark-transp-10\" />\n <Button\n v-else\n @click=\"handleDropdownClick(item.action)\"\n :color=\"item.color \|\| 'transp'\"\n size=\"small\"\n class=\"w-100 justify-start\"\n :class=\"item.class\"\n >\n {{ item.text }}\n </Button>\n </template>\n </div>\n </template>\n </Dropdown>\n </template>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\n\nconst props = defineProps({\n buttons: {\n type: Array,\n required: true\n }\n});\n\nconst dropdownOpen = ref(false);\n\nconst handleDropdownClick = (action) => {\n if (action) {\n action();\n }\n dropdownOpen.value = false;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAiEA,UAAM,eAAe,IAAI,KAAK;AAE9B,UAAM,sBAAsB,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,eAAM;AAAA,MACR;AACA,mBAAa,QAAQ;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"ActionButtons.vue.js","sources":["../../../../../../../src/modules/music/components/blocks/ActionButtons.vue"],"sourcesContent":["<template>\n <div class=\"flex gap-small mn-b-medium\">\n <template v-for=\"(button, index) in buttons\" :key=\"index\">\n <!-- Regular button -->\n <Button\n v-if=\"button.type !== 'dropdown'\"\n :class=\"['flex-child-1 radius-thin flex-center gap-thin', button.class]\"\n @click=\"button.action\"\n >\n <component\n v-if=\"button.icon\"\n :is=\"button.icon\"\n :fill=\"button.iconFill\"\n class=\"i-medium\"\n />\n {{ button.text }}\n </Button>\n\n <!-- Dropdown button -->\n <Dropdown\n v-else\n :label=\"{component: IconEllipsis, class: 'bg-light radius-thin pd-thin i-big' }\"\n v-model=\"dropdownOpen\"\n class=\"relative\"\n >\n <template #trigger>\n <Button color=\"transp\" size=\"medium\" class=\"w-3r h-3r radius-full\">\n <IconEllipsis class=\"i-medium\" />\n </Button>\n </template>\n <template #default>\n <div class=\"dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin\">\n <template v-for=\"(item, idx) in button.items\" :key=\"idx\">\n <hr v-if=\"item.separator\" class=\"mn-v-thin br-dark-transp-10\" />\n <Button\n v-else\n @click=\"handleDropdownClick(item.action)\"\n :color=\"item.color \|\| 'transp'\"\n size=\"small\"\n class=\"w-100 justify-start\"\n :class=\"item.class\"\n >\n {{ item.text }}\n </Button>\n </template>\n </div>\n </template>\n </Dropdown>\n </template>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\n\nconst props = defineProps({\n buttons: {\n type: Array,\n required: true\n }\n});\n\nconst dropdownOpen = ref(false);\n\nconst handleDropdownClick = (action) => {\n if (action) {\n action();\n }\n dropdownOpen.value = false;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAiEA,UAAM,eAAe,IAAI,KAAK;AAE9B,UAAM,sBAAsB,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,eAAM;AAAA,MACR;AACA,mBAAa,QAAQ;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, toDisplayString } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import { actions } from "../../store/player.js";
 import { state, actions as actions$1 } from "../../store/albums.js";
@@ -9,14 +9,14 @@ import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js
 const _hoisted_1 = { class: "album-cover pos-relative" };
 const _hoisted_2 = {
   key: 0,
-  class: "album-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex transition-cubic-in-out"
+  class: "album-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex ease-cubic-in-out"
 };
 const _hoisted_3 = { class: "album-info pd-medium bg-light" };
 const _hoisted_4 = {
-  class: "mn-b-thin t-medium t-truncate",
+  class: "mn-b-thin fw-medium truncate",
   style: { "height": "1.50rem" }
 };
-const _hoisted_5 = { class: "t-transp t-small t-truncate" };
+const _hoisted_5 = { class: "t-transp t-small truncate" };
 const _sfc_main = {
   __name: "AlbumCard",
   props: {
@@ -66,7 +66,7 @@ const _sfc_main = {
             __props.album.totalTracks && __props.album.totalTracks > 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
               createVNode(_sfc_main$1, {
                 onClick: _cache[0] || (_cache[0] = withModifiers(($event) => playAlbum(__props.album), ["stop", "prevent"])),
-                class: "play-button i-big bg-main radius-round flex-center flex aspect-1x1",
+                class: "play-button i-big bg-main radius-extra flex-center flex aspect-1x1",
                 showLoader: false,
                 showSucces: false
               }, {
@@ -90,7 +90,7 @@ const _sfc_main = {
     };
   }
 };
-const AlbumCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7bd0bb4d"]]);
+const AlbumCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70639460"]]);
 export {
   AlbumCard as default
 };

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlbumCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/AlbumCard.vue"],"sourcesContent":["<!-- components/cards/AlbumCard.vue -->\n<template>\n <router-link \n :to=\"{ name: 'album', params: { url: album.url } }\" \n class=\"album-card d-block radius-medium o-hidden\"\n >\n <div class=\"album-cover pos-relative\">\n <Media \n :url=\"album.coverArt \|\| album.coverUrl \|\| '/logo/logo-placeholder.jpg'\" \n class=\"w-100 aspect-1x1 object-fit-cover\"\n />\n <div v-if=\"album.totalTracks && album.totalTracks > 0\" class=\"album-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex ~~transition~~-cubic-in-out\">\n <Button \n @click.stop.prevent=\"playAlbum(album)\" \n class=\"play-button i-big bg-main radius-~~round~~ flex-center flex aspect-1x1\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPlay class=\"i-small\" fill=\"rgb(var(--white))\" />\n </Button>\n </div>\n </div>\n <div class=\"album-info pd-medium bg-light\">\n <h3 class=\"mn-b-thin t-medium t-truncate\" style=\"height: 1.50rem\">{{ album.title }}</h3>\n <p class=\"t-transp t-small t-truncate\">{{ albumInfo }}</p>\n </div>\n </router-link>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\n\n// Import player store & albums store\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\n\nconst props = defineProps({\n album: {\n type: Object,\n required: true\n }\n});\n\n// Computed properties\nconst albumInfo = computed(() => {\n const releaseYear = props.album.releaseDate ? new Date(props.album.releaseDate).getFullYear() : '';\n let artistName = 'Unknown Artist';\n \n // Handle artists array (model uses 'artists' not 'artist')\n if (props.album.artists && props.album.artists.length > 0) {\n // If populated, artists[0] will have name property\n if (props.album.artists[0]?.name) {\n artistName = props.album.artists.map(artist => artist.name).join(', ');\n } else if (typeof props.album.artists[0] === 'string') {\n // If not populated, it might be just IDs\n artistName = 'Various Artists';\n }\n } else if (props.album.artist?.name) {\n // Fallback for old data structure\n artistName = props.album.artist.name;\n }\n \n return releaseYear ? `${artistName} • ${releaseYear}` : artistName;\n});\n\n// Methods\nconst playAlbum = async (album) => {\n // If album tracks are already loaded in state, use those\n if (albumsState.currentAlbum && albumsState.currentAlbum._id === album._id && albumsState.currentAlbumTracks.length > 0) {\n playerActions.setQueue(albumsState.currentAlbumTracks);\n return;\n }\n \n // Otherwise fetch tracks for this album\n const tracks = await albumsActions.fetchAlbumTracks(album._id);\n \n if (tracks && tracks.length > 0) {\n playerActions.setQueue(tracks);\n }\n};\n</script>\n\n<style scoped>\n.album-card {\n transition: transform 0.3s ease;\n}\n\n.album-card:hover {\n transform: translateY(-5px);\n}\n\n.album-overlay {\n background: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.album-card:hover .album-overlay {\n opacity: 1;\n}\n\n.play-button {\n transform: scale(0.8);\n transition: transform 0.3s ease;\n}\n\n.album-card:hover .play-button {\n transform: scale(1);\n}\n</style>"],"names":["albumsState","playerActions","albumsActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAQd,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,cAAc,MAAM,MAAM,cAAc,IAAI,KAAK,MAAM,MAAM,WAAW,EAAE,YAAW,IAAK;AAChG,UAAI,aAAa;AAGjB,UAAI,MAAM,MAAM,WAAW,MAAM,MAAM,QAAQ,SAAS,GAAG;AAEzD,YAAI,MAAM,MAAM,QAAQ,CAAC,GAAG,MAAM;AAChC,uBAAa,MAAM,MAAM,QAAQ,IAAI,YAAU,OAAO,IAAI,EAAE,KAAK,IAAI;AAAA,QACvE,WAAW,OAAO,MAAM,MAAM,QAAQ,CAAC,MAAM,UAAU;AAErD,uBAAa;AAAA,QACf;AAAA,MACF,WAAW,MAAM,MAAM,QAAQ,MAAM;AAEnC,qBAAa,MAAM,MAAM,OAAO;AAAA,MAClC;AAEA,aAAO,cAAc,GAAG,UAAU,MAAM,WAAW,KAAK;AAAA,IAC1D,CAAC;AAGD,UAAM,YAAY,OAAO,UAAU;AAEjC,UAAIA,MAAY,gBAAgBA,MAAY,aAAa,QAAQ,MAAM,OAAOA,MAAY,mBAAmB,SAAS,GAAG;AACvHC,gBAAc,SAASD,MAAY,kBAAkB;AACrD;AAAA,MACF;AAGA,YAAM,SAAS,MAAME,UAAc,iBAAiB,MAAM,GAAG;AAE7D,UAAI,UAAU,OAAO,SAAS,GAAG;AAC/BD,gBAAc,SAAS,MAAM;AAAA,MAC/B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"AlbumCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/AlbumCard.vue"],"sourcesContent":["<!-- components/cards/AlbumCard.vue -->\n<template>\n <router-link \n :to=\"{ name: 'album', params: { url: album.url } }\" \n class=\"album-card d-block radius-medium o-hidden\"\n >\n <div class=\"album-cover pos-relative\">\n <Media \n :url=\"album.coverArt \|\| album.coverUrl \|\| '/logo/logo-placeholder.jpg'\" \n class=\"w-100 aspect-1x1 object-fit-cover\"\n />\n <div v-if=\"album.totalTracks && album.totalTracks > 0\" class=\"album-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex ease-cubic-in-out\">\n <Button \n @click.stop.prevent=\"playAlbum(album)\" \n class=\"play-button i-big bg-main radius-extra flex-center flex aspect-1x1\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPlay class=\"i-small\" fill=\"rgb(var(--white))\" />\n </Button>\n </div>\n </div>\n <div class=\"album-info pd-medium bg-light\">\n <h3 class=\"mn-b-thin fw-medium truncate\" style=\"height: 1.50rem\">{{ album.title }}</h3>\n <p class=\"t-transp t-small truncate\">{{ albumInfo }}</p>\n </div>\n </router-link>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\n\n// Import player store & albums store\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\n\nconst props = defineProps({\n album: {\n type: Object,\n required: true\n }\n});\n\n// Computed properties\nconst albumInfo = computed(() => {\n const releaseYear = props.album.releaseDate ? new Date(props.album.releaseDate).getFullYear() : '';\n let artistName = 'Unknown Artist';\n \n // Handle artists array (model uses 'artists' not 'artist')\n if (props.album.artists && props.album.artists.length > 0) {\n // If populated, artists[0] will have name property\n if (props.album.artists[0]?.name) {\n artistName = props.album.artists.map(artist => artist.name).join(', ');\n } else if (typeof props.album.artists[0] === 'string') {\n // If not populated, it might be just IDs\n artistName = 'Various Artists';\n }\n } else if (props.album.artist?.name) {\n // Fallback for old data structure\n artistName = props.album.artist.name;\n }\n \n return releaseYear ? `${artistName} • ${releaseYear}` : artistName;\n});\n\n// Methods\nconst playAlbum = async (album) => {\n // If album tracks are already loaded in state, use those\n if (albumsState.currentAlbum && albumsState.currentAlbum._id === album._id && albumsState.currentAlbumTracks.length > 0) {\n playerActions.setQueue(albumsState.currentAlbumTracks);\n return;\n }\n \n // Otherwise fetch tracks for this album\n const tracks = await albumsActions.fetchAlbumTracks(album._id);\n \n if (tracks && tracks.length > 0) {\n playerActions.setQueue(tracks);\n }\n};\n</script>\n\n<style scoped>\n.album-card {\n transition: transform 0.3s ease;\n}\n\n.album-card:hover {\n transform: translateY(-5px);\n}\n\n.album-overlay {\n background: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity 0.3s ease;\n}\n\n.album-card:hover .album-overlay {\n opacity: 1;\n}\n\n.play-button {\n transform: scale(0.8);\n transition: transform 0.3s ease;\n}\n\n.album-card:hover .play-button {\n transform: scale(1);\n}\n</style>"],"names":["albumsState","playerActions","albumsActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAQd,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,cAAc,MAAM,MAAM,cAAc,IAAI,KAAK,MAAM,MAAM,WAAW,EAAE,YAAW,IAAK;AAChG,UAAI,aAAa;AAGjB,UAAI,MAAM,MAAM,WAAW,MAAM,MAAM,QAAQ,SAAS,GAAG;AAEzD,YAAI,MAAM,MAAM,QAAQ,CAAC,GAAG,MAAM;AAChC,uBAAa,MAAM,MAAM,QAAQ,IAAI,YAAU,OAAO,IAAI,EAAE,KAAK,IAAI;AAAA,QACvE,WAAW,OAAO,MAAM,MAAM,QAAQ,CAAC,MAAM,UAAU;AAErD,uBAAa;AAAA,QACf;AAAA,MACF,WAAW,MAAM,MAAM,QAAQ,MAAM;AAEnC,qBAAa,MAAM,MAAM,OAAO;AAAA,MAClC;AAEA,aAAO,cAAc,GAAG,UAAU,MAAM,WAAW,KAAK;AAAA,IAC1D,CAAC;AAGD,UAAM,YAAY,OAAO,UAAU;AAEjC,UAAIA,MAAY,gBAAgBA,MAAY,aAAa,QAAQ,MAAM,OAAOA,MAAY,mBAAmB,SAAS,GAAG;AACvHC,gBAAc,SAASD,MAAY,kBAAkB;AACrD;AAAA,MACF;AAGA,YAAM,SAAS,MAAME,UAAc,iBAAiB,MAAM,GAAG;AAE7D,UAAI,UAAU,OAAO,SAAS,GAAG;AAC/BD,gBAAc,SAAS,MAAM;AAAA,MAC/B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/ArtistCard.vue.js CHANGED Viewed

@@ -11,10 +11,10 @@ const _hoisted_3 = {
 const _hoisted_4 = { class: "h3" };
 const _hoisted_5 = { class: "p-small" };
 const _hoisted_6 = { class: "pd-small" };
-const _hoisted_7 = { class: "t-medium mn-b-small t-truncate" };
+const _hoisted_7 = { class: "fw-medium mn-b-small truncate" };
 const _hoisted_8 = {
   key: 0,
-  class: "p-small t-transp t-trim"
+  class: "p-small t-transp truncate"
 };
 const _sfc_main = {
   __name: "ArtistCard",
@@ -44,7 +44,7 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["artist-card flex flex-column radius-medium o-hidden bg-white", { "cursor-pointer hover-scale-1": __props.clickable }]),
+        class: normalizeClass(["artist-card flex flex-column radius-medium o-hidden bg-white", { "cursor-pointer hover:scale-[1.05]": __props.clickable }]),
         onClick: handleClick
       }, [
         createElementVNode("div", _hoisted_1, [
@@ -77,7 +77,7 @@ const _sfc_main = {
     };
   }
 };
-const ArtistCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-648ab17c"]]);
+const ArtistCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0400c413"]]);
 export {
   ArtistCard as default
 };

package/dist/martyrs/src/modules/music/components/cards/ArtistCard.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArtistCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/ArtistCard.vue"],"sourcesContent":["<template>\n <div \n class=\"artist-card flex flex-column radius-medium o-hidden bg-white\"\n :class=\"{ 'cursor-pointer hover-scale-1': clickable }\"\n @click=\"handleClick\"\n >\n <div class=\"artist-image w-100 pos-relative aspect-1x1\">\n <img \n v-if=\"artist.photo\" \n :src=\"FILE_SERVER_URL + artist.photo\" \n :alt=\"artist.name\"\n class=\"w-100 h-100 object-fit-cover\"\n loading=\"lazy\"\n />\n <div v-else class=\"w-100 h-100 bg-light flex-center flex\">\n <span class=\"h3\">{{ artist.name ? artist.name.charAt(0) : '?' }}</span>\n </div>\n \n <div \n v-if=\"showStatus\" \n class=\"pos-absolute pos-t-small pos-r-small pd-micro radius-medium\"\n :class=\"{\n 'bg-second': artist.status === 'published',\n 'bg-fifth': artist.status === 'featured',\n 'bg-grey': artist.status === 'draft'\n }\"\n >\n <span class=\" p-small\">{{ artist.status }}</span>\n </div>\n </div>\n \n <div class=\"pd-small\">\n <h4 class=\"t-medium mn-b-small t-truncate\">{{ artist.name }}</h4>\n <p v-if=\"artist.genres && artist.genres.length\" class=\"p-small t-transp ~~t-trim~~\">\n {{ artist.genres.join(', ') }}\n </p>\n </div>\n \n <slot name=\"actions\"></slot>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst props = defineProps({\n artist: {\n type: Object,\n required: true\n },\n clickable: {\n type: Boolean,\n default: true\n },\n showStatus: {\n type: Boolean,\n default: false\n }\n});\n\nconst router = useRouter();\n\nconst handleClick = () => {\n if (!props.clickable) return;\n \n router.push({\n name: 'artist',\n params: { url: props.artist.url }\n });\n};\n</script>\n\n<style scoped>\n.artist-card {\n border: 1px solid rgba(var(--grey), 0.2);\n transition: transform 0.2s ease;\n}\n~~\n.hover-scale-1:hover {\n transform: scale(1.02);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n~~</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAed,UAAM,SAAS,UAAS;AAExB,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,MAAM,UAAW;AAEtB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG;AAAA,MACnC,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"ArtistCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/ArtistCard.vue"],"sourcesContent":["<template>\n <div \n class=\"artist-card flex flex-column radius-medium o-hidden bg-white\"\n :class=\"{ 'cursor-pointer hover:scale-[1.05]': clickable }\"\n @click=\"handleClick\"\n >\n <div class=\"artist-image w-100 pos-relative aspect-1x1\">\n <img \n v-if=\"artist.photo\" \n :src=\"FILE_SERVER_URL + artist.photo\" \n :alt=\"artist.name\"\n class=\"w-100 h-100 object-fit-cover\"\n loading=\"lazy\"\n />\n <div v-else class=\"w-100 h-100 bg-light flex-center flex\">\n <span class=\"h3\">{{ artist.name ? artist.name.charAt(0) : '?' }}</span>\n </div>\n \n <div \n v-if=\"showStatus\" \n class=\"pos-absolute pos-t-small pos-r-small pd-micro radius-medium\"\n :class=\"{\n 'bg-second': artist.status === 'published',\n 'bg-fifth': artist.status === 'featured',\n 'bg-grey': artist.status === 'draft'\n }\"\n >\n <span class=\" p-small\">{{ artist.status }}</span>\n </div>\n </div>\n \n <div class=\"pd-small\">\n <h4 class=\"fw-medium mn-b-small truncate\">{{ artist.name }}</h4>\n <p v-if=\"artist.genres && artist.genres.length\" class=\"p-small t-transp truncate\">\n {{ artist.genres.join(', ') }}\n </p>\n </div>\n \n <slot name=\"actions\"></slot>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst props = defineProps({\n artist: {\n type: Object,\n required: true\n },\n clickable: {\n type: Boolean,\n default: true\n },\n showStatus: {\n type: Boolean,\n default: false\n }\n});\n\nconst router = useRouter();\n\nconst handleClick = () => {\n if (!props.clickable) return;\n \n router.push({\n name: 'artist',\n params: { url: props.artist.url }\n });\n};\n</script>\n\n<style scoped>\n.artist-card {\n border: 1px solid rgba(var(--grey), 0.2);\n transition: transform 0.2s ease;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAed,UAAM,SAAS,UAAS;AAExB,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,MAAM,UAAW;AAEtB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG;AAAA,MACnC,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}