@ozdao/prometheus-framework 0.2.199 → 0.2.201

package/dist/prometheus-framework/src/modules/landing/components/elements/AnimatedGrid.vue.js

@@ -1,13 +1,18 @@
-import { openBlock as o, createElementBlock as t, pushScopeId as c, popScopeId as s, createElementVNode as d } from "vue";
+import { openBlock, createElementBlock, pushScopeId, popScopeId, createElementVNode } from "vue";
 /* empty css                  */
-import r from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = {}, i = (e) => (c("data-v-9b14ae83"), e = e(), s(), e), n = { class: "grid" }, a = /* @__PURE__ */ i(() => /* @__PURE__ */ d("div", { class: "grid-lines" }, null, -1)), p = [
-  a
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _withScopeId = (n) => (pushScopeId("data-v-9b14ae83"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "grid" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "grid-lines" }, null, -1));
+const _hoisted_3 = [
+  _hoisted_2
 ];
-function l(e, m) {
-  return o(), t("div", n, p);
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, _hoisted_3);
 }
-const v = /* @__PURE__ */ r(_, [["render", l], ["__scopeId", "data-v-9b14ae83"]]);
+const AnimatedGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9b14ae83"]]);
 export {
-  v as default
+  AnimatedGrid as default
 };
+//# sourceMappingURL=AnimatedGrid.vue.js.map

package/dist/prometheus-framework/src/modules/landing/components/elements/AnimatedGrid.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedGrid.vue.js","sources":["../../../../../../../src/modules/landing/components/elements/AnimatedGrid.vue"],"sourcesContent":["<template>\n  <div class=\"grid\">\n    <div class=\"grid-lines\"></div>\n  </div>\n</template>\n\n<style lang='scss' scoped>\n  .grid {\n    perspective: 450px;\n    background-size: cover;\n  }\n\n  .grid-lines {\n    width: 100%;\n    height: 200%;\n    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);\n    background-size: 45px 30px;\n    background-repeat: repeat;\n    transform-origin: 100% 0 0;\n    animation: play 15s linear infinite;\n  }\n\n  @keyframes play {\n    0% {\n      transform: rotateX(45deg) translateY(-50%);\n    }\n    100% {\n      transform: rotateX(45deg) translateY(0);\n    }\n  }\n</style>"],"names":["_popScopeId"],"mappings":";;;;AACO,MAAA,eAAA,oBAAY,iBAAA,GAAA,IAAA,EAAA,GAAAA,WAAA,GAAA;;;MACe,aAAA;AAAA;;2BAC1B,QAAA;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/elements/FloatingImages.vue.cjs

@@ -1,21 +1,120 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("vue"),d={__name:"FloatingImages",props:{container:{type:String,required:!0},images:{type:Array,required:!0},config:{type:Object,required:!0,default:()=>({sizeMin:null,sizeMax:null,size:"5rem",minDuration:5,maxDuration:15,spawnPoints:[10,90],maintainAspectRatio:!0,animation:{startOpacity:.1,midOpacity:1,endOpacity:0,translateY:"-33vh"},class:""})}},setup(l){const t=l,m=(n,e)=>{const i=n.replace(/[0-9.]/g,""),o=parseFloat(n),a=parseFloat(e);return`${Math.random()*(a-o)+o}${i}`},u=n=>{const e=document.styleSheets[0],i=`
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _sfc_main = {
+  __name: "FloatingImages",
+  props: {
+    container: {
+      type: String,
+      required: true
+    },
+    images: {
+      type: Array,
+      required: true
+    },
+    config: {
+      type: Object,
+      required: true,
+      default: () => ({
+        sizeMin: null,
+        sizeMax: null,
+        size: "5rem",
+        minDuration: 5,
+        maxDuration: 15,
+        spawnPoints: [10, 90],
+        maintainAspectRatio: true,
+        animation: {
+          startOpacity: 0.1,
+          midOpacity: 1,
+          endOpacity: 0,
+          translateY: "-33vh"
+        },
+        class: ""
+      })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const getRandomSize = (sizeMin, sizeMax) => {
+      const units = sizeMin.replace(/[0-9.]/g, "");
+      const min = parseFloat(sizeMin);
+      const max = parseFloat(sizeMax);
+      const randomSize = Math.random() * (max - min) + min;
+      return `${randomSize}${units}`;
+    };
+    const createKeyframes = (animation) => {
+      const styleSheet = document.styleSheets[0];
+      const keyframes = `
     @keyframes floatUp {
       0% {
         transform: translateY(0);
-        opacity: ${n.startOpacity};
+        opacity: ${animation.startOpacity};
       }
       10% {
-        opacity: ${n.midOpacity};
+        opacity: ${animation.midOpacity};
       }
       50% {
-        opacity: ${n.midOpacity};
+        opacity: ${animation.midOpacity};
       }
       90% {
-        opacity: ${n.midOpacity};
+        opacity: ${animation.midOpacity};
       }
       100% {
-        transform: translateY(${n.translateY});
-        opacity: ${n.endOpacity};
+        transform: translateY(${animation.translateY});
+        opacity: ${animation.endOpacity};
       }
     }
-  `;e.insertRule(i,e.cssRules.length)},r=()=>{u(t.config.animation),t.images.forEach(n=>{let e=document.createElement("img");e.src=n,e.classList.add("floating-image"),t.config.class&&e.classList.add(t.config.class);let i=t.config.spawnPoints[Math.floor(Math.random()*t.config.spawnPoints.length)],o=(Math.random()-.5)*2*10;e.style.left=`${i+o}%`;let a,s;t.config.sizeMin&&t.config.sizeMax?a=m(t.config.sizeMin,t.config.sizeMax):a=t.config.size,t.config.square?s=a:s="auto",e.style.width=a,e.style.height=s,e.style.position="absolute",e.style.bottom="0",e.style.opacity="1",e.style.animation="floatUp linear infinite",e.style.animationDuration=`${Math.random()*(t.config.maxDuration-t.config.minDuration)+t.config.minDuration}s`,t.container&&document.querySelector(t.container).appendChild(e),e.addEventListener("animationiteration",()=>{const f=t.config.spawnPoints[Math.floor(Math.random()*t.config.spawnPoints.length)],p=(Math.random()-.5)*2*10;e.style.left=`${f+p}%`})})};return c.onMounted(()=>{r()}),c.watch(()=>t.images,()=>{r()}),(n,e)=>null}};exports.default=d;
+  `;
+      styleSheet.insertRule(keyframes, styleSheet.cssRules.length);
+    };
+    const createFloatingImages = () => {
+      createKeyframes(props.config.animation);
+      props.images.forEach((imageSrc) => {
+        let imgElement = document.createElement("img");
+        imgElement.src = imageSrc;
+        imgElement.classList.add("floating-image");
+        if (props.config.class) {
+          imgElement.classList.add(props.config.class);
+        }
+        let spawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];
+        let deviation = (Math.random() - 0.5) * 2 * 10;
+        imgElement.style.left = `${spawnPoint + deviation}%`;
+        let width, height;
+        if (props.config.sizeMin && props.config.sizeMax) {
+          width = getRandomSize(props.config.sizeMin, props.config.sizeMax);
+        } else {
+          width = props.config.size;
+        }
+        if (props.config.square) {
+          height = width;
+        } else {
+          height = "auto";
+        }
+        imgElement.style.width = width;
+        imgElement.style.height = height;
+        imgElement.style.position = "absolute";
+        imgElement.style.bottom = "0";
+        imgElement.style.opacity = "1";
+        imgElement.style.animation = `floatUp linear infinite`;
+        imgElement.style.animationDuration = `${Math.random() * (props.config.maxDuration - props.config.minDuration) + props.config.minDuration}s`;
+        if (props.container) document.querySelector(props.container).appendChild(imgElement);
+        imgElement.addEventListener("animationiteration", () => {
+          const newSpawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];
+          const newDeviation = (Math.random() - 0.5) * 2 * 10;
+          imgElement.style.left = `${newSpawnPoint + newDeviation}%`;
+        });
+      });
+    };
+    vue.onMounted(() => {
+      createFloatingImages();
+    });
+    vue.watch(() => props.images, () => {
+      createFloatingImages();
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=FloatingImages.vue.cjs.map

package/dist/prometheus-framework/src/modules/landing/components/elements/FloatingImages.vue.cjs.map

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

package/dist/prometheus-framework/src/modules/landing/components/elements/FloatingImages.vue.js

@@ -1,18 +1,18 @@
-import { onMounted as g, watch as d } from "vue";
-const y = {
+import { onMounted, watch } from "vue";
+const _sfc_main = {
   __name: "FloatingImages",
   props: {
     container: {
       type: String,
-      required: !0
+      required: true
     },
     images: {
       type: Array,
-      required: !0
+      required: true
     },
     config: {
       type: Object,
-      required: !0,
+      required: true,
       default: () => ({
         sizeMin: null,
         sizeMax: null,
@@ -20,7 +20,7 @@ const y = {
         minDuration: 5,
         maxDuration: 15,
         spawnPoints: [10, 90],
-        maintainAspectRatio: !0,
+        maintainAspectRatio: true,
         animation: {
           startOpacity: 0.1,
           midOpacity: 1,
@@ -31,53 +31,90 @@ const y = {
       })
     }
   },
-  setup(c) {
-    const t = c, l = (n, e) => {
-      const i = n.replace(/[0-9.]/g, ""), o = parseFloat(n), a = parseFloat(e);
-      return `${Math.random() * (a - o) + o}${i}`;
-    }, m = (n) => {
-      const e = document.styleSheets[0], i = `
+  setup(__props) {
+    const props = __props;
+    const getRandomSize = (sizeMin, sizeMax) => {
+      const units = sizeMin.replace(/[0-9.]/g, "");
+      const min = parseFloat(sizeMin);
+      const max = parseFloat(sizeMax);
+      const randomSize = Math.random() * (max - min) + min;
+      return `${randomSize}${units}`;
+    };
+    const createKeyframes = (animation) => {
+      const styleSheet = document.styleSheets[0];
+      const keyframes = `
     @keyframes floatUp {
       0% {
         transform: translateY(0);
-        opacity: ${n.startOpacity};
+        opacity: ${animation.startOpacity};
       }
       10% {
-        opacity: ${n.midOpacity};
+        opacity: ${animation.midOpacity};
       }
       50% {
-        opacity: ${n.midOpacity};
+        opacity: ${animation.midOpacity};
       }
       90% {
-        opacity: ${n.midOpacity};
+        opacity: ${animation.midOpacity};
       }
       100% {
-        transform: translateY(${n.translateY});
-        opacity: ${n.endOpacity};
+        transform: translateY(${animation.translateY});
+        opacity: ${animation.endOpacity};
       }
     }
   `;
-      e.insertRule(i, e.cssRules.length);
-    }, r = () => {
-      m(t.config.animation), t.images.forEach((n) => {
-        let e = document.createElement("img");
-        e.src = n, e.classList.add("floating-image"), t.config.class && e.classList.add(t.config.class);
-        let i = t.config.spawnPoints[Math.floor(Math.random() * t.config.spawnPoints.length)], o = (Math.random() - 0.5) * 2 * 10;
-        e.style.left = `${i + o}%`;
-        let a, s;
-        t.config.sizeMin && t.config.sizeMax ? a = l(t.config.sizeMin, t.config.sizeMax) : a = t.config.size, t.config.square ? s = a : s = "auto", e.style.width = a, e.style.height = s, e.style.position = "absolute", e.style.bottom = "0", e.style.opacity = "1", e.style.animation = "floatUp linear infinite", e.style.animationDuration = `${Math.random() * (t.config.maxDuration - t.config.minDuration) + t.config.minDuration}s`, t.container && document.querySelector(t.container).appendChild(e), e.addEventListener("animationiteration", () => {
-          const p = t.config.spawnPoints[Math.floor(Math.random() * t.config.spawnPoints.length)], f = (Math.random() - 0.5) * 2 * 10;
-          e.style.left = `${p + f}%`;
+      styleSheet.insertRule(keyframes, styleSheet.cssRules.length);
+    };
+    const createFloatingImages = () => {
+      createKeyframes(props.config.animation);
+      props.images.forEach((imageSrc) => {
+        let imgElement = document.createElement("img");
+        imgElement.src = imageSrc;
+        imgElement.classList.add("floating-image");
+        if (props.config.class) {
+          imgElement.classList.add(props.config.class);
+        }
+        let spawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];
+        let deviation = (Math.random() - 0.5) * 2 * 10;
+        imgElement.style.left = `${spawnPoint + deviation}%`;
+        let width, height;
+        if (props.config.sizeMin && props.config.sizeMax) {
+          width = getRandomSize(props.config.sizeMin, props.config.sizeMax);
+        } else {
+          width = props.config.size;
+        }
+        if (props.config.square) {
+          height = width;
+        } else {
+          height = "auto";
+        }
+        imgElement.style.width = width;
+        imgElement.style.height = height;
+        imgElement.style.position = "absolute";
+        imgElement.style.bottom = "0";
+        imgElement.style.opacity = "1";
+        imgElement.style.animation = `floatUp linear infinite`;
+        imgElement.style.animationDuration = `${Math.random() * (props.config.maxDuration - props.config.minDuration) + props.config.minDuration}s`;
+        if (props.container) document.querySelector(props.container).appendChild(imgElement);
+        imgElement.addEventListener("animationiteration", () => {
+          const newSpawnPoint = props.config.spawnPoints[Math.floor(Math.random() * props.config.spawnPoints.length)];
+          const newDeviation = (Math.random() - 0.5) * 2 * 10;
+          imgElement.style.left = `${newSpawnPoint + newDeviation}%`;
         });
       });
     };
-    return g(() => {
-      r();
-    }), d(() => t.images, () => {
-      r();
-    }), (n, e) => null;
+    onMounted(() => {
+      createFloatingImages();
+    });
+    watch(() => props.images, () => {
+      createFloatingImages();
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
   }
 };
 export {
-  y as default
+  _sfc_main as default
 };
+//# sourceMappingURL=FloatingImages.vue.js.map

package/dist/prometheus-framework/src/modules/landing/components/elements/FloatingImages.vue.js.map

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

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

@@ -1 +1,147 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("vue-i18n"),r=require("../../../icons/labels/LabelAppStore.vue.cjs"),l=require("../../../icons/labels/LabelGooglePlay.vue.cjs");;/* empty css                 */const c={id:"mobileApp"},d={class:"pos-relative cols-2 pd-thin o-hidden bg-black t-white radius-extra"},u={class:"z-index-1 h-100"},p=["src"],m={class:"pd-big flex flex-h-center flex-column z-index-1 w-1/2"},f={class:"mn-t-medium mn-b-semi w-m-40r"},h={class:"t-transp mn-b-big p-big w-m-33r"},_={class:"mn-b-big gap-medium cols-2"},g={class:"feature"},b={class:"mn-b-thin"},y={class:"t-transp p-medium"},E={class:"feature"},v={class:"mn-b-thin"},N={class:"t-transp p-medium"},V={class:"feature"},S={class:"mn-b-thin"},k={class:"t-transp p-medium"},w={class:"feature"},x={class:"mn-b-thin"},D={class:"t-transp p-medium"},z={class:"w-m-25r flex-nowrap flex gap-medium"},A=["href","target"],I={key:0,class:"z-index-2 radius-big bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative"},L=["href","target"],B={key:0,class:"z-index-2 pd-l-thin pd-r-thin radius-big bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"},C={__name:"MobileApp",props:{mockupImage:{type:String,default:"/landing/mockup.jpg"},bgImage:{type:String,default:""},textData:{type:Object,default:()=>({messages:{en:{title:"Explore the Cannabis World at Your Fingertips",description:"Intuitive, Efficient, and Customized for Your Cannabis Needs",features:{soonLabel:"Soon",instantUpdates:{title:"Instant Updates",text:"Receive real-time notifications for new product releases and community updates. Always stay in the loop."},locate:{title:"Locate with Ease",text:"Discover nearby dispensaries and cannabis events with our integrated geolocation services."},wallet:{title:"Wallet Integration",text:"Quickly and securely manage your transactions with integrated digital wallet functionality. Safety and convenience come together."},customization:{title:"Customization by AI",text:"Experience the AI difference with personalized recommendations based on your preferences and trends in the community."}}}}})}},setup(n){const a=n,{t,te:s}=i.useI18n(a.textData);return(o,P)=>(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("section",d,[e.createElementVNode("div",u,[e.createElementVNode("img",{loading:"lazy",src:(o.FILE_SERVER_URL||"")+n.mockupImage,alt:"Desktop App Mockup",class:"radius-extra h-100 w-100 object-fit-cover"},null,8,p)]),e.createElementVNode("div",m,[e.createElementVNode("h2",f,e.toDisplayString(e.unref(t)("title")),1),e.createElementVNode("p",h,e.toDisplayString(e.unref(t)("description")),1),e.createElementVNode("div",_,[e.createElementVNode("div",g,[e.createElementVNode("h4",b,e.toDisplayString(e.unref(t)("features.instantUpdates.title")),1),e.createElementVNode("p",y,e.toDisplayString(e.unref(t)("features.instantUpdates.text")),1)]),e.createElementVNode("div",E,[e.createElementVNode("h4",v,e.toDisplayString(e.unref(t)("features.locate.title")),1),e.createElementVNode("p",N,e.toDisplayString(e.unref(t)("features.locate.text")),1)]),e.createElementVNode("div",V,[e.createElementVNode("h4",S,e.toDisplayString(e.unref(t)("features.wallet.title")),1),e.createElementVNode("p",k,e.toDisplayString(e.unref(t)("features.wallet.text")),1)]),e.createElementVNode("div",w,[e.createElementVNode("h4",x,e.toDisplayString(e.unref(t)("features.customization.title")),1),e.createElementVNode("p",D,e.toDisplayString(e.unref(t)("features.customization.text")),1)])]),e.createElementVNode("div",z,[e.createElementVNode("a",{href:e.unref(s)("features.linkAppStore")?e.unref(t)("features.linkAppStore"):null,target:e.unref(s)("features.linkAppStore")?"_blank":null,class:"pos-relative w-100 h-100"},[e.unref(s)("features.soonLabel")?(e.openBlock(),e.createElementBlock("span",I,e.toDisplayString(e.unref(t)("features.soonLabel")),1)):e.createCommentVNode("",!0),e.createVNode(r.default,{class:"w-100 h-100",alt:"Download on App Store"})],8,A),e.createElementVNode("a",{href:e.unref(s)("features.linkGooglePlay")?e.unref(t)("features.linkGooglePlay"):null,target:e.unref(s)("features.linkGooglePlay")?"_blank":null,class:"pos-relative w-100 h-100"},[e.unref(s)("features.soonLabel")?(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(e.unref(t)("features.soonLabel")),1)):e.createCommentVNode("",!0),e.createVNode(l.default,{class:"w-100 h-100",alt:"Download on Google Play"})],8,L)])])])]))}};exports.default=C;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const LabelAppStore = require("../../../icons/labels/LabelAppStore.vue.cjs");
+const LabelGooglePlay = require("../../../icons/labels/LabelGooglePlay.vue.cjs");
+;/* empty css                 */
+const _hoisted_1 = { id: "mobileApp" };
+const _hoisted_2 = { class: "pos-relative cols-2 pd-thin o-hidden bg-black t-white radius-extra" };
+const _hoisted_3 = { class: "z-index-1 h-100" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
+const _hoisted_6 = { class: "mn-t-medium mn-b-semi w-m-40r" };
+const _hoisted_7 = { class: "t-transp mn-b-big p-big w-m-33r" };
+const _hoisted_8 = { class: "mn-b-big gap-medium cols-2" };
+const _hoisted_9 = { class: "feature" };
+const _hoisted_10 = { class: "mn-b-thin" };
+const _hoisted_11 = { class: "t-transp p-medium" };
+const _hoisted_12 = { class: "feature" };
+const _hoisted_13 = { class: "mn-b-thin" };
+const _hoisted_14 = { class: "t-transp p-medium" };
+const _hoisted_15 = { class: "feature" };
+const _hoisted_16 = { class: "mn-b-thin" };
+const _hoisted_17 = { class: "t-transp p-medium" };
+const _hoisted_18 = { class: "feature" };
+const _hoisted_19 = { class: "mn-b-thin" };
+const _hoisted_20 = { class: "t-transp p-medium" };
+const _hoisted_21 = { class: "w-m-25r flex-nowrap flex gap-medium" };
+const _hoisted_22 = ["href", "target"];
+const _hoisted_23 = {
+  key: 0,
+  class: "z-index-2 radius-big bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+};
+const _hoisted_24 = ["href", "target"];
+const _hoisted_25 = {
+  key: 0,
+  class: "z-index-2 pd-l-thin pd-r-thin radius-big bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+};
+const _sfc_main = {
+  __name: "MobileApp",
+  props: {
+    mockupImage: {
+      type: String,
+      default: "/landing/mockup.jpg"
+    },
+    bgImage: {
+      type: String,
+      default: ""
+    },
+    textData: {
+      type: Object,
+      default: () => ({
+        messages: {
+          en: {
+            title: "Explore the Cannabis World at Your Fingertips",
+            description: "Intuitive, Efficient, and Customized for Your Cannabis Needs",
+            features: {
+              soonLabel: "Soon",
+              instantUpdates: {
+                title: "Instant Updates",
+                text: "Receive real-time notifications for new product releases and community updates. Always stay in the loop."
+              },
+              locate: {
+                title: "Locate with Ease",
+                text: "Discover nearby dispensaries and cannabis events with our integrated geolocation services."
+              },
+              wallet: {
+                title: "Wallet Integration",
+                text: "Quickly and securely manage your transactions with integrated digital wallet functionality. Safety and convenience come together."
+              },
+              customization: {
+                title: "Customization by AI",
+                text: "Experience the AI difference with personalized recommendations based on your preferences and trends in the community."
+              }
+            }
+          }
+        }
+      })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t, te } = vueI18n.useI18n(props.textData);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("section", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("img", {
+              loading: "lazy",
+              src: (_ctx.FILE_SERVER_URL || "") + __props.mockupImage,
+              alt: "Desktop App Mockup",
+              class: "radius-extra h-100 w-100 object-fit-cover"
+            }, null, 8, _hoisted_4)
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.createElementVNode("h2", _hoisted_6, vue.toDisplayString(vue.unref(t)("title")), 1),
+            vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(vue.unref(t)("description")), 1),
+            vue.createElementVNode("div", _hoisted_8, [
+              vue.createElementVNode("div", _hoisted_9, [
+                vue.createElementVNode("h4", _hoisted_10, vue.toDisplayString(vue.unref(t)("features.instantUpdates.title")), 1),
+                vue.createElementVNode("p", _hoisted_11, vue.toDisplayString(vue.unref(t)("features.instantUpdates.text")), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_12, [
+                vue.createElementVNode("h4", _hoisted_13, vue.toDisplayString(vue.unref(t)("features.locate.title")), 1),
+                vue.createElementVNode("p", _hoisted_14, vue.toDisplayString(vue.unref(t)("features.locate.text")), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_15, [
+                vue.createElementVNode("h4", _hoisted_16, vue.toDisplayString(vue.unref(t)("features.wallet.title")), 1),
+                vue.createElementVNode("p", _hoisted_17, vue.toDisplayString(vue.unref(t)("features.wallet.text")), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_18, [
+                vue.createElementVNode("h4", _hoisted_19, vue.toDisplayString(vue.unref(t)("features.customization.title")), 1),
+                vue.createElementVNode("p", _hoisted_20, vue.toDisplayString(vue.unref(t)("features.customization.text")), 1)
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_21, [
+              vue.createElementVNode("a", {
+                href: vue.unref(te)("features.linkAppStore") ? vue.unref(t)("features.linkAppStore") : null,
+                target: vue.unref(te)("features.linkAppStore") ? "_blank" : null,
+                class: "pos-relative w-100 h-100"
+              }, [
+                vue.unref(te)("features.soonLabel") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_23, vue.toDisplayString(vue.unref(t)("features.soonLabel")), 1)) : vue.createCommentVNode("", true),
+                vue.createVNode(LabelAppStore.default, {
+                  class: "w-100 h-100",
+                  alt: "Download on App Store"
+                })
+              ], 8, _hoisted_22),
+              vue.createElementVNode("a", {
+                href: vue.unref(te)("features.linkGooglePlay") ? vue.unref(t)("features.linkGooglePlay") : null,
+                target: vue.unref(te)("features.linkGooglePlay") ? "_blank" : null,
+                class: "pos-relative w-100 h-100"
+              }, [
+                vue.unref(te)("features.soonLabel") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_25, vue.toDisplayString(vue.unref(t)("features.soonLabel")), 1)) : vue.createCommentVNode("", true),
+                vue.createVNode(LabelGooglePlay.default, {
+                  class: "w-100 h-100",
+                  alt: "Download on Google Play"
+                })
+              ], 8, _hoisted_24)
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=MobileApp.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileApp.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/MobileApp.vue"],"sourcesContent":["<template>\n  <div id=\"mobileApp\">\n    <section class=\"pos-relative cols-2 pd-thin o-hidden bg-black t-white radius-extra\">\n      <div class=\"z-index-1 h-100\">\n        <img loading=\"lazy\" \n          :src=\"(FILE_SERVER_URL || '') + mockupImage\" \n          alt=\"Desktop App Mockup\" \n          class=\"radius-extra h-100 w-100 object-fit-cover\"\n        >\n      </div>\n\n      <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n        <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n        <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n        \n        <div class=\"mn-b-big gap-medium cols-2\">\n          <div class=\"feature\">\n            <h4 class=\"mn-b-thin\">{{ t('features.instantUpdates.title') }}</h4>\n            <p class=\"t-transp p-medium\">{{ t('features.instantUpdates.text') }}</p>\n          </div>\n          <div class=\"feature\">\n            <h4 class=\"mn-b-thin\">{{ t('features.locate.title') }}</h4>\n            <p class=\"t-transp p-medium\">{{ t('features.locate.text') }}</p>\n          </div>\n          <div class=\"feature\">\n            <h4 class=\"mn-b-thin\">{{ t('features.wallet.title') }}</h4>\n            <p class=\"t-transp p-medium\">{{ t('features.wallet.text') }}</p>\n          </div>\n          <div class=\"feature\">\n            <h4 class=\"mn-b-thin\">{{ t('features.customization.title') }}</h4>\n            <p class=\"t-transp p-medium\">{{ t('features.customization.text') }}</p>\n          </div>\n        </div>\n\n        <div class=\"w-m-25r flex-nowrap flex gap-medium\">\n          <a \n            :href=\"te('features.linkAppStore') ? t('features.linkAppStore') : null\" \n            :target=\"te('features.linkAppStore') ? '_blank' : null\" \n            class=\"pos-relative w-100 h-100\"\n          > \n            <span \n              v-if=\"te('features.soonLabel')\"\n              class=\"z-index-2 radius-big bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n            >\n              {{ t('features.soonLabel') }}\n            </span>\n            <LabelAppStore class=\"w-100 h-100\" alt=\"Download on App Store\"/>\n          </a>\n\n          <a \n            :href=\"te('features.linkGooglePlay') ? t('features.linkGooglePlay') : null\" \n            :target=\"te('features.linkGooglePlay') ? '_blank' : null\" \n            class=\"pos-relative w-100 h-100\"\n          > \n            <span \n              v-if=\"te('features.soonLabel')\"\n              class=\"z-index-2 pd-l-thin pd-r-thin radius-big bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n            >\n              {{ t('features.soonLabel') }}\n            </span>\n            <LabelGooglePlay class=\"w-100 h-100\" alt=\"Download on Google Play\"/>\n          </a>\n\n        </div>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@pf/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@pf/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n  mockupImage: {\n    type: String,\n    default: \"/landing/mockup.jpg\"\n  },\n  bgImage: {\n    type: String,\n    default: \"\"\n  },\n  textData: {\n    type: Object,\n    default: () => ({\n      messages: {\n        en: {\n          title: 'Explore the Cannabis World at Your Fingertips',\n          description: 'Intuitive, Efficient, and Customized for Your Cannabis Needs',\n          features: {\n            soonLabel: \"Soon\",  \n\n            instantUpdates: {\n              title: 'Instant Updates',\n              text: 'Receive real-time notifications for new product releases and community updates. Always stay in the loop.'\n            },\n            locate: {\n              title: 'Locate with Ease',\n              text: 'Discover nearby dispensaries and cannabis events with our integrated geolocation services.'\n            },\n            wallet: {\n              title: 'Wallet Integration',\n              text: 'Quickly and securely manage your transactions with integrated digital wallet functionality. Safety and convenience come together.'\n            },\n            customization: {\n              title: 'Customization by AI',\n              text: 'Experience the AI difference with personalized recommendations based on your preferences and trends in the community.'\n            }\n          }\n        }\n      }\n    })\n  }\n})\n\nconst { t, te } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,UAAM,QAAQ;AA0Cd,UAAM,EAAE,GAAG,GAAE,IAAKA,QAAAA,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}