@ozdao/martyrs 0.2.489 → 0.2.492

package/dist/martyrs/src/modules/inventory/store/ inventory.store.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const globals = require("../../globals/views/store/globals.cjs");
+const axiosInstance = require("../../globals/views/utils/axios-instance.cjs");
+const state = vue.reactive({
+  adjustments: [],
+  balance: [],
+  availability: [],
+  inventories: [],
+  current: {
+    storage: null,
+    positions: [],
+    comment: "",
+    status: "draft"
+  },
+  filters: {
+    storage: null,
+    product: null,
+    dateStart: null,
+    dateEnd: null
+  }
+});
+const actions = {
+  async createAdjustment(data) {
+    try {
+      const response = await axiosInstance.default.post("/api/inventory/adjustments/create", data);
+      state.adjustments.unshift(response.data);
+      return response.data;
+    } catch (error) {
+      globals.setError(error);
+      throw error;
+    }
+  },
+  async createInventory(data) {
+    try {
+      const response = await axiosInstance.default.post("/api/inventory/audits/create", data);
+      state.inventories.unshift(response.data);
+      return response.data;
+    } catch (error) {
+      globals.setError(error);
+      throw error;
+    }
+  }
+};
+const mutations = {
+  resetCurrent() {
+    state.current = {
+      storage: null,
+      positions: [],
+      comment: "",
+      status: "draft"
+    };
+  },
+  setFilters(filters) {
+    state.filters = { ...state.filters, ...filters };
+  },
+  addPosition(position) {
+    state.current.positions.push(position);
+  },
+  removePosition(index) {
+    state.current.positions.splice(index, 1);
+  }
+};
+exports.actions = actions;
+exports.mutations = mutations;
+exports.state = state;
+//# sourceMappingURL= inventory.store.cjs.map

package/dist/martyrs/src/modules/inventory/store/ inventory.store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":" inventory.store.cjs","sources":["../../../../../../src/modules/inventory/store/ inventory.store.js"],"sourcesContent":["import { reactive, watch } from 'vue';\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst state = reactive({\n  adjustments: [],\n  balance: [],\n  availability: [],\n  inventories: [],\n  current: {\n    storage: null,\n    positions: [],\n    comment: '',\n    status: 'draft'\n  },\n  filters: {\n    storage: null,\n    product: null,\n    dateStart: null,\n    dateEnd: null\n  }\n});\n\nconst actions = {\n  // Adjustments\n  async fetchAdjustments(options = {}) {\n    try {\n      const params = { ...state.filters, ...options };\n      const response = await $axios.get('/api/inventory/adjustments', { params });\n      state.adjustments = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  async createAdjustment(data) {\n    try {\n      const response = await $axios.post('/api/inventory/adjustments/create', data);\n      state.adjustments.unshift(response.data);\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  // Balance\n  async fetchBalance(options = {}) {\n    try {\n      const params = { ...state.filters, ...options };\n      const response = await $axios.get('/api/inventory/balance', { params });\n      state.balance = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  // Availability\n  async fetchAvailability(options = {}) {\n    try {\n      const response = await $axios.get('/api/inventory/availability', { params: options });\n      state.availability = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  // Inventory audits\n  async fetchInventories(options = {}) {\n    try {\n      const response = await $axios.get('/api/inventory/audits', { params: options });\n      state.inventories = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  async createInventory(data) {\n    try {\n      const response = await $axios.post('/api/inventory/audits/create', data);\n      state.inventories.unshift(response.data);\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  async completeInventory(id) {\n    try {\n      const response = await $axios.post('/api/inventory/audits/complete', { _id: id });\n      const index = state.inventories.findIndex(i => i._id === id);\n      if (index > -1) state.inventories[index] = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  }\n};\n\nconst mutations = {\n  resetCurrent() {\n    state.current = {\n      storage: null,\n      positions: [],\n      comment: '',\n      status: 'draft'\n    };\n  },\n  \n  setFilters(filters) {\n    state.filters = { ...state.filters, ...filters };\n  },\n  \n  addPosition(position) {\n    state.current.positions.push(position);\n  },\n  \n  removePosition(index) {\n    state.current.positions.splice(index, 1);\n  }\n};\n\nexport { state, actions, mutations };"],"names":["reactive","$axios","setError"],"mappings":";;;;;AAIK,MAAC,QAAQA,IAAAA,SAAS;AAAA,EACrB,aAAa,CAAA;AAAA,EACb,SAAS,CAAA;AAAA,EACT,cAAc,CAAA;AAAA,EACd,aAAa,CAAA;AAAA,EACb,SAAS;AAAA,IACP,SAAS;AAAA,IACT,WAAW,CAAA;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EACZ;AAAA,EACE,SAAS;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,EACb;AACA,CAAC;AAEI,MAAC,UAAU;AAAA,EAcd,MAAM,iBAAiB,MAAM;AAC3B,QAAI;AACF,YAAM,WAAW,MAAMC,cAAAA,QAAO,KAAK,qCAAqC,IAAI;AAC5E,YAAM,YAAY,QAAQ,SAAS,IAAI;AACvC,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAuCA,MAAM,gBAAgB,MAAM;AAC1B,QAAI;AACF,YAAM,WAAW,MAAMD,cAAAA,QAAO,KAAK,gCAAgC,IAAI;AACvE,YAAM,YAAY,QAAQ,SAAS,IAAI;AACvC,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,YAAM;AAAA,IACR;AAAA,EACF;AAaF;AAEK,MAAC,YAAY;AAAA,EAChB,eAAe;AACb,UAAM,UAAU;AAAA,MACd,SAAS;AAAA,MACT,WAAW,CAAA;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,IACd;AAAA,EACE;AAAA,EAEA,WAAW,SAAS;AAClB,UAAM,UAAU,EAAE,GAAG,MAAM,SAAS,GAAG,QAAO;AAAA,EAChD;AAAA,EAEA,YAAY,UAAU;AACpB,UAAM,QAAQ,UAAU,KAAK,QAAQ;AAAA,EACvC;AAAA,EAEA,eAAe,OAAO;AACpB,UAAM,QAAQ,UAAU,OAAO,OAAO,CAAC;AAAA,EACzC;AACF;;;;"}

package/dist/martyrs/src/modules/inventory/store/ inventory.store.js

@@ -0,0 +1,68 @@
+import { reactive } from "vue";
+import { setError } from "../../globals/views/store/globals.js";
+import $axios from "../../globals/views/utils/axios-instance.js";
+const state = reactive({
+  adjustments: [],
+  balance: [],
+  availability: [],
+  inventories: [],
+  current: {
+    storage: null,
+    positions: [],
+    comment: "",
+    status: "draft"
+  },
+  filters: {
+    storage: null,
+    product: null,
+    dateStart: null,
+    dateEnd: null
+  }
+});
+const actions = {
+  async createAdjustment(data) {
+    try {
+      const response = await $axios.post("/api/inventory/adjustments/create", data);
+      state.adjustments.unshift(response.data);
+      return response.data;
+    } catch (error) {
+      setError(error);
+      throw error;
+    }
+  },
+  async createInventory(data) {
+    try {
+      const response = await $axios.post("/api/inventory/audits/create", data);
+      state.inventories.unshift(response.data);
+      return response.data;
+    } catch (error) {
+      setError(error);
+      throw error;
+    }
+  }
+};
+const mutations = {
+  resetCurrent() {
+    state.current = {
+      storage: null,
+      positions: [],
+      comment: "",
+      status: "draft"
+    };
+  },
+  setFilters(filters) {
+    state.filters = { ...state.filters, ...filters };
+  },
+  addPosition(position) {
+    state.current.positions.push(position);
+  },
+  removePosition(index) {
+    state.current.positions.splice(index, 1);
+  }
+};
+export {
+  actions,
+  mutations,
+  state
+};
+//# sourceMappingURL= inventory.store.js.map

package/dist/martyrs/src/modules/inventory/store/ inventory.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":" inventory.store.js","sources":["../../../../../../src/modules/inventory/store/ inventory.store.js"],"sourcesContent":["import { reactive, watch } from 'vue';\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst state = reactive({\n  adjustments: [],\n  balance: [],\n  availability: [],\n  inventories: [],\n  current: {\n    storage: null,\n    positions: [],\n    comment: '',\n    status: 'draft'\n  },\n  filters: {\n    storage: null,\n    product: null,\n    dateStart: null,\n    dateEnd: null\n  }\n});\n\nconst actions = {\n  // Adjustments\n  async fetchAdjustments(options = {}) {\n    try {\n      const params = { ...state.filters, ...options };\n      const response = await $axios.get('/api/inventory/adjustments', { params });\n      state.adjustments = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  async createAdjustment(data) {\n    try {\n      const response = await $axios.post('/api/inventory/adjustments/create', data);\n      state.adjustments.unshift(response.data);\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  // Balance\n  async fetchBalance(options = {}) {\n    try {\n      const params = { ...state.filters, ...options };\n      const response = await $axios.get('/api/inventory/balance', { params });\n      state.balance = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  // Availability\n  async fetchAvailability(options = {}) {\n    try {\n      const response = await $axios.get('/api/inventory/availability', { params: options });\n      state.availability = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  // Inventory audits\n  async fetchInventories(options = {}) {\n    try {\n      const response = await $axios.get('/api/inventory/audits', { params: options });\n      state.inventories = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  async createInventory(data) {\n    try {\n      const response = await $axios.post('/api/inventory/audits/create', data);\n      state.inventories.unshift(response.data);\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n  \n  async completeInventory(id) {\n    try {\n      const response = await $axios.post('/api/inventory/audits/complete', { _id: id });\n      const index = state.inventories.findIndex(i => i._id === id);\n      if (index > -1) state.inventories[index] = response.data;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  }\n};\n\nconst mutations = {\n  resetCurrent() {\n    state.current = {\n      storage: null,\n      positions: [],\n      comment: '',\n      status: 'draft'\n    };\n  },\n  \n  setFilters(filters) {\n    state.filters = { ...state.filters, ...filters };\n  },\n  \n  addPosition(position) {\n    state.current.positions.push(position);\n  },\n  \n  removePosition(index) {\n    state.current.positions.splice(index, 1);\n  }\n};\n\nexport { state, actions, mutations };"],"names":[],"mappings":";;;AAIK,MAAC,QAAQ,SAAS;AAAA,EACrB,aAAa,CAAA;AAAA,EACb,SAAS,CAAA;AAAA,EACT,cAAc,CAAA;AAAA,EACd,aAAa,CAAA;AAAA,EACb,SAAS;AAAA,IACP,SAAS;AAAA,IACT,WAAW,CAAA;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EACZ;AAAA,EACE,SAAS;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,EACb;AACA,CAAC;AAEI,MAAC,UAAU;AAAA,EAcd,MAAM,iBAAiB,MAAM;AAC3B,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,qCAAqC,IAAI;AAC5E,YAAM,YAAY,QAAQ,SAAS,IAAI;AACvC,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,eAAS,KAAK;AACd,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAuCA,MAAM,gBAAgB,MAAM;AAC1B,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,gCAAgC,IAAI;AACvE,YAAM,YAAY,QAAQ,SAAS,IAAI;AACvC,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,eAAS,KAAK;AACd,YAAM;AAAA,IACR;AAAA,EACF;AAaF;AAEK,MAAC,YAAY;AAAA,EAChB,eAAe;AACb,UAAM,UAAU;AAAA,MACd,SAAS;AAAA,MACT,WAAW,CAAA;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,IACd;AAAA,EACE;AAAA,EAEA,WAAW,SAAS;AAClB,UAAM,UAAU,EAAE,GAAG,MAAM,SAAS,GAAG,QAAO;AAAA,EAChD;AAAA,EAEA,YAAY,UAAU;AACpB,UAAM,QAAQ,UAAU,KAAK,QAAQ;AAAA,EACvC;AAAA,EAEA,eAAe,OAAO;AACpB,UAAM,QAAQ,UAAU,OAAO,OAAO,CAAC;AAAA,EACzC;AACF;"}

package/dist/martyrs/src/modules/inventory/store/stock.alerts.store.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const globals_store = require("../../globals/views/classes/globals.store.cjs");
+const stockAlertsStore = new globals_store.default("/api/inventory/alerts");
+exports.default = stockAlertsStore;
+//# sourceMappingURL=stock.alerts.store.cjs.map

package/dist/martyrs/src/modules/inventory/store/stock.alerts.store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stock.alerts.store.cjs","sources":["../../../../../../src/modules/inventory/store/stock.alerts.store.js"],"sourcesContent":["import Store from '@martyrs/src/modules/globals/views/classes/globals.store.js';\n\nconst stockAlertsStore = new Store('/api/inventory/alerts');\n\nexport default stockAlertsStore;"],"names":["Store"],"mappings":";;;AAEK,MAAC,mBAAmB,IAAIA,cAAAA,QAAM,uBAAuB;;"}

package/dist/martyrs/src/modules/inventory/store/stock.alerts.store.js

@@ -0,0 +1,6 @@
+import Store from "../../globals/views/classes/globals.store.js";
+const stockAlertsStore = new Store("/api/inventory/alerts");
+export {
+  stockAlertsStore as default
+};
+//# sourceMappingURL=stock.alerts.store.js.map

package/dist/martyrs/src/modules/inventory/store/stock.alerts.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stock.alerts.store.js","sources":["../../../../../../src/modules/inventory/store/stock.alerts.store.js"],"sourcesContent":["import Store from '@martyrs/src/modules/globals/views/classes/globals.store.js';\n\nconst stockAlertsStore = new Store('/api/inventory/alerts');\n\nexport default stockAlertsStore;"],"names":[],"mappings":";AAEK,MAAC,mBAAmB,IAAI,MAAM,uBAAuB;"}

package/dist/martyrs/src/modules/landing/components/elements/AnimatedGrid.vue.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
+;/* empty css                    */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {};
 const _hoisted_1 = { class: "grid" };

package/dist/martyrs/src/modules/landing/components/elements/AnimatedGrid.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedGrid.vue.cjs","sources":["../../../../../../../src/modules/landing/components/elements/AnimatedGrid.vue"],"sourcesContent":["<template>\n  <div class=\"grid\">\n    <div class=\"grid-lines\"></div>\n  </div>\n</template>\n\n<style lang='scss' scoped>\n  .grid {\n    perspective: 450px;\n    background-size: cover;\n  }\n\n  .grid-lines {\n    width: 100%;\n    height: 200%;\n    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);\n    background-size: 45px 30px;\n    background-repeat: repeat;\n    transform-origin: 100% 0 0;\n    animation: play 15s linear infinite;\n  }\n\n  @keyframes play {\n    0% {\n      transform: rotateX(45deg) translateY(-50%);\n    }\n    100% {\n      transform: rotateX(45deg) translateY(0);\n    }\n  }\n</style>"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;AACE,SAAA,YAAA,MAAA,QAAA;SACgCA,IAAA,UAAA,GAAAC,IAAP,mBAAA,OAAA,YAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA;;;;;"}
+{"version":3,"file":"AnimatedGrid.vue.cjs","sources":["../../../../../../../src/modules/landing/components/elements/AnimatedGrid.vue"],"sourcesContent":["<template>\n  <div class=\"grid\">\n    <div class=\"grid-lines\"></div>\n  </div>\n</template>\n\n<style lang='scss' scoped>\n  .grid {\n    perspective: 450px;\n    background-size: cover;\n  }\n\n  .grid-lines {\n    width: 100%;\n    height: 200%;\n    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);\n    background-size: 45px 30px;\n    background-repeat: repeat;\n    transform-origin: 100% 0 0;\n    animation: play 15s linear infinite;\n  }\n\n  @keyframes play {\n    0% {\n      transform: rotateX(45deg) translateY(-50%);\n    }\n    100% {\n      transform: rotateX(45deg) translateY(0);\n    }\n  }\n</style>"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;AACO,MAAA,aAAA,EAAA,OAAM,OAAM;;AAAjB,SAAAA,IAAAA,UAAA,GAAAC,IAAAA,mBAEM,OAFN,YAEM,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,IADJC,IAAAA,mBAA8B,OAAA,EAAzB,OAAM,aAAY,GAAA,MAAA,EAAA;AAAA;;;;"}

package/dist/martyrs/src/modules/landing/components/elements/AnimatedGrid.vue.js

@@ -1,4 +1,5 @@
 import { createElementBlock, openBlock, createElementVNode } from "vue";
+/* empty css                  */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {};
 const _hoisted_1 = { class: "grid" };

package/dist/martyrs/src/modules/landing/components/elements/AnimatedGrid.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedGrid.vue.js","sources":["../../../../../../../src/modules/landing/components/elements/AnimatedGrid.vue"],"sourcesContent":["<template>\n  <div class=\"grid\">\n    <div class=\"grid-lines\"></div>\n  </div>\n</template>\n\n<style lang='scss' scoped>\n  .grid {\n    perspective: 450px;\n    background-size: cover;\n  }\n\n  .grid-lines {\n    width: 100%;\n    height: 200%;\n    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);\n    background-size: 45px 30px;\n    background-repeat: repeat;\n    transform-origin: 100% 0 0;\n    animation: play 15s linear infinite;\n  }\n\n  @keyframes play {\n    0% {\n      transform: rotateX(45deg) translateY(-50%);\n    }\n    100% {\n      transform: rotateX(45deg) translateY(0);\n    }\n  }\n</style>"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;AACE,SAAA,YAAA,MAAA,QAAA;SACgCA,UAAA,GAAAC,mBAAP,OAAA,YAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"AnimatedGrid.vue.js","sources":["../../../../../../../src/modules/landing/components/elements/AnimatedGrid.vue"],"sourcesContent":["<template>\n  <div class=\"grid\">\n    <div class=\"grid-lines\"></div>\n  </div>\n</template>\n\n<style lang='scss' scoped>\n  .grid {\n    perspective: 450px;\n    background-size: cover;\n  }\n\n  .grid-lines {\n    width: 100%;\n    height: 200%;\n    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);\n    background-size: 45px 30px;\n    background-repeat: repeat;\n    transform-origin: 100% 0 0;\n    animation: play 15s linear infinite;\n  }\n\n  @keyframes play {\n    0% {\n      transform: rotateX(45deg) translateY(-50%);\n    }\n    100% {\n      transform: rotateX(45deg) translateY(0);\n    }\n  }\n</style>"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;AACO,MAAA,aAAA,EAAA,OAAM,OAAM;;AAAjB,SAAAA,UAAA,GAAAC,mBAEM,OAFN,YAEM,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,IADJC,mBAA8B,OAAA,EAAzB,OAAM,aAAY,GAAA,MAAA,EAAA;AAAA;;;"}

package/dist/martyrs/src/modules/landing/components/elements/FloatingImages.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingImages.vue.cjs","sources":["../../../../../../../src/modules/landing/components/elements/FloatingImages.vue"],"sourcesContent":["<template>\n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\nconst props = defineProps({\n  container: {\n    type: String,\n    required: true\n  },\n  images: {\n    type: Array,\n    required: true\n  },\n  config: {\n    type: Object,\n    required: true,\n    default: () => ({\n      sizeMin: null,\n      sizeMax: null,\n      size: '5rem',\n      minDuration: 5,\n      maxDuration: 15,\n      spawnPoints: [10, 90],\n      maintainAspectRatio: true,\n      animation: {\n        startOpacity: 0.1,\n        midOpacity: 1,\n        endOpacity: 0.0,\n        translateY: '-33vh'\n      },\n      class: ''\n    })\n  },\n});\n\nconst getRandomSize = (sizeMin, sizeMax) => {\n  const units = sizeMin.replace(/[0-9.]/g, '');\n  const min = parseFloat(sizeMin);\n  const max = parseFloat(sizeMax);\n  const randomSize = Math.random() * (max - min) + min;\n  return `${randomSize}${units}`;\n};\n\nconst createKeyframes = (animation) => {\n  const styleSheet = document.styleSheets[0];\n  const keyframes = `\n    @keyframes floatUp {\n      0% {\n        transform: translateY(0);\n        opacity: ${animation.startOpacity};\n      }\n      10% {\n        opacity: ${animation.midOpacity};\n      }\n      50% {\n        opacity: ${animation.midOpacity};\n      }\n      90% {\n        opacity: ${animation.midOpacity};\n      }\n      100% {\n        transform: translateY(${animation.translateY});\n        opacity: ${animation.endOpacity};\n      }\n    }\n  `;\n  styleSheet.insertRule(keyframes, styleSheet.cssRules.length);\n};\n\nconst createFloatingImages = () => {\n  createKeyframes(props.config.animation);\n  \n  props.images.forEach((imageSrc) => {\n    let imgElement = document.createElement('img');\n    \n    imgElement.src = imageSrc;\n    imgElement.classList.add('floating-image');\n\n    if (props.config.class) {\n      imgElement.classList.add(props.config.class);\n    }\n    \n    let spawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];\n    let deviation = (Math.random() - 0.5) * 2 * 10;\n    \n    imgElement.style.left = `${spawnPoint + deviation}%`;\n\n    let width, height;\n\n    if (props.config.sizeMin && props.config.sizeMax) {\n      width = getRandomSize(props.config.sizeMin, props.config.sizeMax);\n    } else {\n      width = props.config.size;\n    }\n\n    if (props.config.square) {\n      height = width;\n    } else {\n      height = 'auto';\n    }\n    \n    imgElement.style.width = width;\n    imgElement.style.height = height;\n    imgElement.style.position = 'absolute';\n    imgElement.style.bottom = '0';\n    imgElement.style.opacity = '1';\n    imgElement.style.animation = `floatUp linear infinite`;\n    imgElement.style.animationDuration = `${Math.random() * (props.config.maxDuration - props.config.minDuration) + props.config.minDuration}s`;\n\n    if (props.container) document.querySelector(props.container).appendChild(imgElement);\n\n    imgElement.addEventListener(\"animationiteration\", () => {\n      const newSpawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];\n      const newDeviation = (Math.random() - 0.5) * 2 * 10;\n        imgElement.style.left = `${newSpawnPoint + newDeviation}%`;\n      });\n  });\n};\n\nonMounted(() => {\n  createFloatingImages();\n});\n\nwatch(() => props.images, () => {\n  createFloatingImages();\n});\n</script>"],"names":["onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AA+Bd,UAAM,gBAAgB,CAAC,SAAS,YAAY;AAC1C,YAAM,QAAQ,QAAQ,QAAQ,WAAW,EAAE;AAC3C,YAAM,MAAM,WAAW,OAAO;AAC9B,YAAM,MAAM,WAAW,OAAO;AAC9B,YAAM,aAAa,KAAK,OAAQ,KAAI,MAAM,OAAO;AACjD,aAAO,GAAG,UAAU,GAAG,KAAK;AAAA,IAC9B;AAEA,UAAM,kBAAkB,CAAC,cAAc;AACrC,YAAM,aAAa,SAAS,YAAY,CAAC;AACzC,YAAM,YAAY;AAAA;AAAA;AAAA;AAAA,mBAID,UAAU,YAAY;AAAA;AAAA;AAAA,mBAGtB,UAAU,UAAU;AAAA;AAAA;AAAA,mBAGpB,UAAU,UAAU;AAAA;AAAA;AAAA,mBAGpB,UAAU,UAAU;AAAA;AAAA;AAAA,gCAGP,UAAU,UAAU;AAAA,mBACjC,UAAU,UAAU;AAAA;AAAA;AAAA;AAIrC,iBAAW,WAAW,WAAW,WAAW,SAAS,MAAM;AAAA,IAC7D;AAEA,UAAM,uBAAuB,MAAM;AACjC,sBAAgB,MAAM,OAAO,SAAS;AAEtC,YAAM,OAAO,QAAQ,CAAC,aAAa;AACjC,YAAI,aAAa,SAAS,cAAc,KAAK;AAE7C,mBAAW,MAAM;AACjB,mBAAW,UAAU,IAAI,gBAAgB;AAEzC,YAAI,MAAM,OAAO,OAAO;AACtB,qBAAW,UAAU,IAAI,MAAM,OAAO,KAAK;AAAA,QACjD;AAEI,YAAI,aAAa,MAAM,OAAO,YAAY,KAAK,MAAM,KAAK,OAAQ,IAAG,MAAM,OAAO,YAAY,MAAM,CAAC;AACrG,YAAI,aAAa,KAAK,OAAM,IAAK,OAAO,IAAI;AAE5C,mBAAW,MAAM,OAAO,GAAG,aAAa,SAAS;AAEjD,YAAI,OAAO;AAEX,YAAI,MAAM,OAAO,WAAW,MAAM,OAAO,SAAS;AAChD,kBAAQ,cAAc,MAAM,OAAO,SAAS,MAAM,OAAO,OAAO;AAAA,QACtE,OAAW;AACL,kBAAQ,MAAM,OAAO;AAAA,QAC3B;AAEI,YAAI,MAAM,OAAO,QAAQ;AACvB,mBAAS;AAAA,QACf,OAAW;AACL,mBAAS;AAAA,QACf;AAEI,mBAAW,MAAM,QAAQ;AACzB,mBAAW,MAAM,SAAS;AAC1B,mBAAW,MAAM,WAAW;AAC5B,mBAAW,MAAM,SAAS;AAC1B,mBAAW,MAAM,UAAU;AAC3B,mBAAW,MAAM,YAAY;AAC7B,mBAAW,MAAM,oBAAoB,GAAG,KAAK,OAAQ,KAAI,MAAM,OAAO,cAAc,MAAM,OAAO,eAAe,MAAM,OAAO,WAAW;AAExI,YAAI,MAAM,UAAW,UAAS,cAAc,MAAM,SAAS,EAAE,YAAY,UAAU;AAEnF,mBAAW,iBAAiB,sBAAsB,MAAM;AACtD,gBAAM,gBAAgB,MAAM,OAAO,YAAY,KAAK,MAAM,KAAK,OAAQ,IAAG,MAAM,OAAO,YAAY,MAAM,CAAC;AAC1G,gBAAM,gBAAgB,KAAK,OAAM,IAAK,OAAO,IAAI;AAC/C,qBAAW,MAAM,OAAO,GAAG,gBAAgB,YAAY;AAAA,QAC/D,CAAO;AAAA,MACP,CAAG;AAAA,IACH;AAEAA,QAAAA,UAAU,MAAM;AACd,2BAAsB;AAAA,IACxB,CAAC;AAEDC,QAAAA,MAAM,MAAM,MAAM,QAAQ,MAAM;AAC9B,2BAAsB;AAAA,IACxB,CAAC;;;;;;;"}
+{"version":3,"file":"FloatingImages.vue.cjs","sources":["../../../../../../../src/modules/landing/components/elements/FloatingImages.vue"],"sourcesContent":["<template>\n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\nconst props = defineProps({\n  container: {\n    type: String,\n    required: true\n  },\n  images: {\n    type: Array,\n    required: true\n  },\n  config: {\n    type: Object,\n    required: true,\n    default: () => ({\n      sizeMin: null,\n      sizeMax: null,\n      size: '5rem',\n      minDuration: 5,\n      maxDuration: 15,\n      spawnPoints: [10, 90],\n      maintainAspectRatio: true,\n      animation: {\n        startOpacity: 0.1,\n        midOpacity: 1,\n        endOpacity: 0.0,\n        translateY: '-33vh'\n      },\n      class: ''\n    })\n  },\n});\n\nconst getRandomSize = (sizeMin, sizeMax) => {\n  const units = sizeMin.replace(/[0-9.]/g, '');\n  const min = parseFloat(sizeMin);\n  const max = parseFloat(sizeMax);\n  const randomSize = Math.random() * (max - min) + min;\n  return `${randomSize}${units}`;\n};\n\nconst createKeyframes = (animation) => {\n  const styleSheet = document.styleSheets[0];\n  const keyframes = `\n    @keyframes floatUp {\n      0% {\n        transform: translateY(0);\n        opacity: ${animation.startOpacity};\n      }\n      10% {\n        opacity: ${animation.midOpacity};\n      }\n      50% {\n        opacity: ${animation.midOpacity};\n      }\n      90% {\n        opacity: ${animation.midOpacity};\n      }\n      100% {\n        transform: translateY(${animation.translateY});\n        opacity: ${animation.endOpacity};\n      }\n    }\n  `;\n  styleSheet.insertRule(keyframes, styleSheet.cssRules.length);\n};\n\nconst createFloatingImages = () => {\n  createKeyframes(props.config.animation);\n  \n  props.images.forEach((imageSrc) => {\n    let imgElement = document.createElement('img');\n    \n    imgElement.src = imageSrc;\n    imgElement.classList.add('floating-image');\n\n    if (props.config.class) {\n      imgElement.classList.add(props.config.class);\n    }\n    \n    let spawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];\n    let deviation = (Math.random() - 0.5) * 2 * 10;\n    \n    imgElement.style.left = `${spawnPoint + deviation}%`;\n\n    let width, height;\n\n    if (props.config.sizeMin && props.config.sizeMax) {\n      width = getRandomSize(props.config.sizeMin, props.config.sizeMax);\n    } else {\n      width = props.config.size;\n    }\n\n    if (props.config.square) {\n      height = width;\n    } else {\n      height = 'auto';\n    }\n    \n    imgElement.style.width = width;\n    imgElement.style.height = height;\n    imgElement.style.position = 'absolute';\n    imgElement.style.bottom = '0';\n    imgElement.style.opacity = '1';\n    imgElement.style.animation = `floatUp linear infinite`;\n    imgElement.style.animationDuration = `${Math.random() * (props.config.maxDuration - props.config.minDuration) + props.config.minDuration}s`;\n\n    if (props.container) document.querySelector(props.container).appendChild(imgElement);\n\n    imgElement.addEventListener(\"animationiteration\", () => {\n      const newSpawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];\n      const newDeviation = (Math.random() - 0.5) * 2 * 10;\n        imgElement.style.left = `${newSpawnPoint + newDeviation}%`;\n      });\n  });\n};\n\nonMounted(() => {\n  createFloatingImages();\n});\n\nwatch(() => props.images, () => {\n  createFloatingImages();\n});\n</script>"],"names":["onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AA+Bd,UAAM,gBAAgB,CAAC,SAAS,YAAY;AAC1C,YAAM,QAAQ,QAAQ,QAAQ,WAAW,EAAE;AAC3C,YAAM,MAAM,WAAW,OAAO;AAC9B,YAAM,MAAM,WAAW,OAAO;AAC9B,YAAM,aAAa,KAAK,OAAM,KAAM,MAAM,OAAO;AACjD,aAAO,GAAG,UAAU,GAAG,KAAK;AAAA,IAC9B;AAEA,UAAM,kBAAkB,CAAC,cAAc;AACrC,YAAM,aAAa,SAAS,YAAY,CAAC;AACzC,YAAM,YAAY;AAAA;AAAA;AAAA;AAAA,mBAID,UAAU,YAAY;AAAA;AAAA;AAAA,mBAGtB,UAAU,UAAU;AAAA;AAAA;AAAA,mBAGpB,UAAU,UAAU;AAAA;AAAA;AAAA,mBAGpB,UAAU,UAAU;AAAA;AAAA;AAAA,gCAGP,UAAU,UAAU;AAAA,mBACjC,UAAU,UAAU;AAAA;AAAA;AAAA;AAIrC,iBAAW,WAAW,WAAW,WAAW,SAAS,MAAM;AAAA,IAC7D;AAEA,UAAM,uBAAuB,MAAM;AACjC,sBAAgB,MAAM,OAAO,SAAS;AAEtC,YAAM,OAAO,QAAQ,CAAC,aAAa;AACjC,YAAI,aAAa,SAAS,cAAc,KAAK;AAE7C,mBAAW,MAAM;AACjB,mBAAW,UAAU,IAAI,gBAAgB;AAEzC,YAAI,MAAM,OAAO,OAAO;AACtB,qBAAW,UAAU,IAAI,MAAM,OAAO,KAAK;AAAA,QAC7C;AAEA,YAAI,aAAa,MAAM,OAAO,YAAY,KAAK,MAAM,KAAK,OAAM,IAAK,MAAM,OAAO,YAAY,MAAM,CAAC;AACrG,YAAI,aAAa,KAAK,OAAM,IAAK,OAAO,IAAI;AAE5C,mBAAW,MAAM,OAAO,GAAG,aAAa,SAAS;AAEjD,YAAI,OAAO;AAEX,YAAI,MAAM,OAAO,WAAW,MAAM,OAAO,SAAS;AAChD,kBAAQ,cAAc,MAAM,OAAO,SAAS,MAAM,OAAO,OAAO;AAAA,QAClE,OAAO;AACL,kBAAQ,MAAM,OAAO;AAAA,QACvB;AAEA,YAAI,MAAM,OAAO,QAAQ;AACvB,mBAAS;AAAA,QACX,OAAO;AACL,mBAAS;AAAA,QACX;AAEA,mBAAW,MAAM,QAAQ;AACzB,mBAAW,MAAM,SAAS;AAC1B,mBAAW,MAAM,WAAW;AAC5B,mBAAW,MAAM,SAAS;AAC1B,mBAAW,MAAM,UAAU;AAC3B,mBAAW,MAAM,YAAY;AAC7B,mBAAW,MAAM,oBAAoB,GAAG,KAAK,OAAM,KAAM,MAAM,OAAO,cAAc,MAAM,OAAO,eAAe,MAAM,OAAO,WAAW;AAExI,YAAI,MAAM,UAAW,UAAS,cAAc,MAAM,SAAS,EAAE,YAAY,UAAU;AAEnF,mBAAW,iBAAiB,sBAAsB,MAAM;AACtD,gBAAM,gBAAgB,MAAM,OAAO,YAAY,KAAK,MAAM,KAAK,OAAM,IAAK,MAAM,OAAO,YAAY,MAAM,CAAC;AAC1G,gBAAM,gBAAgB,KAAK,OAAM,IAAK,OAAO,IAAI;AAC/C,qBAAW,MAAM,OAAO,GAAG,gBAAgB,YAAY;AAAA,QACzD,CAAC;AAAA,MACL,CAAC;AAAA,IACH;AAEAA,QAAAA,UAAU,MAAM;AACd,2BAAoB;AAAA,IACtB,CAAC;AAEDC,QAAAA,MAAM,MAAM,MAAM,QAAQ,MAAM;AAC9B,2BAAoB;AAAA,IACtB,CAAC;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/elements/FloatingImages.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingImages.vue.js","sources":["../../../../../../../src/modules/landing/components/elements/FloatingImages.vue"],"sourcesContent":["<template>\n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\nconst props = defineProps({\n  container: {\n    type: String,\n    required: true\n  },\n  images: {\n    type: Array,\n    required: true\n  },\n  config: {\n    type: Object,\n    required: true,\n    default: () => ({\n      sizeMin: null,\n      sizeMax: null,\n      size: '5rem',\n      minDuration: 5,\n      maxDuration: 15,\n      spawnPoints: [10, 90],\n      maintainAspectRatio: true,\n      animation: {\n        startOpacity: 0.1,\n        midOpacity: 1,\n        endOpacity: 0.0,\n        translateY: '-33vh'\n      },\n      class: ''\n    })\n  },\n});\n\nconst getRandomSize = (sizeMin, sizeMax) => {\n  const units = sizeMin.replace(/[0-9.]/g, '');\n  const min = parseFloat(sizeMin);\n  const max = parseFloat(sizeMax);\n  const randomSize = Math.random() * (max - min) + min;\n  return `${randomSize}${units}`;\n};\n\nconst createKeyframes = (animation) => {\n  const styleSheet = document.styleSheets[0];\n  const keyframes = `\n    @keyframes floatUp {\n      0% {\n        transform: translateY(0);\n        opacity: ${animation.startOpacity};\n      }\n      10% {\n        opacity: ${animation.midOpacity};\n      }\n      50% {\n        opacity: ${animation.midOpacity};\n      }\n      90% {\n        opacity: ${animation.midOpacity};\n      }\n      100% {\n        transform: translateY(${animation.translateY});\n        opacity: ${animation.endOpacity};\n      }\n    }\n  `;\n  styleSheet.insertRule(keyframes, styleSheet.cssRules.length);\n};\n\nconst createFloatingImages = () => {\n  createKeyframes(props.config.animation);\n  \n  props.images.forEach((imageSrc) => {\n    let imgElement = document.createElement('img');\n    \n    imgElement.src = imageSrc;\n    imgElement.classList.add('floating-image');\n\n    if (props.config.class) {\n      imgElement.classList.add(props.config.class);\n    }\n    \n    let spawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];\n    let deviation = (Math.random() - 0.5) * 2 * 10;\n    \n    imgElement.style.left = `${spawnPoint + deviation}%`;\n\n    let width, height;\n\n    if (props.config.sizeMin && props.config.sizeMax) {\n      width = getRandomSize(props.config.sizeMin, props.config.sizeMax);\n    } else {\n      width = props.config.size;\n    }\n\n    if (props.config.square) {\n      height = width;\n    } else {\n      height = 'auto';\n    }\n    \n    imgElement.style.width = width;\n    imgElement.style.height = height;\n    imgElement.style.position = 'absolute';\n    imgElement.style.bottom = '0';\n    imgElement.style.opacity = '1';\n    imgElement.style.animation = `floatUp linear infinite`;\n    imgElement.style.animationDuration = `${Math.random() * (props.config.maxDuration - props.config.minDuration) + props.config.minDuration}s`;\n\n    if (props.container) document.querySelector(props.container).appendChild(imgElement);\n\n    imgElement.addEventListener(\"animationiteration\", () => {\n      const newSpawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];\n      const newDeviation = (Math.random() - 0.5) * 2 * 10;\n        imgElement.style.left = `${newSpawnPoint + newDeviation}%`;\n      });\n  });\n};\n\nonMounted(() => {\n  createFloatingImages();\n});\n\nwatch(() => props.images, () => {\n  createFloatingImages();\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AA+Bd,UAAM,gBAAgB,CAAC,SAAS,YAAY;AAC1C,YAAM,QAAQ,QAAQ,QAAQ,WAAW,EAAE;AAC3C,YAAM,MAAM,WAAW,OAAO;AAC9B,YAAM,MAAM,WAAW,OAAO;AAC9B,YAAM,aAAa,KAAK,OAAQ,KAAI,MAAM,OAAO;AACjD,aAAO,GAAG,UAAU,GAAG,KAAK;AAAA,IAC9B;AAEA,UAAM,kBAAkB,CAAC,cAAc;AACrC,YAAM,aAAa,SAAS,YAAY,CAAC;AACzC,YAAM,YAAY;AAAA;AAAA;AAAA;AAAA,mBAID,UAAU,YAAY;AAAA;AAAA;AAAA,mBAGtB,UAAU,UAAU;AAAA;AAAA;AAAA,mBAGpB,UAAU,UAAU;AAAA;AAAA;AAAA,mBAGpB,UAAU,UAAU;AAAA;AAAA;AAAA,gCAGP,UAAU,UAAU;AAAA,mBACjC,UAAU,UAAU;AAAA;AAAA;AAAA;AAIrC,iBAAW,WAAW,WAAW,WAAW,SAAS,MAAM;AAAA,IAC7D;AAEA,UAAM,uBAAuB,MAAM;AACjC,sBAAgB,MAAM,OAAO,SAAS;AAEtC,YAAM,OAAO,QAAQ,CAAC,aAAa;AACjC,YAAI,aAAa,SAAS,cAAc,KAAK;AAE7C,mBAAW,MAAM;AACjB,mBAAW,UAAU,IAAI,gBAAgB;AAEzC,YAAI,MAAM,OAAO,OAAO;AACtB,qBAAW,UAAU,IAAI,MAAM,OAAO,KAAK;AAAA,QACjD;AAEI,YAAI,aAAa,MAAM,OAAO,YAAY,KAAK,MAAM,KAAK,OAAQ,IAAG,MAAM,OAAO,YAAY,MAAM,CAAC;AACrG,YAAI,aAAa,KAAK,OAAM,IAAK,OAAO,IAAI;AAE5C,mBAAW,MAAM,OAAO,GAAG,aAAa,SAAS;AAEjD,YAAI,OAAO;AAEX,YAAI,MAAM,OAAO,WAAW,MAAM,OAAO,SAAS;AAChD,kBAAQ,cAAc,MAAM,OAAO,SAAS,MAAM,OAAO,OAAO;AAAA,QACtE,OAAW;AACL,kBAAQ,MAAM,OAAO;AAAA,QAC3B;AAEI,YAAI,MAAM,OAAO,QAAQ;AACvB,mBAAS;AAAA,QACf,OAAW;AACL,mBAAS;AAAA,QACf;AAEI,mBAAW,MAAM,QAAQ;AACzB,mBAAW,MAAM,SAAS;AAC1B,mBAAW,MAAM,WAAW;AAC5B,mBAAW,MAAM,SAAS;AAC1B,mBAAW,MAAM,UAAU;AAC3B,mBAAW,MAAM,YAAY;AAC7B,mBAAW,MAAM,oBAAoB,GAAG,KAAK,OAAQ,KAAI,MAAM,OAAO,cAAc,MAAM,OAAO,eAAe,MAAM,OAAO,WAAW;AAExI,YAAI,MAAM,UAAW,UAAS,cAAc,MAAM,SAAS,EAAE,YAAY,UAAU;AAEnF,mBAAW,iBAAiB,sBAAsB,MAAM;AACtD,gBAAM,gBAAgB,MAAM,OAAO,YAAY,KAAK,MAAM,KAAK,OAAQ,IAAG,MAAM,OAAO,YAAY,MAAM,CAAC;AAC1G,gBAAM,gBAAgB,KAAK,OAAM,IAAK,OAAO,IAAI;AAC/C,qBAAW,MAAM,OAAO,GAAG,gBAAgB,YAAY;AAAA,QAC/D,CAAO;AAAA,MACP,CAAG;AAAA,IACH;AAEA,cAAU,MAAM;AACd,2BAAsB;AAAA,IACxB,CAAC;AAED,UAAM,MAAM,MAAM,QAAQ,MAAM;AAC9B,2BAAsB;AAAA,IACxB,CAAC;;;;;;"}
+{"version":3,"file":"FloatingImages.vue.js","sources":["../../../../../../../src/modules/landing/components/elements/FloatingImages.vue"],"sourcesContent":["<template>\n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\nconst props = defineProps({\n  container: {\n    type: String,\n    required: true\n  },\n  images: {\n    type: Array,\n    required: true\n  },\n  config: {\n    type: Object,\n    required: true,\n    default: () => ({\n      sizeMin: null,\n      sizeMax: null,\n      size: '5rem',\n      minDuration: 5,\n      maxDuration: 15,\n      spawnPoints: [10, 90],\n      maintainAspectRatio: true,\n      animation: {\n        startOpacity: 0.1,\n        midOpacity: 1,\n        endOpacity: 0.0,\n        translateY: '-33vh'\n      },\n      class: ''\n    })\n  },\n});\n\nconst getRandomSize = (sizeMin, sizeMax) => {\n  const units = sizeMin.replace(/[0-9.]/g, '');\n  const min = parseFloat(sizeMin);\n  const max = parseFloat(sizeMax);\n  const randomSize = Math.random() * (max - min) + min;\n  return `${randomSize}${units}`;\n};\n\nconst createKeyframes = (animation) => {\n  const styleSheet = document.styleSheets[0];\n  const keyframes = `\n    @keyframes floatUp {\n      0% {\n        transform: translateY(0);\n        opacity: ${animation.startOpacity};\n      }\n      10% {\n        opacity: ${animation.midOpacity};\n      }\n      50% {\n        opacity: ${animation.midOpacity};\n      }\n      90% {\n        opacity: ${animation.midOpacity};\n      }\n      100% {\n        transform: translateY(${animation.translateY});\n        opacity: ${animation.endOpacity};\n      }\n    }\n  `;\n  styleSheet.insertRule(keyframes, styleSheet.cssRules.length);\n};\n\nconst createFloatingImages = () => {\n  createKeyframes(props.config.animation);\n  \n  props.images.forEach((imageSrc) => {\n    let imgElement = document.createElement('img');\n    \n    imgElement.src = imageSrc;\n    imgElement.classList.add('floating-image');\n\n    if (props.config.class) {\n      imgElement.classList.add(props.config.class);\n    }\n    \n    let spawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];\n    let deviation = (Math.random() - 0.5) * 2 * 10;\n    \n    imgElement.style.left = `${spawnPoint + deviation}%`;\n\n    let width, height;\n\n    if (props.config.sizeMin && props.config.sizeMax) {\n      width = getRandomSize(props.config.sizeMin, props.config.sizeMax);\n    } else {\n      width = props.config.size;\n    }\n\n    if (props.config.square) {\n      height = width;\n    } else {\n      height = 'auto';\n    }\n    \n    imgElement.style.width = width;\n    imgElement.style.height = height;\n    imgElement.style.position = 'absolute';\n    imgElement.style.bottom = '0';\n    imgElement.style.opacity = '1';\n    imgElement.style.animation = `floatUp linear infinite`;\n    imgElement.style.animationDuration = `${Math.random() * (props.config.maxDuration - props.config.minDuration) + props.config.minDuration}s`;\n\n    if (props.container) document.querySelector(props.container).appendChild(imgElement);\n\n    imgElement.addEventListener(\"animationiteration\", () => {\n      const newSpawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];\n      const newDeviation = (Math.random() - 0.5) * 2 * 10;\n        imgElement.style.left = `${newSpawnPoint + newDeviation}%`;\n      });\n  });\n};\n\nonMounted(() => {\n  createFloatingImages();\n});\n\nwatch(() => props.images, () => {\n  createFloatingImages();\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AA+Bd,UAAM,gBAAgB,CAAC,SAAS,YAAY;AAC1C,YAAM,QAAQ,QAAQ,QAAQ,WAAW,EAAE;AAC3C,YAAM,MAAM,WAAW,OAAO;AAC9B,YAAM,MAAM,WAAW,OAAO;AAC9B,YAAM,aAAa,KAAK,OAAM,KAAM,MAAM,OAAO;AACjD,aAAO,GAAG,UAAU,GAAG,KAAK;AAAA,IAC9B;AAEA,UAAM,kBAAkB,CAAC,cAAc;AACrC,YAAM,aAAa,SAAS,YAAY,CAAC;AACzC,YAAM,YAAY;AAAA;AAAA;AAAA;AAAA,mBAID,UAAU,YAAY;AAAA;AAAA;AAAA,mBAGtB,UAAU,UAAU;AAAA;AAAA;AAAA,mBAGpB,UAAU,UAAU;AAAA;AAAA;AAAA,mBAGpB,UAAU,UAAU;AAAA;AAAA;AAAA,gCAGP,UAAU,UAAU;AAAA,mBACjC,UAAU,UAAU;AAAA;AAAA;AAAA;AAIrC,iBAAW,WAAW,WAAW,WAAW,SAAS,MAAM;AAAA,IAC7D;AAEA,UAAM,uBAAuB,MAAM;AACjC,sBAAgB,MAAM,OAAO,SAAS;AAEtC,YAAM,OAAO,QAAQ,CAAC,aAAa;AACjC,YAAI,aAAa,SAAS,cAAc,KAAK;AAE7C,mBAAW,MAAM;AACjB,mBAAW,UAAU,IAAI,gBAAgB;AAEzC,YAAI,MAAM,OAAO,OAAO;AACtB,qBAAW,UAAU,IAAI,MAAM,OAAO,KAAK;AAAA,QAC7C;AAEA,YAAI,aAAa,MAAM,OAAO,YAAY,KAAK,MAAM,KAAK,OAAM,IAAK,MAAM,OAAO,YAAY,MAAM,CAAC;AACrG,YAAI,aAAa,KAAK,OAAM,IAAK,OAAO,IAAI;AAE5C,mBAAW,MAAM,OAAO,GAAG,aAAa,SAAS;AAEjD,YAAI,OAAO;AAEX,YAAI,MAAM,OAAO,WAAW,MAAM,OAAO,SAAS;AAChD,kBAAQ,cAAc,MAAM,OAAO,SAAS,MAAM,OAAO,OAAO;AAAA,QAClE,OAAO;AACL,kBAAQ,MAAM,OAAO;AAAA,QACvB;AAEA,YAAI,MAAM,OAAO,QAAQ;AACvB,mBAAS;AAAA,QACX,OAAO;AACL,mBAAS;AAAA,QACX;AAEA,mBAAW,MAAM,QAAQ;AACzB,mBAAW,MAAM,SAAS;AAC1B,mBAAW,MAAM,WAAW;AAC5B,mBAAW,MAAM,SAAS;AAC1B,mBAAW,MAAM,UAAU;AAC3B,mBAAW,MAAM,YAAY;AAC7B,mBAAW,MAAM,oBAAoB,GAAG,KAAK,OAAM,KAAM,MAAM,OAAO,cAAc,MAAM,OAAO,eAAe,MAAM,OAAO,WAAW;AAExI,YAAI,MAAM,UAAW,UAAS,cAAc,MAAM,SAAS,EAAE,YAAY,UAAU;AAEnF,mBAAW,iBAAiB,sBAAsB,MAAM;AACtD,gBAAM,gBAAgB,MAAM,OAAO,YAAY,KAAK,MAAM,KAAK,OAAM,IAAK,MAAM,OAAO,YAAY,MAAM,CAAC;AAC1G,gBAAM,gBAAgB,KAAK,OAAM,IAAK,OAAO,IAAI;AAC/C,qBAAW,MAAM,OAAO,GAAG,gBAAgB,YAAY;AAAA,QACzD,CAAC;AAAA,MACL,CAAC;AAAA,IACH;AAEA,cAAU,MAAM;AACd,2BAAoB;AAAA,IACtB,CAAC;AAED,UAAM,MAAM,MAAM,QAAQ,MAAM;AAC9B,2BAAoB;AAAA,IACtB,CAAC;;;;;;"}

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

@@ -5,6 +5,7 @@ const vueI18n = require("vue-i18n");
 const IconInfo = require("../../../icons/entities/IconInfo.vue.cjs");
 const IconEarn = require("../../../icons/entities/IconEarn.vue.cjs");
 const ConnectMetamask = require("../../../wallet/views/components/elements/ConnectMetamask.vue.cjs");
+;/* empty css                   */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "cols-2 gap-thin" };
 const _hoisted_2 = { class: "pos-relative flex flex-column flex-center h-100" };

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,GAAI,IAAGA,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      <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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,6 +3,7 @@ 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" };

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,GAAI,IAAG,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      <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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/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  <section id=\"howtobuy\">\n    <h2 class=\"w-100 w-max-50r mn-b-small\" v-html=\"t('title')\"/>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\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,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 w-max-50r mn-b-small\" v-html=\"t('title')\"/>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\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,GAAE,IAAKA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/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  <section id=\"howtobuy\">\n    <h2 class=\"w-100 w-max-50r mn-b-small\" v-html=\"t('title')\"/>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\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,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 w-max-50r mn-b-small\" v-html=\"t('title')\"/>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\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,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
+;/* empty css                             */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   id: "howtobuy",

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

@@ -1 +1 @@
-{"version":3,"file":"SectionFeaturesImages.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeaturesImages.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\" class=\"section\">\n\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-small\">{{t('title')}}</h2>\n      <p class=\"w-m-60r mn-b-big mn-auto t-transp p-semi\">\n        {{t('subtitle')}}\n      </p>\n    </div>\n\n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"w-100 pd-medium bg-light radius-medium\"\n      >\n        <img loading=\"lazy\" \n          class=\"radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium\" \n          :src=\"feature.image\"\n        > \n        <h3 class=\"mn-b-medium\">{{feature.title}}</h3>\n        <p class=\"t-transp\">{{feature.text}}</p>\n      </div>\n\n    </div>\n\n  </section>\n</template>\n\n\n<script setup>\nimport { useI18n }    from 'vue-i18n'\n  \nconst props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'What is Weeder Token?',\n            subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Currency',\n                text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Instument',\n                text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Invesment',\n                text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.'\n              },\n            ]\n          },\n          ru: {\n            title: 'Что такое Weeder Token?',\n            subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Валюта',\n                text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Инструмент',\n                text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Инвестиции',\n                text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',\n              },\n            ]\n          }\n        }\n      })\n    }\n  })\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\" scoped> \n\n#grid2 {\n  transition: 500ms;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 3px;\n  background: crimson;\n}\n\n:where(.left, .center, .right) {\n  background: navajowhite;\n  transition: 300ms;\n}\n\n:where(.left, .center, .right):hover {\n  background: crimson;\n}\n\n#grid2:has(.left:hover) {\n  grid-template-columns: 2fr 0.5fr 0.5fr;\n  padding: 3rem;\n}\n\n#grid2:has(.center:hover) {\n  grid-template-columns: 0.5fr 2fr 0.5fr;\n  padding: 3rem;\n}\n#grid2:has(.right:hover) {\n  grid-template-columns: 0.5fr 0.5fr 2fr;\n  padding: 3rem;\n}\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAoDZ,UAAM,EAAE,GAAG,GAAI,IAAGA,QAAO,QAAC,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeaturesImages.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeaturesImages.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\" class=\"section\">\n\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-small\">{{t('title')}}</h2>\n      <p class=\"w-m-60r mn-b-big mn-auto t-transp p-semi\">\n        {{t('subtitle')}}\n      </p>\n    </div>\n\n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"w-100 pd-medium bg-light radius-medium\"\n      >\n        <img loading=\"lazy\" \n          class=\"radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium\" \n          :src=\"feature.image\"\n        > \n        <h3 class=\"mn-b-medium\">{{feature.title}}</h3>\n        <p class=\"t-transp\">{{feature.text}}</p>\n      </div>\n\n    </div>\n\n  </section>\n</template>\n\n\n<script setup>\nimport { useI18n }    from 'vue-i18n'\n  \nconst props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'What is Weeder Token?',\n            subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Currency',\n                text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Instument',\n                text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Invesment',\n                text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.'\n              },\n            ]\n          },\n          ru: {\n            title: 'Что такое Weeder Token?',\n            subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Валюта',\n                text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Инструмент',\n                text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Инвестиции',\n                text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',\n              },\n            ]\n          }\n        }\n      })\n    }\n  })\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\" scoped> \n\n#grid2 {\n  transition: 500ms;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 3px;\n  background: crimson;\n}\n\n:where(.left, .center, .right) {\n  background: navajowhite;\n  transition: 300ms;\n}\n\n:where(.left, .center, .right):hover {\n  background: crimson;\n}\n\n#grid2:has(.left:hover) {\n  grid-template-columns: 2fr 0.5fr 0.5fr;\n  padding: 3rem;\n}\n\n#grid2:has(.center:hover) {\n  grid-template-columns: 0.5fr 2fr 0.5fr;\n  padding: 3rem;\n}\n#grid2:has(.right:hover) {\n  grid-template-columns: 0.5fr 0.5fr 2fr;\n  padding: 3rem;\n}\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAoDZ,UAAM,EAAE,GAAG,GAAE,IAAKA,QAAAA,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, toDisplayString, unref, Fragment, renderList } from "vue";
 import { useI18n } from "vue-i18n";
+/* empty css                           */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   id: "howtobuy",

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

@@ -1 +1 @@
-{"version":3,"file":"SectionFeaturesImages.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeaturesImages.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\" class=\"section\">\n\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-small\">{{t('title')}}</h2>\n      <p class=\"w-m-60r mn-b-big mn-auto t-transp p-semi\">\n        {{t('subtitle')}}\n      </p>\n    </div>\n\n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"w-100 pd-medium bg-light radius-medium\"\n      >\n        <img loading=\"lazy\" \n          class=\"radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium\" \n          :src=\"feature.image\"\n        > \n        <h3 class=\"mn-b-medium\">{{feature.title}}</h3>\n        <p class=\"t-transp\">{{feature.text}}</p>\n      </div>\n\n    </div>\n\n  </section>\n</template>\n\n\n<script setup>\nimport { useI18n }    from 'vue-i18n'\n  \nconst props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'What is Weeder Token?',\n            subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Currency',\n                text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Instument',\n                text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Invesment',\n                text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.'\n              },\n            ]\n          },\n          ru: {\n            title: 'Что такое Weeder Token?',\n            subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Валюта',\n                text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Инструмент',\n                text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Инвестиции',\n                text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',\n              },\n            ]\n          }\n        }\n      })\n    }\n  })\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\" scoped> \n\n#grid2 {\n  transition: 500ms;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 3px;\n  background: crimson;\n}\n\n:where(.left, .center, .right) {\n  background: navajowhite;\n  transition: 300ms;\n}\n\n:where(.left, .center, .right):hover {\n  background: crimson;\n}\n\n#grid2:has(.left:hover) {\n  grid-template-columns: 2fr 0.5fr 0.5fr;\n  padding: 3rem;\n}\n\n#grid2:has(.center:hover) {\n  grid-template-columns: 0.5fr 2fr 0.5fr;\n  padding: 3rem;\n}\n#grid2:has(.right:hover) {\n  grid-template-columns: 0.5fr 0.5fr 2fr;\n  padding: 3rem;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAoDZ,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeaturesImages.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeaturesImages.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\" class=\"section\">\n\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-small\">{{t('title')}}</h2>\n      <p class=\"w-m-60r mn-b-big mn-auto t-transp p-semi\">\n        {{t('subtitle')}}\n      </p>\n    </div>\n\n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"w-100 pd-medium bg-light radius-medium\"\n      >\n        <img loading=\"lazy\" \n          class=\"radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium\" \n          :src=\"feature.image\"\n        > \n        <h3 class=\"mn-b-medium\">{{feature.title}}</h3>\n        <p class=\"t-transp\">{{feature.text}}</p>\n      </div>\n\n    </div>\n\n  </section>\n</template>\n\n\n<script setup>\nimport { useI18n }    from 'vue-i18n'\n  \nconst props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'What is Weeder Token?',\n            subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Currency',\n                text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Instument',\n                text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Invesment',\n                text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.'\n              },\n            ]\n          },\n          ru: {\n            title: 'Что такое Weeder Token?',\n            subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',\n            features: [\n              {\n                image: '/images/howitworks/step1.png',\n                title: 'Валюта',\n                text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',\n              },\n              {\n                image: '/images/howitworks/step2.png',\n                title: 'Инструмент',\n                text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',\n              },\n              {\n                image: '/images/howitworks/step3.png',\n                title: 'Инвестиции',\n                text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',\n              },\n            ]\n          }\n        }\n      })\n    }\n  })\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\" scoped> \n\n#grid2 {\n  transition: 500ms;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 3px;\n  background: crimson;\n}\n\n:where(.left, .center, .right) {\n  background: navajowhite;\n  transition: 300ms;\n}\n\n:where(.left, .center, .right):hover {\n  background: crimson;\n}\n\n#grid2:has(.left:hover) {\n  grid-template-columns: 2fr 0.5fr 0.5fr;\n  padding: 3rem;\n}\n\n#grid2:has(.center:hover) {\n  grid-template-columns: 0.5fr 2fr 0.5fr;\n  padding: 3rem;\n}\n#grid2:has(.right:hover) {\n  grid-template-columns: 0.5fr 0.5fr 2fr;\n  padding: 3rem;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAoDZ,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

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

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,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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