@ozdao/martyrs 0.2.526 → 0.2.528

package/dist/martyrs/src/modules/landing/components/sections/SectionEarn.vue.cjs

@@ -120,8 +120,10 @@ const _sfc_main = {
             },
             class: "z-index-3 pos-relative w-100"
           }, null, 8, ["tokenAddress", "tokenSymbol", "tokenDecimals", "tokenImage", "targetChainId", "metamaskIcon", "content"]),
-          _cache[0] || (_cache[0] = vue.createElementVNode("div", {
-            style: { "background-image": "url(/spiral.jpg)" },
+          _cache[0] || (_cache[0] = vue.createElementVNode("img", {
+            src: "/spiral.webp",
+            loading: "lazy",
+            alt: "",
             class: "mn-b-extra z-index-1 spiral"
           }, null, -1))
         ])
@@ -129,6 +131,6 @@ const _sfc_main = {
     };
   }
 };
-const SectionEarn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2273f6eb"]]);
+const SectionEarn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c8e62ffd"]]);
 exports.default = SectionEarn;
 //# sourceMappingURL=SectionEarn.vue.cjs.map

package/dist/martyrs/src/modules/landing/components/sections/SectionEarn.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionEarn.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-medium\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-semi t-transp\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-medium t-transp\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-medium\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-medium\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-medium o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-2 pos-relative w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"z-index-3 pos-relative w-100\"\n      />\n      <div style=\"background-image: url(/spiral.jpg)\" class=\"mn-b-extra z-index-1 spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@martyrs/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    background-size: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAE,IAAKA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionEarn.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-medium\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-semi t-transp\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-medium t-transp\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-medium\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-medium\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-medium o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-2 pos-relative w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"z-index-3 pos-relative w-100\"\n      />\n      <img :src=\"'/spiral.webp'\" loading=\"lazy\" alt=\"\" class=\"mn-b-extra z-index-1 spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@martyrs/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    object-fit: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAE,IAAKA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionEarn.vue.js

@@ -118,8 +118,10 @@ const _sfc_main = {
             },
             class: "z-index-3 pos-relative w-100"
           }, null, 8, ["tokenAddress", "tokenSymbol", "tokenDecimals", "tokenImage", "targetChainId", "metamaskIcon", "content"]),
-          _cache[0] || (_cache[0] = createElementVNode("div", {
-            style: { "background-image": "url(/spiral.jpg)" },
+          _cache[0] || (_cache[0] = createElementVNode("img", {
+            src: "/spiral.webp",
+            loading: "lazy",
+            alt: "",
             class: "mn-b-extra z-index-1 spiral"
           }, null, -1))
         ])
@@ -127,7 +129,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2273f6eb"]]);
+const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8e62ffd"]]);
 export {
   SectionEarn as default
 };

package/dist/martyrs/src/modules/landing/components/sections/SectionEarn.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionEarn.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-medium\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-semi t-transp\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-medium t-transp\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-medium\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-medium\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-medium o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-2 pos-relative w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"z-index-3 pos-relative w-100\"\n      />\n      <div style=\"background-image: url(/spiral.jpg)\" class=\"mn-b-extra z-index-1 spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@martyrs/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    background-size: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionEarn.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-medium\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-semi t-transp\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-medium t-transp\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-medium\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-medium\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-medium o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-2 pos-relative w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"z-index-3 pos-relative w-100\"\n      />\n      <img :src=\"'/spiral.webp'\" loading=\"lazy\" alt=\"\" class=\"mn-b-extra z-index-1 spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@martyrs/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    object-fit: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.cjs

@@ -9,24 +9,28 @@ const _hoisted_1 = {
   id: "mobileApp",
   class: "cols-2 o-hidden"
 };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
-const _hoisted_4 = { class: "mn-t-medium mn-b-semi w-m-40r" };
-const _hoisted_5 = { class: "t-transp mn-b-big p-semi w-m-33r" };
-const _hoisted_6 = { class: "mn-b-big gap-medium cols-2" };
-const _hoisted_7 = { class: "feature" };
-const _hoisted_8 = { class: "mn-b-small" };
-const _hoisted_9 = { class: "t-transp p-medium" };
-const _hoisted_10 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
-const _hoisted_11 = ["href", "target"];
-const _hoisted_12 = {
+const _hoisted_2 = ["srcset"];
+const _hoisted_3 = ["src", "srcset"];
+const _hoisted_4 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
+const _hoisted_5 = { class: "mn-t-medium mn-b-medium w-m-40r" };
+const _hoisted_6 = { class: "t-transp mn-b-semi p-semi w-m-33r" };
+const _hoisted_7 = {
   key: 0,
-  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "mn-b-semi gap-medium cols-2"
 };
-const _hoisted_13 = ["href", "target"];
-const _hoisted_14 = {
+const _hoisted_8 = { class: "feature" };
+const _hoisted_9 = { class: "mn-b-small" };
+const _hoisted_10 = { class: "t-transp p-medium" };
+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 pd-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+  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"
+};
+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"
 };
 const _sfc_main = {
   __name: "SectionMobileApp",
@@ -43,47 +47,60 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        vue.createElementVNode("img", {
-          loading: "lazy",
-          src: (_ctx.FILE_SERVER_URL || "") + vue.unref(t)("image"),
-          class: "radius-medium w-100 h-100 mobile:h-auto object-fit-cover"
-        }, null, 8, _hoisted_2),
-        vue.createElementVNode("div", _hoisted_3, [
-          vue.createElementVNode("h2", _hoisted_4, vue.toDisplayString(vue.unref(t)("title")), 1),
-          vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(vue.unref(t)("description")), 1),
-          vue.createElementVNode("div", _hoisted_6, [
+        vue.createElementVNode("picture", null, [
+          vue.createElementVNode("source", {
+            type: "image/webp",
+            srcset: `${_ctx.FILE_SERVER_URL || ""}/landing/mockup-400w.webp 400w,
+                   ${_ctx.FILE_SERVER_URL || ""}/landing/mockup-800w.webp 800w,
+                   ${_ctx.FILE_SERVER_URL || ""}/landing/mockup-1200w.webp 1200w,
+                   ${_ctx.FILE_SERVER_URL || ""}/landing/mockup.webp 2028w`,
+            sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px"
+          }, null, 8, _hoisted_2),
+          vue.createElementVNode("img", {
+            loading: "lazy",
+            src: (_ctx.FILE_SERVER_URL || "") + vue.unref(t)("image"),
+            srcset: `${_ctx.FILE_SERVER_URL || ""}/landing/mockup.jpg 2028w`,
+            sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px",
+            class: "radius-medium w-100 h-100 mobile:h-auto object-fit-cover",
+            alt: "OZ DAO Mobile App"
+          }, null, 8, _hoisted_3)
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("h2", _hoisted_5, vue.toDisplayString(vue.unref(t)("title")), 1),
+          vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(vue.unref(t)("description")), 1),
+          vue.unref(tm)("features").length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
-              return vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                vue.createElementVNode("h4", _hoisted_8, vue.toDisplayString(feature.title), 1),
-                vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(feature.text), 1)
+              return vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                vue.createElementVNode("h4", _hoisted_9, vue.toDisplayString(feature.title), 1),
+                vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(feature.text), 1)
               ]);
             }), 256))
-          ]),
-          vue.createElementVNode("div", _hoisted_10, [
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_11, [
             vue.unref(te)("linkAppStore") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
               key: 0,
               href: vue.unref(te)("linkAppStore") ? vue.unref(t)("linkAppStore") : null,
               target: vue.unref(te)("linkAppStore") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
               vue.createVNode(LabelAppStore.default, {
                 class: "w-100 h-max",
                 alt: "Download on App Store"
               })
-            ], 8, _hoisted_11)) : vue.createCommentVNode("", true),
+            ], 8, _hoisted_12)) : vue.createCommentVNode("", true),
             vue.unref(te)("linkGooglePlay") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
               key: 1,
               href: vue.unref(te)("linkGooglePlay") ? vue.unref(t)("linkGooglePlay") : null,
               target: vue.unref(te)("linkGooglePlay") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
               vue.createVNode(LabelGooglePlay.default, {
                 class: "w-100 h-max",
                 alt: "Download on Google Play"
               })
-            ], 8, _hoisted_13)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_14)) : vue.createCommentVNode("", true)
           ])
         ])
       ]);

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMobileApp.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n      >\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-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-semi w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium 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-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\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 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 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":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionMobileApp.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n      <picture>\n        <source \n          type=\"image/webp\"\n          :srcset=\"`${FILE_SERVER_URL || ''}/landing/mockup-400w.webp 400w,\n                   ${FILE_SERVER_URL || ''}/landing/mockup-800w.webp 800w,\n                   ${FILE_SERVER_URL || ''}/landing/mockup-1200w.webp 1200w,\n                   ${FILE_SERVER_URL || ''}/landing/mockup.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 || ''}/landing/mockup.jpg 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-semi p-semi w-m-33r\">{{ t('description') }}</p>\n      \n      <div v-if=\"tm('features').length > 0\" class=\"mn-b-semi gap-medium 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-medium\">{{ 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":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { createElementBlock, openBlock, createElementVNode, unref, toDisplayString, Fragment, renderList, createCommentVNode, createVNode } from "vue";
+import { createElementBlock, openBlock, createElementVNode, unref, createCommentVNode, toDisplayString, Fragment, renderList, createVNode } from "vue";
 import { useI18n } from "vue-i18n";
 import LabelAppStore from "../../../icons/labels/LabelAppStore.vue.js";
 import LabelGooglePlay from "../../../icons/labels/LabelGooglePlay.vue.js";
@@ -7,24 +7,28 @@ const _hoisted_1 = {
   id: "mobileApp",
   class: "cols-2 o-hidden"
 };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
-const _hoisted_4 = { class: "mn-t-medium mn-b-semi w-m-40r" };
-const _hoisted_5 = { class: "t-transp mn-b-big p-semi w-m-33r" };
-const _hoisted_6 = { class: "mn-b-big gap-medium cols-2" };
-const _hoisted_7 = { class: "feature" };
-const _hoisted_8 = { class: "mn-b-small" };
-const _hoisted_9 = { class: "t-transp p-medium" };
-const _hoisted_10 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
-const _hoisted_11 = ["href", "target"];
-const _hoisted_12 = {
+const _hoisted_2 = ["srcset"];
+const _hoisted_3 = ["src", "srcset"];
+const _hoisted_4 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
+const _hoisted_5 = { class: "mn-t-medium mn-b-medium w-m-40r" };
+const _hoisted_6 = { class: "t-transp mn-b-semi p-semi w-m-33r" };
+const _hoisted_7 = {
   key: 0,
-  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "mn-b-semi gap-medium cols-2"
 };
-const _hoisted_13 = ["href", "target"];
-const _hoisted_14 = {
+const _hoisted_8 = { class: "feature" };
+const _hoisted_9 = { class: "mn-b-small" };
+const _hoisted_10 = { class: "t-transp p-medium" };
+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 pd-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+  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"
+};
+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"
 };
 const _sfc_main = {
   __name: "SectionMobileApp",
@@ -41,47 +45,60 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
-        createElementVNode("img", {
-          loading: "lazy",
-          src: (_ctx.FILE_SERVER_URL || "") + unref(t)("image"),
-          class: "radius-medium w-100 h-100 mobile:h-auto object-fit-cover"
-        }, null, 8, _hoisted_2),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("h2", _hoisted_4, toDisplayString(unref(t)("title")), 1),
-          createElementVNode("p", _hoisted_5, toDisplayString(unref(t)("description")), 1),
-          createElementVNode("div", _hoisted_6, [
+        createElementVNode("picture", null, [
+          createElementVNode("source", {
+            type: "image/webp",
+            srcset: `${_ctx.FILE_SERVER_URL || ""}/landing/mockup-400w.webp 400w,
+                   ${_ctx.FILE_SERVER_URL || ""}/landing/mockup-800w.webp 800w,
+                   ${_ctx.FILE_SERVER_URL || ""}/landing/mockup-1200w.webp 1200w,
+                   ${_ctx.FILE_SERVER_URL || ""}/landing/mockup.webp 2028w`,
+            sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px"
+          }, null, 8, _hoisted_2),
+          createElementVNode("img", {
+            loading: "lazy",
+            src: (_ctx.FILE_SERVER_URL || "") + unref(t)("image"),
+            srcset: `${_ctx.FILE_SERVER_URL || ""}/landing/mockup.jpg 2028w`,
+            sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px",
+            class: "radius-medium w-100 h-100 mobile:h-auto object-fit-cover",
+            alt: "OZ DAO Mobile App"
+          }, null, 8, _hoisted_3)
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("h2", _hoisted_5, toDisplayString(unref(t)("title")), 1),
+          createElementVNode("p", _hoisted_6, toDisplayString(unref(t)("description")), 1),
+          unref(tm)("features").length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("features"), (feature) => {
-              return openBlock(), createElementBlock("div", _hoisted_7, [
-                createElementVNode("h4", _hoisted_8, toDisplayString(feature.title), 1),
-                createElementVNode("p", _hoisted_9, toDisplayString(feature.text), 1)
+              return openBlock(), createElementBlock("div", _hoisted_8, [
+                createElementVNode("h4", _hoisted_9, toDisplayString(feature.title), 1),
+                createElementVNode("p", _hoisted_10, toDisplayString(feature.text), 1)
               ]);
             }), 256))
-          ]),
-          createElementVNode("div", _hoisted_10, [
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_11, [
             unref(te)("linkAppStore") || unref(te)("label") ? (openBlock(), createElementBlock("a", {
               key: 0,
               href: unref(te)("linkAppStore") ? unref(t)("linkAppStore") : null,
               target: unref(te)("linkAppStore") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
+              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
               createVNode(LabelAppStore, {
                 class: "w-100 h-max",
                 alt: "Download on App Store"
               })
-            ], 8, _hoisted_11)) : createCommentVNode("", true),
+            ], 8, _hoisted_12)) : createCommentVNode("", true),
             unref(te)("linkGooglePlay") || unref(te)("label") ? (openBlock(), createElementBlock("a", {
               key: 1,
               href: unref(te)("linkGooglePlay") ? unref(t)("linkGooglePlay") : null,
               target: unref(te)("linkGooglePlay") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
+              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
               createVNode(LabelGooglePlay, {
                 class: "w-100 h-max",
                 alt: "Download on Google Play"
               })
-            ], 8, _hoisted_13)) : createCommentVNode("", true)
+            ], 8, _hoisted_14)) : createCommentVNode("", true)
           ])
         ])
       ]);

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

@@ -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 o-hidden \">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n      >\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-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-semi w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium 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-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\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 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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n      <picture>\n        <source \n          type=\"image/webp\"\n          :srcset=\"`${FILE_SERVER_URL || ''}/landing/mockup-400w.webp 400w,\n                   ${FILE_SERVER_URL || ''}/landing/mockup-800w.webp 800w,\n                   ${FILE_SERVER_URL || ''}/landing/mockup-1200w.webp 1200w,\n                   ${FILE_SERVER_URL || ''}/landing/mockup.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 || ''}/landing/mockup.jpg 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-semi p-semi w-m-33r\">{{ t('description') }}</p>\n      \n      <div v-if=\"tm('features').length > 0\" class=\"mn-b-semi gap-medium 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-medium\">{{ 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SubscribeNewsletter.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
 const FieldSubscribeNewsletter = require("../../../orders/components/elements/FieldSubscribeNewsletter.vue.cjs");
-const _hoisted_1 = { class: "pos-relative z-index-1" };
+const _hoisted_1 = { class: "pos-relative flex-nowrap flex flex-column flex-center z-index-1" };
 const _hoisted_2 = { class: "d-inline-block z-index-1 mn-b-big" };
 const _hoisted_3 = { class: "mn-b-semi" };
 const _hoisted_4 = { class: "t-transp p-semi" };

package/dist/martyrs/src/modules/landing/components/sections/SubscribeNewsletter.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SubscribeNewsletter.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative z-index-1\">\n    <header class=\"d-inline-block z-index-1 mn-b-big\">\n      <h2 class=\"mn-b-semi\">{{ t('title') }}</h2>\n      <p class=\"t-transp p-semi\">{{ t('subtitle') }}</p>\n    </header>\n\n    <FieldSubscribeNewsletter\n      :placeholder=\"te('placeholder') ? t('placeholder') : null\"\n      :action=\"te('action') ? t('action') : null\"\n      :successTitle=\"te('success.title') ? t('success.title') : null\"\n      :successSubtitle=\"te('success.subtitle') ? t('success.subtitle') : null\"\n      :socials=\"te('socials') ? tm('socials') : null\"\n      fieldName=\"newsletter-subscribe\"\n      fieldId=\"newsletter-subscribe-main\"\n      class=\"d-inline-flex bg-white t-black w-100 w-max-40r\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\n// import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n    })\n  }\n})\n\n// Локализация\nconst { t, tm, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" >\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAad,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SubscribeNewsletter.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative flex-nowrap flex flex-column flex-center z-index-1\">\n    <header class=\"d-inline-block z-index-1 mn-b-big\">\n      <h2 class=\"mn-b-semi\">{{ t('title') }}</h2>\n      <p class=\"t-transp p-semi\">{{ t('subtitle') }}</p>\n    </header>\n\n    <FieldSubscribeNewsletter\n      :placeholder=\"te('placeholder') ? t('placeholder') : null\"\n      :action=\"te('action') ? t('action') : null\"\n      :successTitle=\"te('success.title') ? t('success.title') : null\"\n      :successSubtitle=\"te('success.subtitle') ? t('success.subtitle') : null\"\n      :socials=\"te('socials') ? tm('socials') : null\"\n      fieldName=\"newsletter-subscribe\"\n      fieldId=\"newsletter-subscribe-main\"\n      class=\"d-inline-flex bg-white t-black w-100 w-max-40r\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\n// import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n    })\n  }\n})\n\n// Локализация\nconst { t, tm, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" >\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAad,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SubscribeNewsletter.vue.js

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref } from "vue";
 import { useI18n } from "vue-i18n";
 import _sfc_main$1 from "../../../orders/components/elements/FieldSubscribeNewsletter.vue.js";
-const _hoisted_1 = { class: "pos-relative z-index-1" };
+const _hoisted_1 = { class: "pos-relative flex-nowrap flex flex-column flex-center z-index-1" };
 const _hoisted_2 = { class: "d-inline-block z-index-1 mn-b-big" };
 const _hoisted_3 = { class: "mn-b-semi" };
 const _hoisted_4 = { class: "t-transp p-semi" };

package/dist/martyrs/src/modules/landing/components/sections/SubscribeNewsletter.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscribeNewsletter.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative z-index-1\">\n    <header class=\"d-inline-block z-index-1 mn-b-big\">\n      <h2 class=\"mn-b-semi\">{{ t('title') }}</h2>\n      <p class=\"t-transp p-semi\">{{ t('subtitle') }}</p>\n    </header>\n\n    <FieldSubscribeNewsletter\n      :placeholder=\"te('placeholder') ? t('placeholder') : null\"\n      :action=\"te('action') ? t('action') : null\"\n      :successTitle=\"te('success.title') ? t('success.title') : null\"\n      :successSubtitle=\"te('success.subtitle') ? t('success.subtitle') : null\"\n      :socials=\"te('socials') ? tm('socials') : null\"\n      fieldName=\"newsletter-subscribe\"\n      fieldId=\"newsletter-subscribe-main\"\n      class=\"d-inline-flex bg-white t-black w-100 w-max-40r\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\n// import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n    })\n  }\n})\n\n// Локализация\nconst { t, tm, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" >\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAad,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SubscribeNewsletter.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative flex-nowrap flex flex-column flex-center z-index-1\">\n    <header class=\"d-inline-block z-index-1 mn-b-big\">\n      <h2 class=\"mn-b-semi\">{{ t('title') }}</h2>\n      <p class=\"t-transp p-semi\">{{ t('subtitle') }}</p>\n    </header>\n\n    <FieldSubscribeNewsletter\n      :placeholder=\"te('placeholder') ? t('placeholder') : null\"\n      :action=\"te('action') ? t('action') : null\"\n      :successTitle=\"te('success.title') ? t('success.title') : null\"\n      :successSubtitle=\"te('success.subtitle') ? t('success.subtitle') : null\"\n      :socials=\"te('socials') ? tm('socials') : null\"\n      fieldName=\"newsletter-subscribe\"\n      fieldId=\"newsletter-subscribe-main\"\n      class=\"d-inline-flex bg-white t-black w-100 w-max-40r\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\n// import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n    })\n  }\n})\n\n// Локализация\nconst { t, tm, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" >\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAad,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/marketplace/marketplace.client.cjs

@@ -5,13 +5,13 @@ const marketplace = require("./views/store/marketplace.cjs");
 const Marketplace = require("./views/components/layouts/Marketplace.vue.cjs");
 const SectionMenu = require("./views/components/sections/SectionMenu.vue.cjs");
 const Catalog = require("./views/components/pages/Catalog.vue.cjs");
-function initializeProducts(app, store, router, options = {}) {
+function initializeMarketplace(app, store, router, options = {}) {
   const route = options.route || "Home";
   router.addRoute(route, marketplace_router.default);
   store.addStore("marketplace", marketplace);
 }
 const ModuleMarketplace = {
-  initialize: initializeProducts,
+  initialize: initializeMarketplace,
   views: {
     store: {
       storeMarketplace: marketplace

package/dist/martyrs/src/modules/marketplace/marketplace.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"marketplace.client.cjs","sources":["../../../../../src/modules/marketplace/marketplace.client.js"],"sourcesContent":["// Router\nimport routerMarketplace from './views/router/marketplace.router.js';\n\n//Store\nimport * as storeMarketplace from './views/store/marketplace.js';\n\n// Layouts\nimport Marketplace from './views/components/layouts/Marketplace.vue';\n\n// Sections\nimport SectionMenu from './views/components/sections/SectionMenu.vue';\n\n// Pages\nimport Catalog from './views/components/pages/Catalog.vue';\n\n// Пример функции инициализации для модуля продуктов\nfunction initializeProducts(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerMarketplace);\n\n  store.addStore('marketplace', storeMarketplace);\n}\n\nconst ModuleMarketplace = {\n  initialize: initializeProducts,\n  views: {\n    store: {\n      storeMarketplace,\n    },\n    router: {\n      routerMarketplace,\n    },\n    components: {\n      // Elements\n      // Blocks\n      // Sections\n      SectionMenu,\n      // Pages\n      Catalog,\n      // Layouts\n      Marketplace,\n    },\n  },\n};\n\nexport {\n  // Elements\n  // Pages\n  Catalog,\n  // Layouts\n  Marketplace,\n  // Blocks\n  // Sections\n  SectionMenu,\n};\n\nexport default ModuleMarketplace;\n"],"names":["routerMarketplace","storeMarketplace","SectionMenu","Catalog","Marketplace"],"mappings":";;;;;;;AAgBA,SAAS,mBAAmB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC5D,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,0BAAiB;AAExC,QAAM,SAAS,eAAeC,WAAgB;AAChD;AAEK,MAAC,oBAAoB;AAAA,EACxB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,kBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,mBAAMD,mBAAAA;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA;AAAA;AAAA,MAIhB,aAAME,YAAAA;AAAAA;AAAAA,MAEN,SAAMC,QAAAA;AAAAA;AAAAA,MAEN,aAAMC,YAAAA;AAAAA,IACN;AAAA,EACA;AACA;;;;;"}
+{"version":3,"file":"marketplace.client.cjs","sources":["../../../../../src/modules/marketplace/marketplace.client.js"],"sourcesContent":["// Router\nimport routerMarketplace from './views/router/marketplace.router.js';\n\n//Store\nimport * as storeMarketplace from './views/store/marketplace.js';\n\n// Layouts\nimport Marketplace from './views/components/layouts/Marketplace.vue';\n\n// Sections\nimport SectionMenu from './views/components/sections/SectionMenu.vue';\n\n// Pages\nimport Catalog from './views/components/pages/Catalog.vue';\n\n// Пример функции инициализации для модуля маркетплейса\nfunction initializeMarketplace(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerMarketplace);\n\n  store.addStore('marketplace', storeMarketplace);\n}\n\nconst ModuleMarketplace = {\n  initialize: initializeMarketplace,\n  views: {\n    store: {\n      storeMarketplace,\n    },\n    router: {\n      routerMarketplace,\n    },\n    components: {\n      // Elements\n      // Blocks\n      // Sections\n      SectionMenu,\n      // Pages\n      Catalog,\n      // Layouts\n      Marketplace,\n    },\n  },\n};\n\nexport {\n  // Elements\n  // Pages\n  Catalog,\n  // Layouts\n  Marketplace,\n  // Blocks\n  // Sections\n  SectionMenu,\n};\n\nexport default ModuleMarketplace;\n"],"names":["routerMarketplace","storeMarketplace","SectionMenu","Catalog","Marketplace"],"mappings":";;;;;;;AAgBA,SAAS,sBAAsB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC/D,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,0BAAiB;AAExC,QAAM,SAAS,eAAeC,WAAgB;AAChD;AAEK,MAAC,oBAAoB;AAAA,EACxB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,kBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,mBAAMD,mBAAAA;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA;AAAA;AAAA,MAIhB,aAAME,YAAAA;AAAAA;AAAAA,MAEN,SAAMC,QAAAA;AAAAA;AAAAA,MAEN,aAAMC,YAAAA;AAAAA,IACN;AAAA,EACA;AACA;;;;;"}

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

@@ -3,13 +3,13 @@ import * as marketplace from "./views/store/marketplace.js";
 import _sfc_main from "./views/components/layouts/Marketplace.vue.js";
 import _sfc_main$2 from "./views/components/sections/SectionMenu.vue.js";
 import _sfc_main$1 from "./views/components/pages/Catalog.vue.js";
-function initializeProducts(app, store, router, options = {}) {
+function initializeMarketplace(app, store, router, options = {}) {
   const route = options.route || "Home";
   router.addRoute(route, marketplace$1);
   store.addStore("marketplace", marketplace);
 }
 const ModuleMarketplace = {
-  initialize: initializeProducts,
+  initialize: initializeMarketplace,
   views: {
     store: {
       storeMarketplace: marketplace

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

@@ -1 +1 @@
-{"version":3,"file":"marketplace.client.js","sources":["../../../../../src/modules/marketplace/marketplace.client.js"],"sourcesContent":["// Router\nimport routerMarketplace from './views/router/marketplace.router.js';\n\n//Store\nimport * as storeMarketplace from './views/store/marketplace.js';\n\n// Layouts\nimport Marketplace from './views/components/layouts/Marketplace.vue';\n\n// Sections\nimport SectionMenu from './views/components/sections/SectionMenu.vue';\n\n// Pages\nimport Catalog from './views/components/pages/Catalog.vue';\n\n// Пример функции инициализации для модуля продуктов\nfunction initializeProducts(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerMarketplace);\n\n  store.addStore('marketplace', storeMarketplace);\n}\n\nconst ModuleMarketplace = {\n  initialize: initializeProducts,\n  views: {\n    store: {\n      storeMarketplace,\n    },\n    router: {\n      routerMarketplace,\n    },\n    components: {\n      // Elements\n      // Blocks\n      // Sections\n      SectionMenu,\n      // Pages\n      Catalog,\n      // Layouts\n      Marketplace,\n    },\n  },\n};\n\nexport {\n  // Elements\n  // Pages\n  Catalog,\n  // Layouts\n  Marketplace,\n  // Blocks\n  // Sections\n  SectionMenu,\n};\n\nexport default ModuleMarketplace;\n"],"names":["routerMarketplace","storeMarketplace","SectionMenu","Catalog","Marketplace"],"mappings":";;;;;AAgBA,SAAS,mBAAmB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC5D,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,aAAiB;AAExC,QAAM,SAAS,eAAeC,WAAgB;AAChD;AAEK,MAAC,oBAAoB;AAAA,EACxB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,kBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,mBAAMD;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA;AAAA;AAAA,MAIhB,aAAME;AAAAA;AAAAA,MAEN,SAAMC;AAAAA;AAAAA,MAEN,aAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}
+{"version":3,"file":"marketplace.client.js","sources":["../../../../../src/modules/marketplace/marketplace.client.js"],"sourcesContent":["// Router\nimport routerMarketplace from './views/router/marketplace.router.js';\n\n//Store\nimport * as storeMarketplace from './views/store/marketplace.js';\n\n// Layouts\nimport Marketplace from './views/components/layouts/Marketplace.vue';\n\n// Sections\nimport SectionMenu from './views/components/sections/SectionMenu.vue';\n\n// Pages\nimport Catalog from './views/components/pages/Catalog.vue';\n\n// Пример функции инициализации для модуля маркетплейса\nfunction initializeMarketplace(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerMarketplace);\n\n  store.addStore('marketplace', storeMarketplace);\n}\n\nconst ModuleMarketplace = {\n  initialize: initializeMarketplace,\n  views: {\n    store: {\n      storeMarketplace,\n    },\n    router: {\n      routerMarketplace,\n    },\n    components: {\n      // Elements\n      // Blocks\n      // Sections\n      SectionMenu,\n      // Pages\n      Catalog,\n      // Layouts\n      Marketplace,\n    },\n  },\n};\n\nexport {\n  // Elements\n  // Pages\n  Catalog,\n  // Layouts\n  Marketplace,\n  // Blocks\n  // Sections\n  SectionMenu,\n};\n\nexport default ModuleMarketplace;\n"],"names":["routerMarketplace","storeMarketplace","SectionMenu","Catalog","Marketplace"],"mappings":";;;;;AAgBA,SAAS,sBAAsB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC/D,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,aAAiB;AAExC,QAAM,SAAS,eAAeC,WAAgB;AAChD;AAEK,MAAC,oBAAoB;AAAA,EACxB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,kBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,mBAAMD;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA;AAAA;AAAA,MAIhB,aAAME;AAAAA;AAAAA,MAEN,SAAMC;AAAAA;AAAAA,MAEN,aAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
 const BlockMultiselect = require("../../../globals/views/components/blocks/BlockMultiselect.vue.cjs");

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.js

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
 import BlockMultiselect from "../../../globals/views/components/blocks/BlockMultiselect.vue.js";

package/dist/martyrs/src/modules/music/components/forms/ArtistForm.vue.cjs

@@ -6,7 +6,7 @@ const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 ;/* empty css                                         */
 const BlockMultiselect = require("../../../globals/views/components/blocks/BlockMultiselect.vue.cjs");

package/dist/martyrs/src/modules/music/components/forms/ArtistForm.vue.js

@@ -4,7 +4,7 @@ import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                       */
 import BlockMultiselect from "../../../globals/views/components/blocks/BlockMultiselect.vue.js";

package/dist/martyrs/src/modules/music/components/forms/TrackForm.vue.cjs

@@ -6,7 +6,7 @@ const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Upload = require("../../../../components/Upload/Upload.vue2.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");

package/dist/martyrs/src/modules/music/components/forms/TrackForm.vue.js

@@ -4,7 +4,7 @@ import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import Upload from "../../../../components/Upload/Upload.vue2.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";

package/dist/martyrs/src/modules/music/components/pages/Album.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
 const IconLike = require("../../../icons/navigation/IconLike.vue.cjs");