@ozdao/martyrs 0.2.547 → 0.2.549

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const spots = require("../../../spots/store/spots.cjs");
@@ -179,7 +179,7 @@ const _sfc_main = {
                 onClick: ($event) => selectedReason.value = reason.value,
                 class: vue.normalizeClass([{ "bg-main t-black": selectedReason.value === reason.value, "bg-light": selectedReason.value !== reason.value }, "pd-small radius-small flex-column flex-center flex cursor-pointer"])
               }, [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(reason.icon), { class: "i-regular mn-b-nano" })),
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(reason.icon), { class: "i-medium mn-b-nano" })),
                 vue.createElementVNode("span", null, vue.toDisplayString(reason.label), 1)
               ], 10, _hoisted_8);
             }), 64))

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdjustmentForm.vue.cjs","sources":["../../../../../../../src/modules/inventory/components/forms/AdjustmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Effortlessly update your inventory and track adjustments for accurate stock management.\n    </p>\n    \n   \n    <div class=\"mn-b-medium\">\n      <div class=\"mn-b-small flex-nowrap flex gap-thin\">\n        <Field\n          v-model:field=\"quantity\"\n          label=\"Quantity Adjustment\"\n          type=\"number\"\n          placeholder=\"Enter +/- quantity\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n        \n        <Field\n          :field=\"product.available\"\n          label=\"Current Available\"\n          type=\"text\"\n          :disabled=\"true\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n      </div>\n      \n    </div>\n\n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\" v-if=\"productVariants.length > 0\">\n      <p class=\"mn-b-small t-medium\">Select Variant</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"productVariants\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose variant\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n\n    <!-- Storage Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Select Storage</p>\n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose storage\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Adjustment Reason</p>\n      \n      <div class=\"cols-3 gap-small mn-b-small\">\n        <div \n          v-for=\"reason in adjustmentReasons\"\n          :key=\"reason.value\"\n          @click=\"selectedReason = reason.value\"\n          :class=\"{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }\"\n          class=\"pd-small radius-small flex-column flex-center flex cursor-pointer\"\n        >\n          <component :is=\"reason.icon\" class=\"i-regular mn-b-nano\" />\n          <span>{{ reason.label }}</span>\n        </div>\n      </div>\n    </div>\n    \n    <Field\n      v-model:field=\"note\"\n      label=\"Note\"\n      type=\"textarea\"\n      placeholder=\"Add additional details about this adjustment...\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-medium\"\n    />\n    \n    <div class=\"flex-nowrap flex gap-small\">\n      <Button\n        :submit=\"() => $emit('close')\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </Button>\n      \n      <Button\n        :submit=\"saveAdjustment\"\n        :showLoader=\"true\"\n        :showSucces=\"true\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Adjustment\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\n\nconst route = useRoute()\n\n// Icons for adjustment reasons\nimport IconDamage from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconExpire from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconMisplacement from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconThief from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconStocktake from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconCustom from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close', 'adjustment-created'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('restock')\nconst note = ref('')\nconst selectedStorage = ref(null)\nconst selectedVariant = ref(null)\nconst productVariants = ref([])\nconst storageOptions = ref([])\n\n// Adjustment reason options\nconst adjustmentReasons = [\n  { label: 'Restock', value: 'restock', icon: IconDamage },\n  { label: 'Sale', value: 'sale', icon: IconExpire },\n  { label: 'Return', value: 'return', icon: IconMisplacement },\n  { label: 'Damage', value: 'damage', icon: IconThief },\n  { label: 'Transfer', value: 'transfer', icon: IconStocktake },\n  { label: 'Other', value: 'custom', icon: IconCustom },\n]\n\nfunction formatPrice(price) {\n  return '$' + (parseFloat(price) || 0).toFixed(2)\n}\n\n// Fetch variants and storages on mount\nonMounted(async () => {\n  console.log('AdjustmentForm mounted with product:', props.product)\n  \n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    productVariants.value = variantsData\n    // Select first variant by default if available\n    if (variantsData.length > 0) {\n      selectedVariant.value = variantsData[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      user: auth.state.user._id,\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = spotsData.map(spot => ({\n      _id: spot._id,\n      name: spot.profile?.name || 'Storage'\n    }))\n    // Select first storage by default if available\n    if (storageOptions.value.length > 0) {\n      selectedStorage.value = storageOptions.value[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n})\n\nasync function saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    throw new Error('Please select a variant')\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    throw new Error('Please select a storage')\n  }\n\n  try {\n    const adjustmentData = {\n      product: props.product._id,\n      variant: selectedVariant.value,\n      storage: selectedStorage.value,\n      source: {\n        type: 'User',\n        target: auth.state.user._id\n      },\n      quantity: parseInt(quantity.value || 0),\n      reason: selectedReason.value,\n      comment: note.value || '',\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    }\n    \n    const createdAdjustment = await inventory.actions.createAdjustment(adjustmentData)\n    \n    // Emit the adjustment data for parent component to update the product\n    emit('adjustment-created', {\n      product: props.product._id,\n      storage: selectedStorage.value,\n      quantity: parseInt(quantity.value || 0),\n      storageName: storageOptions.value.find(s => s._id === selectedStorage.value)?.name\n    })\n    \n    emit('close')\n  } catch (err) {\n    console.error(err)\n    throw err\n  }\n}\n</script>"],"names":["useRoute","ref","IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","onMounted","variants","spots.actions","auth.state","inventory.actions"],"mappings":"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"}
+{"version":3,"file":"AdjustmentForm.vue.cjs","sources":["../../../../../../../src/modules/inventory/components/forms/AdjustmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Effortlessly update your inventory and track adjustments for accurate stock management.\n    </p>\n    \n   \n    <div class=\"mn-b-medium\">\n      <div class=\"mn-b-small flex-nowrap flex gap-thin\">\n        <Field\n          v-model:field=\"quantity\"\n          label=\"Quantity Adjustment\"\n          type=\"number\"\n          placeholder=\"Enter +/- quantity\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n        \n        <Field\n          :field=\"product.available\"\n          label=\"Current Available\"\n          type=\"text\"\n          :disabled=\"true\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n      </div>\n      \n    </div>\n\n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\" v-if=\"productVariants.length > 0\">\n      <p class=\"mn-b-small t-medium\">Select Variant</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"productVariants\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose variant\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n\n    <!-- Storage Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Select Storage</p>\n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose storage\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Adjustment Reason</p>\n      \n      <div class=\"cols-3 gap-small mn-b-small\">\n        <div \n          v-for=\"reason in adjustmentReasons\"\n          :key=\"reason.value\"\n          @click=\"selectedReason = reason.value\"\n          :class=\"{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }\"\n          class=\"pd-small radius-small flex-column flex-center flex cursor-pointer\"\n        >\n          <component :is=\"reason.icon\" class=\"i-medium mn-b-nano\" />\n          <span>{{ reason.label }}</span>\n        </div>\n      </div>\n    </div>\n    \n    <Field\n      v-model:field=\"note\"\n      label=\"Note\"\n      type=\"textarea\"\n      placeholder=\"Add additional details about this adjustment...\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-medium\"\n    />\n    \n    <div class=\"flex-nowrap flex gap-small\">\n      <Button\n        :submit=\"() => $emit('close')\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </Button>\n      \n      <Button\n        :submit=\"saveAdjustment\"\n        :showLoader=\"true\"\n        :showSucces=\"true\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Adjustment\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\n\nconst route = useRoute()\n\n// Icons for adjustment reasons\nimport IconDamage from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconExpire from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconMisplacement from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconThief from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconStocktake from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconCustom from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close', 'adjustment-created'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('restock')\nconst note = ref('')\nconst selectedStorage = ref(null)\nconst selectedVariant = ref(null)\nconst productVariants = ref([])\nconst storageOptions = ref([])\n\n// Adjustment reason options\nconst adjustmentReasons = [\n  { label: 'Restock', value: 'restock', icon: IconDamage },\n  { label: 'Sale', value: 'sale', icon: IconExpire },\n  { label: 'Return', value: 'return', icon: IconMisplacement },\n  { label: 'Damage', value: 'damage', icon: IconThief },\n  { label: 'Transfer', value: 'transfer', icon: IconStocktake },\n  { label: 'Other', value: 'custom', icon: IconCustom },\n]\n\nfunction formatPrice(price) {\n  return '$' + (parseFloat(price) || 0).toFixed(2)\n}\n\n// Fetch variants and storages on mount\nonMounted(async () => {\n  console.log('AdjustmentForm mounted with product:', props.product)\n  \n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    productVariants.value = variantsData\n    // Select first variant by default if available\n    if (variantsData.length > 0) {\n      selectedVariant.value = variantsData[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      user: auth.state.user._id,\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = spotsData.map(spot => ({\n      _id: spot._id,\n      name: spot.profile?.name || 'Storage'\n    }))\n    // Select first storage by default if available\n    if (storageOptions.value.length > 0) {\n      selectedStorage.value = storageOptions.value[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n})\n\nasync function saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    throw new Error('Please select a variant')\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    throw new Error('Please select a storage')\n  }\n\n  try {\n    const adjustmentData = {\n      product: props.product._id,\n      variant: selectedVariant.value,\n      storage: selectedStorage.value,\n      source: {\n        type: 'User',\n        target: auth.state.user._id\n      },\n      quantity: parseInt(quantity.value || 0),\n      reason: selectedReason.value,\n      comment: note.value || '',\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    }\n    \n    const createdAdjustment = await inventory.actions.createAdjustment(adjustmentData)\n    \n    // Emit the adjustment data for parent component to update the product\n    emit('adjustment-created', {\n      product: props.product._id,\n      storage: selectedStorage.value,\n      quantity: parseInt(quantity.value || 0),\n      storageName: storageOptions.value.find(s => s._id === selectedStorage.value)?.name\n    })\n    \n    emit('close')\n  } catch (err) {\n    console.error(err)\n    throw err\n  }\n}\n</script>"],"names":["useRoute","ref","IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","onMounted","variants","spots.actions","auth.state","inventory.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHA,UAAM,QAAQA,UAAAA,SAAQ;AAUtB,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,WAAWC,IAAAA,IAAI,CAAC;AACtB,UAAM,iBAAiBA,IAAAA,IAAI,SAAS;AACpC,UAAM,OAAOA,IAAAA,IAAI,EAAE;AACnB,UAAM,kBAAkBA,IAAAA,IAAI,IAAI;AAChC,UAAM,kBAAkBA,IAAAA,IAAI,IAAI;AAChC,UAAM,kBAAkBA,IAAAA,IAAI,CAAA,CAAE;AAC9B,UAAM,iBAAiBA,IAAAA,IAAI,CAAA,CAAE;AAG7B,UAAM,oBAAoB;AAAA,MACxB,EAAE,OAAO,WAAW,OAAO,WAAW,MAAMC,SAAAA,QAAU;AAAA,MACtD,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAMC,SAAAA,QAAU;AAAA,MAChD,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,SAAAA,QAAgB;AAAA,MAC1D,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,SAAAA,QAAS;AAAA,MACnD,EAAE,OAAO,YAAY,OAAO,YAAY,MAAMC,SAAAA,QAAa;AAAA,MAC3D,EAAE,OAAO,SAAS,OAAO,UAAU,MAAMC,SAAAA,QAAU;AAAA,IACrD;AAOAC,QAAAA,UAAU,YAAY;AACpB,cAAQ,IAAI,wCAAwC,MAAM,OAAO;AAGjE,UAAI;AACF,cAAM,eAAe,MAAMC,eAAAA,QAAS,KAAK;AAAA,UACvC,SAAS,MAAM,QAAQ;AAAA,UACvB,OAAO;AAAA,QACb,CAAK;AACD,wBAAgB,QAAQ;AAExB,YAAI,aAAa,SAAS,GAAG;AAC3B,0BAAgB,QAAQ,aAAa,CAAC,EAAE;AAAA,QAC1C;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MAC/C;AAGA,UAAI;AACF,cAAM,YAAY,MAAMC,MAAAA,QAAc,KAAK;AAAA,UACzC,MAAMC,KAAAA,MAAW,KAAK;AAAA,UACtB,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACb,CAAK;AACD,uBAAe,QAAQ,UAAU,IAAI,WAAS;AAAA,UAC5C,KAAK,KAAK;AAAA,UACV,MAAM,KAAK,SAAS,QAAQ;AAAA,QAClC,EAAM;AAEF,YAAI,eAAe,MAAM,SAAS,GAAG;AACnC,0BAAgB,QAAQ,eAAe,MAAM,CAAC,EAAE;AAAA,QAClD;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,yBAAyB,GAAG;AAAA,MAC5C;AAAA,IACF,CAAC;AAED,mBAAe,iBAAiB;AAC9B,UAAI,CAAC,gBAAgB,OAAO;AAC1B,cAAM,yBAAyB;AAC/B,cAAM,IAAI,MAAM,yBAAyB;AAAA,MAC3C;AACA,UAAI,CAAC,gBAAgB,OAAO;AAC1B,cAAM,yBAAyB;AAC/B,cAAM,IAAI,MAAM,yBAAyB;AAAA,MAC3C;AAEA,UAAI;AACF,cAAM,iBAAiB;AAAA,UACrB,SAAS,MAAM,QAAQ;AAAA,UACvB,SAAS,gBAAgB;AAAA,UACzB,SAAS,gBAAgB;AAAA,UACzB,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,QAAQA,KAAAA,MAAW,KAAK;AAAA,UAChC;AAAA,UACM,UAAU,SAAS,SAAS,SAAS,CAAC;AAAA,UACtC,QAAQ,eAAe;AAAA,UACvB,SAAS,KAAK,SAAS;AAAA,UACvB,OAAO;AAAA,YACL,MAAM;AAAA,YACN,QAAQ,MAAM,OAAO;AAAA,UAC7B;AAAA,UACM,SAAS;AAAA,YACP,MAAM;AAAA,YACN,QAAQA,KAAAA,MAAW,KAAK;AAAA,UAChC;AAAA,QACA;AAEI,cAAM,oBAAoB,MAAMC,wBAAkB,iBAAiB,cAAc;AAGjF,aAAK,sBAAsB;AAAA,UACzB,SAAS,MAAM,QAAQ;AAAA,UACvB,SAAS,gBAAgB;AAAA,UACzB,UAAU,SAAS,SAAS,SAAS,CAAC;AAAA,UACtC,aAAa,eAAe,MAAM,KAAK,OAAK,EAAE,QAAQ,gBAAgB,KAAK,GAAG;AAAA,QACpF,CAAK;AAED,aAAK,OAAO;AAAA,MACd,SAAS,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, withCtx, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
-import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
@@ -177,7 +177,7 @@ const _sfc_main = {
                 onClick: ($event) => selectedReason.value = reason.value,
                 class: normalizeClass([{ "bg-main t-black": selectedReason.value === reason.value, "bg-light": selectedReason.value !== reason.value }, "pd-small radius-small flex-column flex-center flex cursor-pointer"])
               }, [
-                (openBlock(), createBlock(resolveDynamicComponent(reason.icon), { class: "i-regular mn-b-nano" })),
+                (openBlock(), createBlock(resolveDynamicComponent(reason.icon), { class: "i-medium mn-b-nano" })),
                 createElementVNode("span", null, toDisplayString(reason.label), 1)
               ], 10, _hoisted_8);
             }), 64))

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdjustmentForm.vue.js","sources":["../../../../../../../src/modules/inventory/components/forms/AdjustmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Effortlessly update your inventory and track adjustments for accurate stock management.\n    </p>\n    \n   \n    <div class=\"mn-b-medium\">\n      <div class=\"mn-b-small flex-nowrap flex gap-thin\">\n        <Field\n          v-model:field=\"quantity\"\n          label=\"Quantity Adjustment\"\n          type=\"number\"\n          placeholder=\"Enter +/- quantity\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n        \n        <Field\n          :field=\"product.available\"\n          label=\"Current Available\"\n          type=\"text\"\n          :disabled=\"true\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n      </div>\n      \n    </div>\n\n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\" v-if=\"productVariants.length > 0\">\n      <p class=\"mn-b-small t-medium\">Select Variant</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"productVariants\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose variant\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n\n    <!-- Storage Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Select Storage</p>\n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose storage\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Adjustment Reason</p>\n      \n      <div class=\"cols-3 gap-small mn-b-small\">\n        <div \n          v-for=\"reason in adjustmentReasons\"\n          :key=\"reason.value\"\n          @click=\"selectedReason = reason.value\"\n          :class=\"{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }\"\n          class=\"pd-small radius-small flex-column flex-center flex cursor-pointer\"\n        >\n          <component :is=\"reason.icon\" class=\"i-regular mn-b-nano\" />\n          <span>{{ reason.label }}</span>\n        </div>\n      </div>\n    </div>\n    \n    <Field\n      v-model:field=\"note\"\n      label=\"Note\"\n      type=\"textarea\"\n      placeholder=\"Add additional details about this adjustment...\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-medium\"\n    />\n    \n    <div class=\"flex-nowrap flex gap-small\">\n      <Button\n        :submit=\"() => $emit('close')\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </Button>\n      \n      <Button\n        :submit=\"saveAdjustment\"\n        :showLoader=\"true\"\n        :showSucces=\"true\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Adjustment\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\n\nconst route = useRoute()\n\n// Icons for adjustment reasons\nimport IconDamage from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconExpire from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconMisplacement from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconThief from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconStocktake from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconCustom from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close', 'adjustment-created'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('restock')\nconst note = ref('')\nconst selectedStorage = ref(null)\nconst selectedVariant = ref(null)\nconst productVariants = ref([])\nconst storageOptions = ref([])\n\n// Adjustment reason options\nconst adjustmentReasons = [\n  { label: 'Restock', value: 'restock', icon: IconDamage },\n  { label: 'Sale', value: 'sale', icon: IconExpire },\n  { label: 'Return', value: 'return', icon: IconMisplacement },\n  { label: 'Damage', value: 'damage', icon: IconThief },\n  { label: 'Transfer', value: 'transfer', icon: IconStocktake },\n  { label: 'Other', value: 'custom', icon: IconCustom },\n]\n\nfunction formatPrice(price) {\n  return '$' + (parseFloat(price) || 0).toFixed(2)\n}\n\n// Fetch variants and storages on mount\nonMounted(async () => {\n  console.log('AdjustmentForm mounted with product:', props.product)\n  \n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    productVariants.value = variantsData\n    // Select first variant by default if available\n    if (variantsData.length > 0) {\n      selectedVariant.value = variantsData[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      user: auth.state.user._id,\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = spotsData.map(spot => ({\n      _id: spot._id,\n      name: spot.profile?.name || 'Storage'\n    }))\n    // Select first storage by default if available\n    if (storageOptions.value.length > 0) {\n      selectedStorage.value = storageOptions.value[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n})\n\nasync function saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    throw new Error('Please select a variant')\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    throw new Error('Please select a storage')\n  }\n\n  try {\n    const adjustmentData = {\n      product: props.product._id,\n      variant: selectedVariant.value,\n      storage: selectedStorage.value,\n      source: {\n        type: 'User',\n        target: auth.state.user._id\n      },\n      quantity: parseInt(quantity.value || 0),\n      reason: selectedReason.value,\n      comment: note.value || '',\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    }\n    \n    const createdAdjustment = await inventory.actions.createAdjustment(adjustmentData)\n    \n    // Emit the adjustment data for parent component to update the product\n    emit('adjustment-created', {\n      product: props.product._id,\n      storage: selectedStorage.value,\n      quantity: parseInt(quantity.value || 0),\n      storageName: storageOptions.value.find(s => s._id === selectedStorage.value)?.name\n    })\n    \n    emit('close')\n  } catch (err) {\n    console.error(err)\n    throw err\n  }\n}\n</script>"],"names":["IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","variants","spots.actions","auth.state","inventory.actions"],"mappings":"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"}
+{"version":3,"file":"AdjustmentForm.vue.js","sources":["../../../../../../../src/modules/inventory/components/forms/AdjustmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Effortlessly update your inventory and track adjustments for accurate stock management.\n    </p>\n    \n   \n    <div class=\"mn-b-medium\">\n      <div class=\"mn-b-small flex-nowrap flex gap-thin\">\n        <Field\n          v-model:field=\"quantity\"\n          label=\"Quantity Adjustment\"\n          type=\"number\"\n          placeholder=\"Enter +/- quantity\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n        \n        <Field\n          :field=\"product.available\"\n          label=\"Current Available\"\n          type=\"text\"\n          :disabled=\"true\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n      </div>\n      \n    </div>\n\n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\" v-if=\"productVariants.length > 0\">\n      <p class=\"mn-b-small t-medium\">Select Variant</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"productVariants\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose variant\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n\n    <!-- Storage Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Select Storage</p>\n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose storage\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Adjustment Reason</p>\n      \n      <div class=\"cols-3 gap-small mn-b-small\">\n        <div \n          v-for=\"reason in adjustmentReasons\"\n          :key=\"reason.value\"\n          @click=\"selectedReason = reason.value\"\n          :class=\"{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }\"\n          class=\"pd-small radius-small flex-column flex-center flex cursor-pointer\"\n        >\n          <component :is=\"reason.icon\" class=\"i-medium mn-b-nano\" />\n          <span>{{ reason.label }}</span>\n        </div>\n      </div>\n    </div>\n    \n    <Field\n      v-model:field=\"note\"\n      label=\"Note\"\n      type=\"textarea\"\n      placeholder=\"Add additional details about this adjustment...\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-medium\"\n    />\n    \n    <div class=\"flex-nowrap flex gap-small\">\n      <Button\n        :submit=\"() => $emit('close')\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </Button>\n      \n      <Button\n        :submit=\"saveAdjustment\"\n        :showLoader=\"true\"\n        :showSucces=\"true\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Adjustment\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\n\nconst route = useRoute()\n\n// Icons for adjustment reasons\nimport IconDamage from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconExpire from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconMisplacement from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconThief from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconStocktake from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconCustom from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close', 'adjustment-created'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('restock')\nconst note = ref('')\nconst selectedStorage = ref(null)\nconst selectedVariant = ref(null)\nconst productVariants = ref([])\nconst storageOptions = ref([])\n\n// Adjustment reason options\nconst adjustmentReasons = [\n  { label: 'Restock', value: 'restock', icon: IconDamage },\n  { label: 'Sale', value: 'sale', icon: IconExpire },\n  { label: 'Return', value: 'return', icon: IconMisplacement },\n  { label: 'Damage', value: 'damage', icon: IconThief },\n  { label: 'Transfer', value: 'transfer', icon: IconStocktake },\n  { label: 'Other', value: 'custom', icon: IconCustom },\n]\n\nfunction formatPrice(price) {\n  return '$' + (parseFloat(price) || 0).toFixed(2)\n}\n\n// Fetch variants and storages on mount\nonMounted(async () => {\n  console.log('AdjustmentForm mounted with product:', props.product)\n  \n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    productVariants.value = variantsData\n    // Select first variant by default if available\n    if (variantsData.length > 0) {\n      selectedVariant.value = variantsData[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      user: auth.state.user._id,\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = spotsData.map(spot => ({\n      _id: spot._id,\n      name: spot.profile?.name || 'Storage'\n    }))\n    // Select first storage by default if available\n    if (storageOptions.value.length > 0) {\n      selectedStorage.value = storageOptions.value[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n})\n\nasync function saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    throw new Error('Please select a variant')\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    throw new Error('Please select a storage')\n  }\n\n  try {\n    const adjustmentData = {\n      product: props.product._id,\n      variant: selectedVariant.value,\n      storage: selectedStorage.value,\n      source: {\n        type: 'User',\n        target: auth.state.user._id\n      },\n      quantity: parseInt(quantity.value || 0),\n      reason: selectedReason.value,\n      comment: note.value || '',\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    }\n    \n    const createdAdjustment = await inventory.actions.createAdjustment(adjustmentData)\n    \n    // Emit the adjustment data for parent component to update the product\n    emit('adjustment-created', {\n      product: props.product._id,\n      storage: selectedStorage.value,\n      quantity: parseInt(quantity.value || 0),\n      storageName: storageOptions.value.find(s => s._id === selectedStorage.value)?.name\n    })\n    \n    emit('close')\n  } catch (err) {\n    console.error(err)\n    throw err\n  }\n}\n</script>"],"names":["IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","variants","spots.actions","auth.state","inventory.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHA,UAAM,QAAQ,SAAQ;AAUtB,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,WAAW,IAAI,CAAC;AACtB,UAAM,iBAAiB,IAAI,SAAS;AACpC,UAAM,OAAO,IAAI,EAAE;AACnB,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,CAAA,CAAE;AAC9B,UAAM,iBAAiB,IAAI,CAAA,CAAE;AAG7B,UAAM,oBAAoB;AAAA,MACxB,EAAE,OAAO,WAAW,OAAO,WAAW,MAAMA,YAAU;AAAA,MACtD,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAMC,YAAU;AAAA,MAChD,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,YAAgB;AAAA,MAC1D,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,YAAS;AAAA,MACnD,EAAE,OAAO,YAAY,OAAO,YAAY,MAAMC,YAAa;AAAA,MAC3D,EAAE,OAAO,SAAS,OAAO,UAAU,MAAMC,YAAU;AAAA,IACrD;AAOA,cAAU,YAAY;AACpB,cAAQ,IAAI,wCAAwC,MAAM,OAAO;AAGjE,UAAI;AACF,cAAM,eAAe,MAAMC,cAAS,KAAK;AAAA,UACvC,SAAS,MAAM,QAAQ;AAAA,UACvB,OAAO;AAAA,QACb,CAAK;AACD,wBAAgB,QAAQ;AAExB,YAAI,aAAa,SAAS,GAAG;AAC3B,0BAAgB,QAAQ,aAAa,CAAC,EAAE;AAAA,QAC1C;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MAC/C;AAGA,UAAI;AACF,cAAM,YAAY,MAAMC,QAAc,KAAK;AAAA,UACzC,MAAMC,MAAW,KAAK;AAAA,UACtB,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACb,CAAK;AACD,uBAAe,QAAQ,UAAU,IAAI,WAAS;AAAA,UAC5C,KAAK,KAAK;AAAA,UACV,MAAM,KAAK,SAAS,QAAQ;AAAA,QAClC,EAAM;AAEF,YAAI,eAAe,MAAM,SAAS,GAAG;AACnC,0BAAgB,QAAQ,eAAe,MAAM,CAAC,EAAE;AAAA,QAClD;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,yBAAyB,GAAG;AAAA,MAC5C;AAAA,IACF,CAAC;AAED,mBAAe,iBAAiB;AAC9B,UAAI,CAAC,gBAAgB,OAAO;AAC1B,cAAM,yBAAyB;AAC/B,cAAM,IAAI,MAAM,yBAAyB;AAAA,MAC3C;AACA,UAAI,CAAC,gBAAgB,OAAO;AAC1B,cAAM,yBAAyB;AAC/B,cAAM,IAAI,MAAM,yBAAyB;AAAA,MAC3C;AAEA,UAAI;AACF,cAAM,iBAAiB;AAAA,UACrB,SAAS,MAAM,QAAQ;AAAA,UACvB,SAAS,gBAAgB;AAAA,UACzB,SAAS,gBAAgB;AAAA,UACzB,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,QAAQA,MAAW,KAAK;AAAA,UAChC;AAAA,UACM,UAAU,SAAS,SAAS,SAAS,CAAC;AAAA,UACtC,QAAQ,eAAe;AAAA,UACvB,SAAS,KAAK,SAAS;AAAA,UACvB,OAAO;AAAA,YACL,MAAM;AAAA,YACN,QAAQ,MAAM,OAAO;AAAA,UAC7B;AAAA,UACM,SAAS;AAAA,YACP,MAAM;AAAA,YACN,QAAQA,MAAW,KAAK;AAAA,UAChC;AAAA,QACA;AAEI,cAAM,oBAAoB,MAAMC,UAAkB,iBAAiB,cAAc;AAGjF,aAAK,sBAAsB;AAAA,UACzB,SAAS,MAAM,QAAQ;AAAA,UACvB,SAAS,gBAAgB;AAAA,UACzB,UAAU,SAAS,SAAS,SAAS,CAAC;AAAA,UACtC,aAAa,eAAe,MAAM,KAAK,OAAK,EAAE,QAAQ,gBAAgB,KAAK,GAAG;AAAA,QACpF,CAAK;AAED,aAAK,OAAO;AAAA,MACd,SAAS,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/inventory/components/forms/StockAlertsForm.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const spots = require("../../../spots/store/spots.cjs");

package/dist/martyrs/src/modules/inventory/components/forms/StockAlertsForm.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
-import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";

package/dist/martyrs/src/modules/inventory/components/pages/Inventory.vue.cjs

@@ -6,7 +6,7 @@ const mixins = require("../../../globals/views/mixins/mixins.cjs");
 const Table = require("../../../../components/Table/Table.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 ;/* empty css                                       */
 const IconSettings = require("../../../icons/entities/IconSettings.vue.cjs");
@@ -14,7 +14,7 @@ const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
 const AdjustmentForm = require("../forms/AdjustmentForm.vue.cjs");
 const StockAlertsForm = require("../forms/StockAlertsForm.vue.cjs");
 const HistoryView = require("../forms/HistoryView.vue.cjs");
-const ColumnSettingsMenu = ;/* empty css                                */
+const ColumnSettingsMenu = require("../forms/ColumnSettingsMenu.vue.cjs");
 require("../../store/inventory.store.cjs");
 const products = require("../../../products/store/products.cjs");
 require("../../store/stock.alerts.store.cjs");

package/dist/martyrs/src/modules/inventory/components/pages/Inventory.vue.js

@@ -4,7 +4,7 @@ import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
 import Table from "../../../../components/Table/Table.vue.js";
 import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 /* empty css                                     */
 import _sfc_main$2 from "../../../icons/entities/IconSettings.vue.js";

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.cjs

@@ -3,10 +3,10 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-;/* empty css                                         */
-;/* empty css                                             */
+;/* empty css                                          */
+;/* empty css                                              */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
 const CardSpot = require("../../../spots/components/blocks/CardSpot.vue.cjs");

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.js

@@ -1,10 +1,10 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, unref, Fragment, renderList, createBlock, createCommentVNode, toDisplayString } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-/* empty css                                       */
-/* empty css                                           */
+/* empty css                                        */
+/* empty css                                            */
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";
 import CardSpot from "../../../spots/components/blocks/CardSpot.vue.js";

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

@@ -14,11 +14,11 @@ const _hoisted_4 = ["src"];
 const _hoisted_5 = ["innerHTML"];
 const _hoisted_6 = {
   key: 2,
-  class: "mn-b-medium p-semi t-transp"
+  class: "mn-b-medium p-medium t-transp"
 };
 const _hoisted_7 = {
   key: 3,
-  class: "mn-b-semi p-medium t-transp"
+  class: "mn-b-semi p-regular t-transp"
 };
 const _hoisted_8 = { class: "gap-thin cols-2" };
 const _hoisted_9 = { class: "uppercase t-semi" };
@@ -131,6 +131,6 @@ const _sfc_main = {
     };
   }
 };
-const SectionEarn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c8e62ffd"]]);
+const SectionEarn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3edb503f"]]);
 exports.default = SectionEarn;
 //# sourceMappingURL=SectionEarn.vue.cjs.map

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

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

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

@@ -12,11 +12,11 @@ const _hoisted_4 = ["src"];
 const _hoisted_5 = ["innerHTML"];
 const _hoisted_6 = {
   key: 2,
-  class: "mn-b-medium p-semi t-transp"
+  class: "mn-b-medium p-medium t-transp"
 };
 const _hoisted_7 = {
   key: 3,
-  class: "mn-b-semi p-medium t-transp"
+  class: "mn-b-semi p-regular t-transp"
 };
 const _hoisted_8 = { class: "gap-thin cols-2" };
 const _hoisted_9 = { class: "uppercase t-semi" };
@@ -129,7 +129,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8e62ffd"]]);
+const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3edb503f"]]);
 export {
   SectionEarn as default
 };

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

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

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

@@ -10,7 +10,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "mn-b-big t-center title" };
 const _hoisted_3 = { class: "mn-b-small" };
-const _hoisted_4 = { class: "w-m-60r mn-b-big mn-auto t-transp p-semi" };
+const _hoisted_4 = { class: "w-m-60r mn-b-big mn-auto t-transp p-medium" };
 const _hoisted_5 = { class: "cols-3 mobile:cols-1 gap-thin" };
 const _hoisted_6 = ["src"];
 const _hoisted_7 = { class: "mn-b-medium" };
@@ -98,6 +98,6 @@ const _sfc_main = {
     };
   }
 };
-const SectionFeaturesImages = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2dd39d7b"]]);
+const SectionFeaturesImages = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-382410dc"]]);
 exports.default = SectionFeaturesImages;
 //# sourceMappingURL=SectionFeaturesImages.vue.cjs.map

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,GAAE,IAAKA,QAAAA,QAAQ,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-medium\">\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

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "mn-b-big t-center title" };
 const _hoisted_3 = { class: "mn-b-small" };
-const _hoisted_4 = { class: "w-m-60r mn-b-big mn-auto t-transp p-semi" };
+const _hoisted_4 = { class: "w-m-60r mn-b-big mn-auto t-transp p-medium" };
 const _hoisted_5 = { class: "cols-3 mobile:cols-1 gap-thin" };
 const _hoisted_6 = ["src"];
 const _hoisted_7 = { class: "mn-b-medium" };
@@ -96,7 +96,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionFeaturesImages = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2dd39d7b"]]);
+const SectionFeaturesImages = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-382410dc"]]);
 export {
   SectionFeaturesImages as default
 };

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,GAAE,IAAK,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-medium\">\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/SectionGuide.vue.cjs

@@ -9,7 +9,7 @@ const _hoisted_2 = { class: "mn-b-big d-inline-block" };
 const _hoisted_3 = { class: "mn-b-semi" };
 const _hoisted_4 = {
   key: 0,
-  class: "t-transp p-semi w-m-60r"
+  class: "t-transp p-medium w-m-60r"
 };
 const _hoisted_5 = { class: "cols-1" };
 const _hoisted_6 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
@@ -45,7 +45,7 @@ const _sfc_main = {
                 vue.createElementVNode("div", _hoisted_6, [
                   vue.createElementVNode("h3", _hoisted_7, vue.toDisplayString(item.title), 1),
                   vue.createVNode(IconChevronBottom.default, {
-                    class: vue.normalizeClass([{ "rotate-180": isOpen }, "i-semi"]),
+                    class: vue.normalizeClass([{ "rotate-180": isOpen }, "i-medium"]),
                     fill: "rgba(var(--grey),0.5)"
                   }, null, 8, ["class"])
                 ])

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

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

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

@@ -7,7 +7,7 @@ const _hoisted_2 = { class: "mn-b-big d-inline-block" };
 const _hoisted_3 = { class: "mn-b-semi" };
 const _hoisted_4 = {
   key: 0,
-  class: "t-transp p-semi w-m-60r"
+  class: "t-transp p-medium w-m-60r"
 };
 const _hoisted_5 = { class: "cols-1" };
 const _hoisted_6 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
@@ -43,7 +43,7 @@ const _sfc_main = {
                 createElementVNode("div", _hoisted_6, [
                   createElementVNode("h3", _hoisted_7, toDisplayString(item.title), 1),
                   createVNode(IconChevronBottom, {
-                    class: normalizeClass([{ "rotate-180": isOpen }, "i-semi"]),
+                    class: normalizeClass([{ "rotate-180": isOpen }, "i-medium"]),
                     fill: "rgba(var(--grey),0.5)"
                   }, null, 8, ["class"])
                 ])

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

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

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

@@ -49,7 +49,7 @@ const _sfc_main = {
           innerHTML: vue.unref(t)("TITLE")
         }, null, 8, _hoisted_4),
         vue.createElementVNode("p", {
-          class: "w-max-50r mn-b-big t-transp p-semi",
+          class: "w-max-50r mn-b-big t-transp p-medium",
           innerHTML: vue.unref(t)("DESCRIPTION")
         }, null, 8, _hoisted_5),
         vue.createElementVNode("div", _hoisted_6, [

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,QAAAA,QAAQ,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-medium\" \n\t\t\tv-html=\"t('DESCRIPTION')\"\n\t\t/>\n\n\t\t<div \n\t\t\tclass=\"t-white gap-thin z-index-1 cols-2\"\n\t\t>\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Sign In'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-light t-dark br-light button\"\n\t\t\t>\n\t\t\t\t{{t('SUBACTION')}}\n\t\t\t</router-link>\n\n\t\t\t<router-link  \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Marketplace'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-dark t-white button\"\n\t\t\t>\n\t\t\t\t{{t('ACTION')}}\n\t\t\t</router-link>\n\t\t</div>\n\n\t\t<AnimatedGrid class=\"w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0\" />\n\n\t</div>\n</template>\n\n<style lang=\"scss\">\n\t.sheen:after {\n\t\tcontent:'';\n\t  top:0;\n\t  left: -25%;\n\t\ttransform:translateX(100%);\n\t\twidth:100%;\n\t\theight:220px;\n\t\tposition: absolute;\n\t\tz-index:1;\n\t\tanimation: slide 3s infinite;\n\t\t \n\t  /* \n\t  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ \n\t  */\n\t  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */\n\t\tbackground: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */\n\t\tbackground: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */\n\t\tbackground: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */\n\t\tbackground: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */\n\t\tbackground: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */\n\t}\n\n\t@keyframes slide {\n\t\t0% {\t\n\t\t\ttransform:translateX(-00%); \n\t\t\topacity: 0;\n\t\t}\n\t\t20% {\n\t\t\topacity: 1\n\t\t}\n\t\t80% {\n\t\t\topacity: 1\n\t\t}\n\t\t100% {\n\t\t\ttransform:translateX(100%); \n\t\t\t\topacity: 0\n\t\t}\n\t}\n</style>"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMC,UAAM,QAAQ;AAgBd,UAAM,EAAE,EAAC,IAAKA,QAAAA,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -47,7 +47,7 @@ const _sfc_main = {
           innerHTML: unref(t)("TITLE")
         }, null, 8, _hoisted_4),
         createElementVNode("p", {
-          class: "w-max-50r mn-b-big t-transp p-semi",
+          class: "w-max-50r mn-b-big t-transp p-medium",
           innerHTML: unref(t)("DESCRIPTION")
         }, null, 8, _hoisted_5),
         createElementVNode("div", _hoisted_6, [

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

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