@ozdao/prometheus-framework 0.2.321 → 0.2.323

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.cjs.map

@@ -0,0 +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-big\">\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-big 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-big\">\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-big\">\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-big o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-1 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=\"w-100\"\n      />\n      <div style=\"background-image: url(/spiral.jpg)\" class=\"mn-b-extra 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 '@pf/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@pf/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@pf/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,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.js

@@ -0,0 +1,134 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, unref, createCommentVNode, toDisplayString, createVNode, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import _sfc_main$1 from "../../../icons/entities/IconInfo.vue.js";
+import _sfc_main$2 from "../../../icons/entities/IconEarn.vue.js";
+import _sfc_main$3 from "../../../wallet/views/components/elements/ConnectMetamask.vue.js";
+/* empty css                 */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "cols-2 gap-thin" };
+const _hoisted_2 = { class: "pos-relative flex flex-column flex-center h-100" };
+const _hoisted_3 = { class: "mn-b-thin pd-big radius-big" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = {
+  key: 2,
+  class: "mn-b-medium p-big t-transp"
+};
+const _hoisted_7 = {
+  key: 3,
+  class: "mn-b-semi p-medium t-transp"
+};
+const _hoisted_8 = { class: "gap-thin cols-2" };
+const _hoisted_9 = { class: "uppercase t-semi" };
+const _hoisted_10 = { class: "uppercase t-semi" };
+const _hoisted_11 = { class: "pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden" };
+const _hoisted_12 = ["src"];
+const _sfc_main = {
+  __name: "SectionEarn",
+  props: {
+    content: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        tokenAddress: "0x64b4b0ade1f015d6a0c536e8cf041e181d872220",
+        tokenSymbol: "OZDT",
+        tokenDecimals: 8,
+        tokenImage: "https://ozdao.dev/logo-token.png",
+        targetChainId: "0x89",
+        metamaskIcon: "/icons/metamask.svg"
+      })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t, te } = useI18n({
+      messages: props.content
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            unref(te)("logo") ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              loading: "lazy",
+              class: "mn-b-semi h-4r",
+              src: unref(t)("logo")
+            }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+            unref(te)("title") ? (openBlock(), createElementBlock("h2", {
+              key: 1,
+              class: "mn-b-medium",
+              innerHTML: unref(t)("title")
+            }, null, 8, _hoisted_5)) : createCommentVNode("", true),
+            unref(te)("description") ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(unref(t)("description")), 1)) : createCommentVNode("", true),
+            unref(te)("subdescription") ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(unref(t)("subdescription")), 1)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(_component_router_link, {
+                to: unref(t)("action_link"),
+                class: "flex t-center bg-white flex-center flex-column t-black pd-big radius-big"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$1, {
+                    class: "mn-b-small i-extra",
+                    fill: "rgb(var(--black)"
+                  }),
+                  createElementVNode("p", _hoisted_9, toDisplayString(unref(t)("action")), 1)
+                ]),
+                _: 1
+              }, 8, ["to"]),
+              createVNode(_component_router_link, {
+                to: unref(t)("action_sublink"),
+                class: "flex t-center flex-center flex-column bg-main t-black pd-big radius-big"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$2, {
+                    class: "mn-b-small i-extra",
+                    fill: "rgb(var(--black)"
+                  }),
+                  createElementVNode("p", _hoisted_10, toDisplayString(unref(t)("subaction")), 1)
+                ]),
+                _: 1
+              }, 8, ["to"])
+            ])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_11, [
+          unref(te)("image") ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            loading: "lazy",
+            src: unref(t)("image"),
+            class: "mn-t-auto z-index-1 w-75 mn-b-auto"
+          }, null, 8, _hoisted_12)) : createCommentVNode("", true),
+          createVNode(_sfc_main$3, {
+            tokenAddress: __props.options.tokenAddress,
+            tokenSymbol: __props.options.tokenSymbol,
+            tokenDecimals: __props.options.tokenDecimals,
+            tokenImage: __props.options.tokenImage,
+            targetChainId: __props.options.targetChainId,
+            metamaskIcon: __props.options.metamaskIcon,
+            content: {
+              en: {
+                "connectMetaMask": unref(t)("connectMetaMask"),
+                "switchToPolygon": unref(t)("switchToPolygon"),
+                "addToken": unref(t)("addToken")
+              }
+            },
+            class: "w-100"
+          }, null, 8, ["tokenAddress", "tokenSymbol", "tokenDecimals", "tokenImage", "targetChainId", "metamaskIcon", "content"]),
+          _cache[0] || (_cache[0] = createElementVNode("div", {
+            style: { "background-image": "url(/spiral.jpg)" },
+            class: "mn-b-extra spiral"
+          }, null, -1))
+        ])
+      ]);
+    };
+  }
+};
+const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-819fe162"]]);
+export {
+  SectionEarn as default
+};
+//# sourceMappingURL=SectionEarn.vue.js.map

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionEarn.vue.js.map

@@ -0,0 +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-big\">\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-big 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-big\">\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-big\">\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-big o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-1 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=\"w-100\"\n      />\n      <div style=\"background-image: url(/spiral.jpg)\" class=\"mn-b-extra 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 '@pf/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@pf/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@pf/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,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionFeatures.vue.cjs

@@ -2,82 +2,45 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
-const _hoisted_1 = {
-  id: "howtobuy",
-  class: "pd-thin"
-};
-const _hoisted_2 = { class: "t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big" };
+const _hoisted_1 = { id: "howtobuy" };
+const _hoisted_2 = { class: "w-100 mn-b-small" };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = { class: "cols-3 gap-thin" };
-const _hoisted_5 = { class: "mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium" };
+const _hoisted_5 = { class: "h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium" };
 const _hoisted_6 = { class: "mn-b-medium" };
 const _hoisted_7 = { class: "t-transp" };
 const _sfc_main = {
   __name: "SectionFeatures",
   props: {
-    title: String,
-    textData: {
+    content: {
       type: Object,
-      default: () => ({
-        messages: {
-          en: {
-            title: 'Transform Your View on Smoking with <b class="t-main">Next Industrial Revolution</b>',
-            features: [{
-              icon: "1",
-              title: "United in Growth",
-              description: "Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally."
-            }, {
-              icon: "2",
-              title: "Trust in Crypto",
-              description: "Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions."
-            }, {
-              icon: "3",
-              title: "Boosted by AI",
-              description: "With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals."
-            }]
-          },
-          ru: {
-            title: "Наши Преимущества",
-            features: [{
-              icon: "📦",
-              headline: "Доставка за 1 час",
-              description: "Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!"
-            }, {
-              icon: "💬",
-              headline: "Поддержка 24/7",
-              description: "Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!"
-            }, {
-              icon: "😊",
-              headline: "Гарантия качества",
-              description: "Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!"
-            }]
-          }
-        }
-      })
+      required: true
     }
   },
   setup(__props) {
     const props = __props;
-    const { t, tm } = vueI18n.useI18n(props.textData);
+    const { t, tm } = vueI18n.useI18n({
+      messages: props.content
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("section", _hoisted_2, [
-          vue.createElementVNode("h2", {
-            class: "w-max-50r mn-l-auto mn-r-auto mn-b-small",
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createElementVNode("h2", _hoisted_2, [
+          vue.createElementVNode("span", {
+            class: "d-inline-block w-max-50r",
             innerHTML: vue.unref(t)("title")
-          }, null, 8, _hoisted_3),
-          vue.createElementVNode("div", _hoisted_4, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: feature.title,
-                class: "pd-medium radius-big"
-              }, [
-                vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(feature.icon), 1),
-                vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(feature.title), 1),
-                vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(feature.description), 1)
-              ]);
-            }), 128))
-          ])
+          }, null, 8, _hoisted_3)
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: feature.title,
+              class: "pd-medium radius-big"
+            }, [
+              vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(feature.icon), 1),
+              vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(feature.title), 1),
+              vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(feature.description), 1)
+            ]);
+          }), 128))
         ])
       ]);
     };

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionFeatures.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFeatures.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <div id=\"howtobuy\" class=\"pd-thin\">\n    <section class=\"t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big\">\n      <h2 class=\"w-max-50r mn-l-auto mn-r-auto mn-b-small\" v-html=\"t('title')\"/>\n     \n\n      <div class=\"cols-3 gap-thin\">\n        <div \n          v-for=\"feature in tm('features')\" \n          :key=\"feature.title\" \n          class=\"pd-medium  radius-big\"\n        >\n          <p class=\"mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium\">\n            {{ feature.icon }}\n          </p>\n          <h3 class=\"mn-b-medium\">\n            {{ feature.title }}\n          </h3>\n          <p class=\"t-transp\">\n            {{ feature.description }}\n          </p>\n        </div>\n      </div>\n\n    </section>\n  </div>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'Transform Your View on Smoking with <b class=\"t-main\">Next Industrial Revolution</b>',\n            features: [{\n              icon: '1',\n              title: 'United in Growth',\n              description: 'Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally.',\n            },{\n              icon: '2',\n              title: 'Trust in Crypto',\n              description: 'Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions.',\n            },{\n              icon: '3',\n              title: 'Boosted by AI',\n              description: 'With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals.',\n            }]\n          },\n          ru: {\n            title: 'Наши Преимущества',\n            features: [{\n              icon: '📦',\n              headline: 'Доставка за 1 час',\n              description: 'Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!',\n            },{\n              icon: '💬',\n              headline: 'Поддержка 24/7',\n              description: 'Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!',\n            },{\n              icon: '😊',\n              headline: 'Гарантия качества',\n              description: 'Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!',\n            }]\n          }\n        }\n      })\n    }\n  })\n\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCE,UAAM,QAAQ;AA2Cd,UAAM,EAAE,GAAG,GAAE,IAAKA,QAAAA,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeatures.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 mn-b-small\"><span class=\"d-inline-block w-max-50r\" v-html=\"t('title')\"/></h2>\n   \n    <div class=\"cols-3 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-big\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\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>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionFeatures.vue.js

@@ -1,81 +1,44 @@
 import { openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, toDisplayString } from "vue";
 import { useI18n } from "vue-i18n";
-const _hoisted_1 = {
-  id: "howtobuy",
-  class: "pd-thin"
-};
-const _hoisted_2 = { class: "t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big" };
+const _hoisted_1 = { id: "howtobuy" };
+const _hoisted_2 = { class: "w-100 mn-b-small" };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = { class: "cols-3 gap-thin" };
-const _hoisted_5 = { class: "mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium" };
+const _hoisted_5 = { class: "h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium" };
 const _hoisted_6 = { class: "mn-b-medium" };
 const _hoisted_7 = { class: "t-transp" };
 const _sfc_main = {
   __name: "SectionFeatures",
   props: {
-    title: String,
-    textData: {
+    content: {
       type: Object,
-      default: () => ({
-        messages: {
-          en: {
-            title: 'Transform Your View on Smoking with <b class="t-main">Next Industrial Revolution</b>',
-            features: [{
-              icon: "1",
-              title: "United in Growth",
-              description: "Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally."
-            }, {
-              icon: "2",
-              title: "Trust in Crypto",
-              description: "Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions."
-            }, {
-              icon: "3",
-              title: "Boosted by AI",
-              description: "With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals."
-            }]
-          },
-          ru: {
-            title: "Наши Преимущества",
-            features: [{
-              icon: "📦",
-              headline: "Доставка за 1 час",
-              description: "Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!"
-            }, {
-              icon: "💬",
-              headline: "Поддержка 24/7",
-              description: "Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!"
-            }, {
-              icon: "😊",
-              headline: "Гарантия качества",
-              description: "Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!"
-            }]
-          }
-        }
-      })
+      required: true
     }
   },
   setup(__props) {
     const props = __props;
-    const { t, tm } = useI18n(props.textData);
+    const { t, tm } = useI18n({
+      messages: props.content
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("section", _hoisted_2, [
-          createElementVNode("h2", {
-            class: "w-max-50r mn-l-auto mn-r-auto mn-b-small",
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("h2", _hoisted_2, [
+          createElementVNode("span", {
+            class: "d-inline-block w-max-50r",
             innerHTML: unref(t)("title")
-          }, null, 8, _hoisted_3),
-          createElementVNode("div", _hoisted_4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("features"), (feature) => {
-              return openBlock(), createElementBlock("div", {
-                key: feature.title,
-                class: "pd-medium radius-big"
-              }, [
-                createElementVNode("p", _hoisted_5, toDisplayString(feature.icon), 1),
-                createElementVNode("h3", _hoisted_6, toDisplayString(feature.title), 1),
-                createElementVNode("p", _hoisted_7, toDisplayString(feature.description), 1)
-              ]);
-            }), 128))
-          ])
+          }, null, 8, _hoisted_3)
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("features"), (feature) => {
+            return openBlock(), createElementBlock("div", {
+              key: feature.title,
+              class: "pd-medium radius-big"
+            }, [
+              createElementVNode("p", _hoisted_5, toDisplayString(feature.icon), 1),
+              createElementVNode("h3", _hoisted_6, toDisplayString(feature.title), 1),
+              createElementVNode("p", _hoisted_7, toDisplayString(feature.description), 1)
+            ]);
+          }), 128))
         ])
       ]);
     };

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionFeatures.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFeatures.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <div id=\"howtobuy\" class=\"pd-thin\">\n    <section class=\"t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big\">\n      <h2 class=\"w-max-50r mn-l-auto mn-r-auto mn-b-small\" v-html=\"t('title')\"/>\n     \n\n      <div class=\"cols-3 gap-thin\">\n        <div \n          v-for=\"feature in tm('features')\" \n          :key=\"feature.title\" \n          class=\"pd-medium  radius-big\"\n        >\n          <p class=\"mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium\">\n            {{ feature.icon }}\n          </p>\n          <h3 class=\"mn-b-medium\">\n            {{ feature.title }}\n          </h3>\n          <p class=\"t-transp\">\n            {{ feature.description }}\n          </p>\n        </div>\n      </div>\n\n    </section>\n  </div>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'Transform Your View on Smoking with <b class=\"t-main\">Next Industrial Revolution</b>',\n            features: [{\n              icon: '1',\n              title: 'United in Growth',\n              description: 'Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally.',\n            },{\n              icon: '2',\n              title: 'Trust in Crypto',\n              description: 'Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions.',\n            },{\n              icon: '3',\n              title: 'Boosted by AI',\n              description: 'With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals.',\n            }]\n          },\n          ru: {\n            title: 'Наши Преимущества',\n            features: [{\n              icon: '📦',\n              headline: 'Доставка за 1 час',\n              description: 'Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!',\n            },{\n              icon: '💬',\n              headline: 'Поддержка 24/7',\n              description: 'Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!',\n            },{\n              icon: '😊',\n              headline: 'Гарантия качества',\n              description: 'Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!',\n            }]\n          }\n        }\n      })\n    }\n  })\n\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCE,UAAM,QAAQ;AA2Cd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeatures.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 mn-b-small\"><span class=\"d-inline-block w-max-50r\" v-html=\"t('title')\"/></h2>\n   \n    <div class=\"cols-3 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-big\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\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>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.cjs

@@ -4,12 +4,12 @@ const vue = require("vue");
 const Spoiler = require("../../../../components/Spoiler/Spoiler.vue2.cjs");
 const vueI18n = require("vue-i18n");
 const IconChevronBottom = require("../../../icons/navigation/IconChevronBottom.vue.cjs");
-const _hoisted_1 = { class: "bg-black t-white radius-big pd-big" };
-const _hoisted_2 = { class: "mn-b-big t-center title" };
+const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "mn-b-big d-inline-block" };
 const _hoisted_3 = { class: "mn-b-semi" };
 const _hoisted_4 = {
   key: 0,
-  class: "t-transp p-big w-m-60r mn-l-auto mn-r-auto"
+  class: "t-transp p-big w-m-60r"
 };
 const _hoisted_5 = { class: "cols-1" };
 const _hoisted_6 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
@@ -26,18 +26,18 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
-    const { t, tm } = vueI18n.useI18n({
+    const { t, tm, te } = vueI18n.useI18n({
       messages: props.content
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("h2", _hoisted_3, vue.toDisplayString(vue.unref(t)("title")), 1),
-          vue.unref(t)("subtitle") !== "subtitle" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("subtitle")), 1)) : vue.createCommentVNode("", true)
+          vue.unref(te)("subtitle") ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("subtitle")), 1)) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("div", _hoisted_5, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("FAQ"), (item) => {
-            return vue.openBlock(), vue.createBlock(Spoiler.default, { class: "t-white br-white-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin" }, {
+            return vue.openBlock(), vue.createBlock(Spoiler.default, { class: "br-white-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin" }, {
               header: vue.withCtx(({ isOpen }) => [
                 vue.createElementVNode("div", _hoisted_6, [
                   vue.createElementVNode("h3", _hoisted_7, vue.toDisplayString(item.title), 1),

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionGuide.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"bg-black t-white radius-big pd-big\">\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"t('subtitle') !== 'subtitle'\" class=\"t-transp p-big w-m-60r mn-l-auto mn-r-auto\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1 \">\n\n    <Spoiler v-for=\"item in tm('FAQ')\" class=\"t-white br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin\">\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h3 class=\"w-100\" >{{item.title}}</h3>\n          <IconChevronBottom :class=\"{ 'rotate-180': isOpen }\" fill=\"rgb(var(--white))\" class=\"i-semi\"/>\n        </div>\n      </template>\n      <template #content>\n         <ul class=\"mn-t-semi\">\n          <p class=\"t-transp\" v-html=\"item.description\"></p>\n        </ul>\n      </template>\n    </Spoiler>\n    </div>\n  </div>\n</template>\n\n\n<script setup>\n  import Spoiler from '@pf/src/components/Spoiler/Spoiler.vue'\n\n  import { useI18n }    from 'vue-i18n'\n\n  import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\nconst { t, tm } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCE,UAAM,QAAQ;AAMhB,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionGuide.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <div class=\"mn-b-big d-inline-block\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"te('subtitle')\" class=\"t-transp p-big w-m-60r\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1 \">\n\n    <Spoiler v-for=\"item in tm('FAQ')\" class=\"br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin\">\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h3 class=\"w-100\" >{{item.title}}</h3>\n          <IconChevronBottom :class=\"{ 'rotate-180': isOpen }\" fill=\"rgb(var(--white))\" class=\"i-semi\"/>\n        </div>\n      </template>\n      <template #content>\n         <ul class=\"mn-t-semi\">\n          <p class=\"t-transp\" v-html=\"item.description\"></p>\n        </ul>\n      </template>\n    </Spoiler>\n    </div>\n  </div>\n</template>\n\n\n<script setup>\n  import Spoiler from '@pf/src/components/Spoiler/Spoiler.vue'\n\n  import { useI18n }    from 'vue-i18n'\n\n  import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'\n\n  const 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</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.js

@@ -2,12 +2,12 @@ import { openBlock, createElementBlock, createElementVNode, toDisplayString, unr
 import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue2.js";
 import { useI18n } from "vue-i18n";
 import IconChevronBottom from "../../../icons/navigation/IconChevronBottom.vue.js";
-const _hoisted_1 = { class: "bg-black t-white radius-big pd-big" };
-const _hoisted_2 = { class: "mn-b-big t-center title" };
+const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "mn-b-big d-inline-block" };
 const _hoisted_3 = { class: "mn-b-semi" };
 const _hoisted_4 = {
   key: 0,
-  class: "t-transp p-big w-m-60r mn-l-auto mn-r-auto"
+  class: "t-transp p-big w-m-60r"
 };
 const _hoisted_5 = { class: "cols-1" };
 const _hoisted_6 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
@@ -24,18 +24,18 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
-    const { t, tm } = useI18n({
+    const { t, tm, te } = useI18n({
       messages: props.content
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("h2", _hoisted_3, toDisplayString(unref(t)("title")), 1),
-          unref(t)("subtitle") !== "subtitle" ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(t)("subtitle")), 1)) : createCommentVNode("", true)
+          unref(te)("subtitle") ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(t)("subtitle")), 1)) : createCommentVNode("", true)
         ]),
         createElementVNode("div", _hoisted_5, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("FAQ"), (item) => {
-            return openBlock(), createBlock(_sfc_main$1, { class: "t-white br-white-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin" }, {
+            return openBlock(), createBlock(_sfc_main$1, { class: "br-white-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin" }, {
               header: withCtx(({ isOpen }) => [
                 createElementVNode("div", _hoisted_6, [
                   createElementVNode("h3", _hoisted_7, toDisplayString(item.title), 1),

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionGuide.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"bg-black t-white radius-big pd-big\">\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"t('subtitle') !== 'subtitle'\" class=\"t-transp p-big w-m-60r mn-l-auto mn-r-auto\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1 \">\n\n    <Spoiler v-for=\"item in tm('FAQ')\" class=\"t-white br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin\">\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h3 class=\"w-100\" >{{item.title}}</h3>\n          <IconChevronBottom :class=\"{ 'rotate-180': isOpen }\" fill=\"rgb(var(--white))\" class=\"i-semi\"/>\n        </div>\n      </template>\n      <template #content>\n         <ul class=\"mn-t-semi\">\n          <p class=\"t-transp\" v-html=\"item.description\"></p>\n        </ul>\n      </template>\n    </Spoiler>\n    </div>\n  </div>\n</template>\n\n\n<script setup>\n  import Spoiler from '@pf/src/components/Spoiler/Spoiler.vue'\n\n  import { useI18n }    from 'vue-i18n'\n\n  import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\nconst { t, tm } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiCE,UAAM,QAAQ;AAMhB,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionGuide.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <div class=\"mn-b-big d-inline-block\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"te('subtitle')\" class=\"t-transp p-big w-m-60r\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1 \">\n\n    <Spoiler v-for=\"item in tm('FAQ')\" class=\"br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin\">\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h3 class=\"w-100\" >{{item.title}}</h3>\n          <IconChevronBottom :class=\"{ 'rotate-180': isOpen }\" fill=\"rgb(var(--white))\" class=\"i-semi\"/>\n        </div>\n      </template>\n      <template #content>\n         <ul class=\"mn-t-semi\">\n          <p class=\"t-transp\" v-html=\"item.description\"></p>\n        </ul>\n      </template>\n    </Spoiler>\n    </div>\n  </div>\n</template>\n\n\n<script setup>\n  import Spoiler from '@pf/src/components/Spoiler/Spoiler.vue'\n\n  import { useI18n }    from 'vue-i18n'\n\n  import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'\n\n  const 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</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiCE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionJoinUs.vue.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const FloatingImages = require("../elements/FloatingImages.vue.cjs");
+;/* empty css                     */
+const _hoisted_1 = { class: "o-hidden container-joinus" };
+const _hoisted_2 = { class: "content" };
+const _hoisted_3 = {
+  style: { "font-size": "8rem" },
+  class: "t-semi"
+};
+const _hoisted_4 = { class: "w-m-33r t-center mn-b-small p-big" };
+const _sfc_main = {
+  __name: "SectionJoinUs",
+  props: {
+    content: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        count: 1230,
+        images: [
+          "/landing/avatars/01.png",
+          "/landing/avatars/02.png",
+          "/landing/avatars/03.png",
+          "/landing/avatars/04.png",
+          "/landing/avatars/05.png",
+          "/landing/avatars/06.png"
+        ]
+      })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t, te } = vueI18n.useI18n({
+      messages: props.content
+    });
+    const userCount = vue.ref(props.options.count);
+    const increaseUserCount = () => {
+      setInterval(() => {
+        userCount.value += Math.floor(Math.random() * 2) + 1;
+      }, 1330);
+    };
+    vue.onMounted(() => {
+      increaseUserCount();
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(userCount.value), 1),
+          vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("description")), 1),
+          vue.createVNode(_component_router_link, {
+            to: { name: "Sign In" },
+            class: "bg-black t-medium t-white button"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("action")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createVNode(FloatingImages.default, {
+          container: ".container-joinus",
+          images: __props.options.images,
+          config: {
+            size: "5rem",
+            square: true,
+            minDuration: 5,
+            maxDuration: 15,
+            spawnPoints: [10, 90],
+            animation: {
+              startOpacity: 0.1,
+              midOpacity: 1,
+              endOpacity: 0,
+              translateY: "-33vh"
+            },
+            class: "my-custom-class"
+          }
+        }, null, 8, ["images"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=SectionJoinUs.vue.cjs.map

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionJoinUs.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionJoinUs.vue.cjs","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-semi\">\n        {{ userCount }}\n      </span>\n      <p class=\"w-m-33r t-center mn-b-small p-big\">\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 '@pf/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":["useI18n","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AAqBd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,UAAM,YAAYC,IAAAA,IAAI,MAAM,QAAQ,KAAK;AAEzC,UAAM,oBAAoB,MAAM;AAC9B,kBAAY,MAAM;AAChB,kBAAU,SAAS,KAAK,MAAM,KAAK,OAAQ,IAAG,CAAC,IAAI;AAAA,MACpD,GAAE,IAAI;AAAA,IACT;AAEAC,QAAAA,UAAU,MAAM;AACd;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}