@ozdao/prometheus-framework 0.2.198 → 0.2.200

package/dist/prometheus-framework/src/components/UploadImageMultiple/UploadImageMultiple.vue.cjs

@@ -1 +1,141 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("axios"),b=require("../Loader/Loader.vue2.cjs"),x=require("../../modules/icons/navigation/IconUpload.vue.cjs"),y={key:0,class:"t-center"},g={key:0,class:"mn-t-thin mn-b-thin d-block h3 t-black"},v={key:1,class:"mn-b-thin t-transp d-block"},B={key:2,class:"mn-b-thin uppercase p-small t-medium d-block"},w={key:3,class:"cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin t-main"},C={key:4,class:"uppercase p-small t-medium d-block"},T={__name:"UploadImageMultiple",props:{uploadPath:{type:Object,required:!0},options:{type:Object,default:()=>({mimeType:["jpg","png","gif"],maxSize:10*1024*1024,showText:!0,showTitle:!0})},text:{type:Object,default:()=>({title:"Drag & Drop Your Images Here",subtitle:"Files supported: JPG, PNG, GIF"})}},emits:["update:images"],setup(t,{emit:u}){const s=e.ref([]),l=e.ref(!1),r=e.ref(null),p=t,m=u;function d(){r.value.click()}async function i(o){l.value=!0;let n=o.target.files,c=new FormData;for(const a of n)c.append("file",a);try{(await k.create({baseURL:process.env.API_URL,withCredentials:!0}).post(`/api/upload/multiple?folderName=${encodeURIComponent(p.uploadPath)}`,c,{headers:{"Content-Type":"multipart/form-data"}})).data.forEach(h=>{s.value.push(h.filepath)}),m("update:images",s.value),l.value=!1}catch(a){console.error(a),l.value=!1}}function f(o){o.preventDefault(),i({target:{files:o.dataTransfer.files}})}return(o,n)=>(e.openBlock(),e.createElementBlock("div",{onClick:d,onDrop:f,onDragover:n[0]||(n[0]=e.withModifiers(()=>{},["prevent"])),class:"cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative"},[e.createVNode(e.Transition,{name:"moveFromTop",mode:"out-in"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createBlock(b.default,{key:1,class:"pos-absolute"})):(e.openBlock(),e.createElementBlock("div",y,[e.createVNode(x.default,{style:{"max-height":"4rem"},class:"w-100 h-100",fill:"rgb(var(--main))"}),t.options.showText||t.options.showTitle?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(t.text.title),1)):e.createCommentVNode("",!0),t.options.showText?(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(t.text.subtitle),1)):e.createCommentVNode("",!0),t.options.showText?(e.openBlock(),e.createElementBlock("span",B,"or")):e.createCommentVNode("",!0),t.options.showText?(e.openBlock(),e.createElementBlock("button",w,"Browse Files")):e.createCommentVNode("",!0),t.options.showText?(e.openBlock(),e.createElementBlock("span",C,"Maximum size: 2MB")):e.createCommentVNode("",!0)]))]),_:1}),e.createElementVNode("input",{type:"file",ref_key:"fileInput",ref:r,onChange:i,multiple:"",style:{display:"none"}},null,544)],32))}};exports.default=T;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const axios = require("axios");
+const Loader = require("../Loader/Loader.vue2.cjs");
+const IconUpload = require("../../modules/icons/navigation/IconUpload.vue.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "t-center"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin d-block h3 t-black"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "mn-b-thin t-transp d-block"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "mn-b-thin uppercase p-small t-medium d-block"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin t-main"
+};
+const _hoisted_6 = {
+  key: 4,
+  class: "uppercase p-small t-medium d-block"
+};
+const _sfc_main = {
+  __name: "UploadImageMultiple",
+  props: {
+    uploadPath: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        mimeType: ["jpg", "png", "gif"],
+        maxSize: 10 * 1024 * 1024,
+        showText: true,
+        showTitle: true
+      })
+    },
+    text: {
+      type: Object,
+      default: () => ({
+        title: "Drag & Drop Your Images Here",
+        subtitle: "Files supported: JPG, PNG, GIF"
+      })
+    }
+  },
+  emits: ["update:images"],
+  setup(__props, { emit: __emit }) {
+    const images = vue.ref([]);
+    const loading = vue.ref(false);
+    const fileInput = vue.ref(null);
+    const props = __props;
+    const emit = __emit;
+    function onComponentClick() {
+      fileInput.value.click();
+    }
+    async function onFileChange(e) {
+      loading.value = true;
+      let files = e.target.files;
+      let formData = new FormData();
+      for (const file of files) {
+        formData.append("file", file);
+      }
+      try {
+        const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true });
+        let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        });
+        response.data.forEach((file) => {
+          images.value.push(file.filepath);
+        });
+        emit("update:images", images.value);
+        loading.value = false;
+      } catch (error) {
+        console.error(error);
+        loading.value = false;
+      }
+    }
+    function onDrop(e) {
+      e.preventDefault();
+      onFileChange({
+        target: {
+          files: e.dataTransfer.files
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        onClick: onComponentClick,
+        onDrop,
+        onDragover: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+        }, ["prevent"])),
+        class: "cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative"
+      }, [
+        vue.createVNode(vue.Transition, {
+          name: "moveFromTop",
+          mode: "out-in"
+        }, {
+          default: vue.withCtx(() => [
+            !loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+              vue.createVNode(IconUpload.default, {
+                style: { "max-height": "4rem" },
+                class: "w-100 h-100",
+                fill: "rgb(var(--main))"
+              }),
+              __props.options.showText || __props.options.showTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(__props.text.title), 1)) : vue.createCommentVNode("", true),
+              __props.options.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.text.subtitle), 1)) : vue.createCommentVNode("", true),
+              __props.options.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, "or")) : vue.createCommentVNode("", true),
+              __props.options.showText ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_5, "Browse Files")) : vue.createCommentVNode("", true),
+              __props.options.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "Maximum size: 2MB")) : vue.createCommentVNode("", true)
+            ])) : (vue.openBlock(), vue.createBlock(Loader.default, {
+              key: 1,
+              class: "pos-absolute"
+            }))
+          ]),
+          _: 1
+        }),
+        vue.createElementVNode("input", {
+          type: "file",
+          ref_key: "fileInput",
+          ref: fileInput,
+          onChange: onFileChange,
+          multiple: "",
+          style: { "display": "none" }
+        }, null, 544)
+      ], 32);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=UploadImageMultiple.vue.cjs.map

package/dist/prometheus-framework/src/components/UploadImageMultiple/UploadImageMultiple.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImageMultiple.vue.cjs","sources":["../../../../../src/components/UploadImageMultiple/UploadImageMultiple.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    class=\"cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative\"\n  >\n    <transition name=\"moveFromTop\" mode=\"out-in\">\n      <div v-if=\"!loading\" class=\"t-center\">\n        <IconUpload\n          style=\"max-height: 4rem;\"\n          class=\"w-100 h-100\"\n          fill=\"rgb(var(--main))\"\n        />\n\n        <span v-if=\"options.showText || options.showTitle\" class=\"mn-t-thin  mn-b-thin d-block h3 t-black\">{{ text.title }}</span>\n        <span v-if=\"options.showText\" class=\"mn-b-thin t-transp d-block \">{{ text.subtitle }}</span>\n        <span  v-if=\"options.showText\"class=\"mn-b-thin uppercase p-small t-medium d-block\">or</span>\n\n        <button  v-if=\"options.showText\" class=\"cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin  t-main\">Browse Files</button>\n\n        <span  v-if=\"options.showText\" class=\"uppercase p-small t-medium d-block \">Maximum size: 2MB</span>\n      </div>\n      <Loader v-else class=\"pos-absolute\"/>\n    </transition>\n\n    <input type=\"file\" ref=\"fileInput\" @change=\"onFileChange\" multiple style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport axios from 'axios';\n\nimport Loader from '@pf/src/components/Loader/Loader.vue';\nimport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport IconUpload from '@pf/src/modules/icons/navigation/IconUpload.vue'\n\nconst images = ref([]);\nconst loading = ref(false);\nconst fileInput = ref(null);\n\nconst props = defineProps({\n  uploadPath: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      mimeType: ['jpg', 'png', 'gif'],\n      maxSize: 10 * 1024 * 1024,\n      showText: true,\n      showTitle: true\n    })\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      title: 'Drag & Drop Your Images Here',\n      subtitle: 'Files supported: JPG, PNG, GIF'\n    })\n  }\n});\n\nconst emit = defineEmits(['update:images']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  loading.value = true;\n\n  let files = e.target.files;\n  let formData = new FormData();\n\n  for (const file of files) {\n    formData.append(\"file\", file);\n  }\n\n\n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    response.data.forEach(file => {\n      images.value.push(file.filepath); // push each file path to the images array\n    });\n    emit('update:images', images.value);\n    loading.value = false;\n  } catch (error) {\n    console.error(error);\n    loading.value = false;\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAASA,IAAAA,IAAI,CAAA,CAAE;AACrB,UAAM,UAAUA,IAAAA,IAAI,KAAK;AACzB,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM;IAClB;AAEA,mBAAe,aAAa,GAAG;AAC7B,cAAQ,QAAQ;AAEhB,UAAI,QAAQ,EAAE,OAAO;AACrB,UAAI,WAAW,IAAI;AAEnB,iBAAW,QAAQ,OAAO;AACxB,iBAAS,OAAO,QAAQ,IAAI;AAAA,MAC7B;AAGD,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAM,CAAA;AAEnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACpH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACjB;AAAA,QACP,CAAK;AACD,iBAAS,KAAK,QAAQ,UAAQ;AAC5B,iBAAO,MAAM,KAAK,KAAK,QAAQ;AAAA,QACrC,CAAK;AACD,aAAK,iBAAiB,OAAO,KAAK;AAClC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AACnB,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACH;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QACvB;AAAA,MACL,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/UploadImageMultiple/UploadImageMultiple.vue.js

@@ -1,39 +1,45 @@
-import { ref as r, openBlock as t, createElementBlock as o, withModifiers as v, createVNode as d, Transition as w, withCtx as T, toDisplayString as f, createCommentVNode as a, createBlock as C, createElementVNode as D } from "vue";
-import I from "axios";
-import F from "../Loader/Loader.vue2.js";
-import B from "../../modules/icons/navigation/IconUpload.vue.js";
-const N = {
+import { ref, openBlock, createElementBlock, withModifiers, createVNode, Transition, withCtx, toDisplayString, createCommentVNode, createBlock, createElementVNode } from "vue";
+import axios from "axios";
+import Loader from "../Loader/Loader.vue2.js";
+import _sfc_main$1 from "../../modules/icons/navigation/IconUpload.vue.js";
+const _hoisted_1 = {
   key: 0,
   class: "t-center"
-}, P = {
+};
+const _hoisted_2 = {
   key: 0,
   class: "mn-t-thin mn-b-thin d-block h3 t-black"
-}, _ = {
+};
+const _hoisted_3 = {
   key: 1,
   class: "mn-b-thin t-transp d-block"
-}, j = {
+};
+const _hoisted_4 = {
   key: 2,
   class: "mn-b-thin uppercase p-small t-medium d-block"
-}, M = {
+};
+const _hoisted_5 = {
   key: 3,
   class: "cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin t-main"
-}, U = {
+};
+const _hoisted_6 = {
   key: 4,
   class: "uppercase p-small t-medium d-block"
-}, R = {
+};
+const _sfc_main = {
   __name: "UploadImageMultiple",
   props: {
     uploadPath: {
       type: Object,
-      required: !0
+      required: true
     },
     options: {
       type: Object,
       default: () => ({
         mimeType: ["jpg", "png", "gif"],
         maxSize: 10 * 1024 * 1024,
-        showText: !0,
-        showTitle: !0
+        showText: true,
+        showTitle: true
       })
     },
     text: {
@@ -45,76 +51,91 @@ const N = {
     }
   },
   emits: ["update:images"],
-  setup(e, { emit: h }) {
-    const c = r([]), n = r(!1), p = r(null), x = e, b = h;
-    function k() {
-      p.value.click();
+  setup(__props, { emit: __emit }) {
+    const images = ref([]);
+    const loading = ref(false);
+    const fileInput = ref(null);
+    const props = __props;
+    const emit = __emit;
+    function onComponentClick() {
+      fileInput.value.click();
     }
-    async function u(s) {
-      n.value = !0;
-      let i = s.target.files, m = new FormData();
-      for (const l of i)
-        m.append("file", l);
+    async function onFileChange(e) {
+      loading.value = true;
+      let files = e.target.files;
+      let formData = new FormData();
+      for (const file of files) {
+        formData.append("file", file);
+      }
       try {
-        (await I.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/multiple?folderName=${encodeURIComponent(x.uploadPath)}`, m, {
+        const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true });
+        let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {
           headers: {
             "Content-Type": "multipart/form-data"
           }
-        })).data.forEach((g) => {
-          c.value.push(g.filepath);
-        }), b("update:images", c.value), n.value = !1;
-      } catch (l) {
-        console.error(l), n.value = !1;
+        });
+        response.data.forEach((file) => {
+          images.value.push(file.filepath);
+        });
+        emit("update:images", images.value);
+        loading.value = false;
+      } catch (error) {
+        console.error(error);
+        loading.value = false;
       }
     }
-    function y(s) {
-      s.preventDefault(), u({
+    function onDrop(e) {
+      e.preventDefault();
+      onFileChange({
         target: {
-          files: s.dataTransfer.files
+          files: e.dataTransfer.files
         }
       });
     }
-    return (s, i) => (t(), o("div", {
-      onClick: k,
-      onDrop: y,
-      onDragover: i[0] || (i[0] = v(() => {
-      }, ["prevent"])),
-      class: "cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative"
-    }, [
-      d(w, {
-        name: "moveFromTop",
-        mode: "out-in"
-      }, {
-        default: T(() => [
-          n.value ? (t(), C(F, {
-            key: 1,
-            class: "pos-absolute"
-          })) : (t(), o("div", N, [
-            d(B, {
-              style: { "max-height": "4rem" },
-              class: "w-100 h-100",
-              fill: "rgb(var(--main))"
-            }),
-            e.options.showText || e.options.showTitle ? (t(), o("span", P, f(e.text.title), 1)) : a("", !0),
-            e.options.showText ? (t(), o("span", _, f(e.text.subtitle), 1)) : a("", !0),
-            e.options.showText ? (t(), o("span", j, "or")) : a("", !0),
-            e.options.showText ? (t(), o("button", M, "Browse Files")) : a("", !0),
-            e.options.showText ? (t(), o("span", U, "Maximum size: 2MB")) : a("", !0)
-          ]))
-        ]),
-        _: 1
-      }),
-      D("input", {
-        type: "file",
-        ref_key: "fileInput",
-        ref: p,
-        onChange: u,
-        multiple: "",
-        style: { display: "none" }
-      }, null, 544)
-    ], 32));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        onClick: onComponentClick,
+        onDrop,
+        onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"])),
+        class: "cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative"
+      }, [
+        createVNode(Transition, {
+          name: "moveFromTop",
+          mode: "out-in"
+        }, {
+          default: withCtx(() => [
+            !loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(_sfc_main$1, {
+                style: { "max-height": "4rem" },
+                class: "w-100 h-100",
+                fill: "rgb(var(--main))"
+              }),
+              __props.options.showText || __props.options.showTitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.text.title), 1)) : createCommentVNode("", true),
+              __props.options.showText ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.text.subtitle), 1)) : createCommentVNode("", true),
+              __props.options.showText ? (openBlock(), createElementBlock("span", _hoisted_4, "or")) : createCommentVNode("", true),
+              __props.options.showText ? (openBlock(), createElementBlock("button", _hoisted_5, "Browse Files")) : createCommentVNode("", true),
+              __props.options.showText ? (openBlock(), createElementBlock("span", _hoisted_6, "Maximum size: 2MB")) : createCommentVNode("", true)
+            ])) : (openBlock(), createBlock(Loader, {
+              key: 1,
+              class: "pos-absolute"
+            }))
+          ]),
+          _: 1
+        }),
+        createElementVNode("input", {
+          type: "file",
+          ref_key: "fileInput",
+          ref: fileInput,
+          onChange: onFileChange,
+          multiple: "",
+          style: { "display": "none" }
+        }, null, 544)
+      ], 32);
+    };
   }
 };
 export {
-  R as default
+  _sfc_main as default
 };
+//# sourceMappingURL=UploadImageMultiple.vue.js.map

package/dist/prometheus-framework/src/components/UploadImageMultiple/UploadImageMultiple.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImageMultiple.vue.js","sources":["../../../../../src/components/UploadImageMultiple/UploadImageMultiple.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    class=\"cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative\"\n  >\n    <transition name=\"moveFromTop\" mode=\"out-in\">\n      <div v-if=\"!loading\" class=\"t-center\">\n        <IconUpload\n          style=\"max-height: 4rem;\"\n          class=\"w-100 h-100\"\n          fill=\"rgb(var(--main))\"\n        />\n\n        <span v-if=\"options.showText || options.showTitle\" class=\"mn-t-thin  mn-b-thin d-block h3 t-black\">{{ text.title }}</span>\n        <span v-if=\"options.showText\" class=\"mn-b-thin t-transp d-block \">{{ text.subtitle }}</span>\n        <span  v-if=\"options.showText\"class=\"mn-b-thin uppercase p-small t-medium d-block\">or</span>\n\n        <button  v-if=\"options.showText\" class=\"cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin  t-main\">Browse Files</button>\n\n        <span  v-if=\"options.showText\" class=\"uppercase p-small t-medium d-block \">Maximum size: 2MB</span>\n      </div>\n      <Loader v-else class=\"pos-absolute\"/>\n    </transition>\n\n    <input type=\"file\" ref=\"fileInput\" @change=\"onFileChange\" multiple style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport axios from 'axios';\n\nimport Loader from '@pf/src/components/Loader/Loader.vue';\nimport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport IconUpload from '@pf/src/modules/icons/navigation/IconUpload.vue'\n\nconst images = ref([]);\nconst loading = ref(false);\nconst fileInput = ref(null);\n\nconst props = defineProps({\n  uploadPath: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      mimeType: ['jpg', 'png', 'gif'],\n      maxSize: 10 * 1024 * 1024,\n      showText: true,\n      showTitle: true\n    })\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      title: 'Drag & Drop Your Images Here',\n      subtitle: 'Files supported: JPG, PNG, GIF'\n    })\n  }\n});\n\nconst emit = defineEmits(['update:images']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  loading.value = true;\n\n  let files = e.target.files;\n  let formData = new FormData();\n\n  for (const file of files) {\n    formData.append(\"file\", file);\n  }\n\n\n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    response.data.forEach(file => {\n      images.value.push(file.filepath); // push each file path to the images array\n    });\n    emit('update:images', images.value);\n    loading.value = false;\n  } catch (error) {\n    console.error(error);\n    loading.value = false;\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAAS,IAAI,CAAA,CAAE;AACrB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM;IAClB;AAEA,mBAAe,aAAa,GAAG;AAC7B,cAAQ,QAAQ;AAEhB,UAAI,QAAQ,EAAE,OAAO;AACrB,UAAI,WAAW,IAAI;AAEnB,iBAAW,QAAQ,OAAO;AACxB,iBAAS,OAAO,QAAQ,IAAI;AAAA,MAC7B;AAGD,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAM,CAAA;AAEnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACpH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACjB;AAAA,QACP,CAAK;AACD,iBAAS,KAAK,QAAQ,UAAQ;AAC5B,iBAAO,MAAM,KAAK,KAAK,QAAQ;AAAA,QACrC,CAAK;AACD,aAAK,iBAAiB,OAAO,KAAK;AAClC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AACnB,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACH;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QACvB;AAAA,MACL,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/auth.client.cjs

@@ -1 +1,46 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./views/store/auth.cjs"),r=require("./views/store/twofa.cjs"),u=require("./views/router/auth.cjs"),s=require("./views/components/layouts/Auth.vue.cjs"),a=require("./views/components/pages/EnterCode.vue.cjs"),d=require("./views/components/pages/Invite.vue.cjs"),l=require("./views/components/pages/EnterPassword.vue.cjs"),c=require("./views/components/pages/ResetPassword.vue.cjs"),f=require("./views/components/pages/SignUp.vue.cjs"),q=require("./views/components/pages/SignIn.vue.cjs"),S=require("./views/components/sections/SliderFeatures.vue.cjs");function h(g,e,o,i={}){const n=i.route||"Home";o.addRoute(n,u.default),e.addStore("auth",t),e.addStore("twofa",r)}const w={initialize:h,views:{store:{storeAuth:t,storeTwofa:r},router:{routerAuth:u.default},components:{Auth:s.default,EnterCode:a.default,Invite:d.default,EnterPassword:l.default,ResetPassword:c.default,SignUp:f.default,SignIn:q.default,SliderFeatures:S.default}}};exports.default=w;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const auth = require("./views/store/auth.cjs");
+const twofa = require("./views/store/twofa.cjs");
+const auth$1 = require("./views/router/auth.cjs");
+const Auth = require("./views/components/layouts/Auth.vue.cjs");
+const EnterCode = require("./views/components/pages/EnterCode.vue.cjs");
+const Invite = require("./views/components/pages/Invite.vue.cjs");
+const EnterPassword = require("./views/components/pages/EnterPassword.vue.cjs");
+const ResetPassword = require("./views/components/pages/ResetPassword.vue.cjs");
+const SignUp = require("./views/components/pages/SignUp.vue.cjs");
+const SignIn = require("./views/components/pages/SignIn.vue.cjs");
+const SliderFeatures = require("./views/components/sections/SliderFeatures.vue.cjs");
+function initializeAuth(app, store, router, options = {}) {
+  const route = options.route || "Home";
+  router.addRoute(route, auth$1.default);
+  store.addStore("auth", auth);
+  store.addStore("twofa", twofa);
+}
+const ModuleAuth = {
+  initialize: initializeAuth,
+  views: {
+    store: {
+      storeAuth: auth,
+      storeTwofa: twofa
+    },
+    router: {
+      routerAuth: auth$1.default
+    },
+    components: {
+      // Layout
+      Auth: Auth.default,
+      // Pages
+      EnterCode: EnterCode.default,
+      Invite: Invite.default,
+      EnterPassword: EnterPassword.default,
+      ResetPassword: ResetPassword.default,
+      SignUp: SignUp.default,
+      SignIn: SignIn.default,
+      // Sections
+      SliderFeatures: SliderFeatures.default
+    }
+  }
+};
+exports.default = ModuleAuth;
+//# sourceMappingURL=auth.client.cjs.map

package/dist/prometheus-framework/src/modules/auth/auth.client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.client.cjs","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// Store\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeTwofa from './views/store/twofa.js';\n\n// Router\nimport routerAuth from './views/router/auth.js';\n\n// Views\nimport Auth from './views/components/layouts/Auth.vue';\nimport EnterCode from './views/components/pages/EnterCode.vue';\nimport Invite from './views/components/pages/Invite.vue';\nimport EnterPassword from './views/components/pages/EnterPassword.vue';\nimport ResetPassword from './views/components/pages/ResetPassword.vue';\nimport SignUp from './views/components/pages/SignUp.vue';\nimport SignIn from './views/components/pages/SignIn.vue';\n\n// Importing sections components\nimport SliderFeatures from './views/components/sections/SliderFeatures.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n  \n  router.addRoute(route, routerAuth);\n  \n  store.addStore('auth', storeAuth);\n  store.addStore('twofa', storeTwofa);\n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeTwofa\n    },\n    router: {\n      routerAuth\n    },\n    components: {\n      // Layout\n      Auth,\n      // Pages\n      EnterCode,\n      Invite,\n      EnterPassword,\n      ResetPassword,\n      SignUp,\n      SignIn,\n      // Sections\n      SliderFeatures\n    }\n  }\n}\n\nexport default ModuleAuth"],"names":["routerAuth","storeAuth","storeTwofa","Auth","EnterCode","Invite","EnterPassword","ResetPassword","SignUp","SignIn","SliderFeatures"],"mappings":";;;;;;;;;;;;;AAoBA,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,OAAAA,OAAU;AAEjC,QAAM,SAAS,QAAQC,IAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AACpC;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMD;AAAAA,MACN,YAAMC;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA,MACZ,YAAMF,OAAU;AAAA,IACX;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,MAAMG,KAAI;AAAA;AAAA,MAEV,WAAMC,UAAS;AAAA,MACf,QAAMC,OAAM;AAAA,MACZ,eAAMC,cAAa;AAAA,MACnB,eAAMC,cAAa;AAAA,MACnB,QAAMC,OAAM;AAAA,MACZ,QAAMC,OAAM;AAAA;AAAA,MAEZ,gBAAMC,eAAc;AAAA,IACf;AAAA,EACF;AACH;;"}

package/dist/prometheus-framework/src/modules/auth/auth.client.js

@@ -1,43 +1,46 @@
-import * as t from "./views/store/auth.js";
-import * as r from "./views/store/twofa.js";
-import i from "./views/router/auth.js";
-import f from "./views/components/layouts/Auth.vue.js";
-import s from "./views/components/pages/EnterCode.vue.js";
-import n from "./views/components/pages/Invite.vue.js";
-import u from "./views/components/pages/EnterPassword.vue.js";
-import p from "./views/components/pages/ResetPassword.vue.js";
-import _ from "./views/components/pages/SignUp.vue.js";
-import c from "./views/components/pages/SignIn.vue.js";
-import d from "./views/components/sections/SliderFeatures.vue.js";
-function h($, o, m, a = {}) {
-  const e = a.route || "Home";
-  m.addRoute(e, i), o.addStore("auth", t), o.addStore("twofa", r);
+import * as auth from "./views/store/auth.js";
+import * as twofa from "./views/store/twofa.js";
+import auth$1 from "./views/router/auth.js";
+import _sfc_main from "./views/components/layouts/Auth.vue.js";
+import _sfc_main$1 from "./views/components/pages/EnterCode.vue.js";
+import _sfc_main$2 from "./views/components/pages/Invite.vue.js";
+import _sfc_main$3 from "./views/components/pages/EnterPassword.vue.js";
+import _sfc_main$4 from "./views/components/pages/ResetPassword.vue.js";
+import _sfc_main$5 from "./views/components/pages/SignUp.vue.js";
+import _sfc_main$6 from "./views/components/pages/SignIn.vue.js";
+import _sfc_main$7 from "./views/components/sections/SliderFeatures.vue.js";
+function initializeAuth(app, store, router, options = {}) {
+  const route = options.route || "Home";
+  router.addRoute(route, auth$1);
+  store.addStore("auth", auth);
+  store.addStore("twofa", twofa);
 }
-const P = {
-  initialize: h,
+const ModuleAuth = {
+  initialize: initializeAuth,
   views: {
     store: {
-      storeAuth: t,
-      storeTwofa: r
+      storeAuth: auth,
+      storeTwofa: twofa
     },
     router: {
-      routerAuth: i
+      routerAuth: auth$1
     },
     components: {
       // Layout
-      Auth: f,
+      Auth: _sfc_main,
       // Pages
-      EnterCode: s,
-      Invite: n,
-      EnterPassword: u,
-      ResetPassword: p,
-      SignUp: _,
-      SignIn: c,
+      EnterCode: _sfc_main$1,
+      Invite: _sfc_main$2,
+      EnterPassword: _sfc_main$3,
+      ResetPassword: _sfc_main$4,
+      SignUp: _sfc_main$5,
+      SignIn: _sfc_main$6,
       // Sections
-      SliderFeatures: d
+      SliderFeatures: _sfc_main$7
     }
   }
 };
 export {
-  P as default
+  ModuleAuth as default
 };
+//# sourceMappingURL=auth.client.js.map

package/dist/prometheus-framework/src/modules/auth/auth.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.client.js","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// Store\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeTwofa from './views/store/twofa.js';\n\n// Router\nimport routerAuth from './views/router/auth.js';\n\n// Views\nimport Auth from './views/components/layouts/Auth.vue';\nimport EnterCode from './views/components/pages/EnterCode.vue';\nimport Invite from './views/components/pages/Invite.vue';\nimport EnterPassword from './views/components/pages/EnterPassword.vue';\nimport ResetPassword from './views/components/pages/ResetPassword.vue';\nimport SignUp from './views/components/pages/SignUp.vue';\nimport SignIn from './views/components/pages/SignIn.vue';\n\n// Importing sections components\nimport SliderFeatures from './views/components/sections/SliderFeatures.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n  \n  router.addRoute(route, routerAuth);\n  \n  store.addStore('auth', storeAuth);\n  store.addStore('twofa', storeTwofa);\n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeTwofa\n    },\n    router: {\n      routerAuth\n    },\n    components: {\n      // Layout\n      Auth,\n      // Pages\n      EnterCode,\n      Invite,\n      EnterPassword,\n      ResetPassword,\n      SignUp,\n      SignIn,\n      // Sections\n      SliderFeatures\n    }\n  }\n}\n\nexport default ModuleAuth"],"names":["routerAuth","storeAuth","storeTwofa","Auth","EnterCode","Invite","EnterPassword","ResetPassword","SignUp","SignIn","SliderFeatures"],"mappings":";;;;;;;;;;;AAoBA,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,MAAU;AAEjC,QAAM,SAAS,QAAQC,IAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AACpC;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMD;AAAAA,MACN,YAAMC;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA,MACZ,YAAMF;AAAAA,IACD;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,MAAMG;AAAAA;AAAAA,MAEN,WAAMC;AAAAA,MACN,QAAMC;AAAAA,MACN,eAAMC;AAAAA,MACN,eAAMC;AAAAA,MACN,QAAMC;AAAAA,MACN,QAAMC;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,IACD;AAAA,EACF;AACH;"}

package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.cjs

@@ -1 +1,50 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                      */;/* empty css                                          */;/* empty css                                            */;/* empty css                                            */require("vue-i18n");;/* empty css                                */const r=require("vue-router");require("../../store/auth.cjs");const n={class:"cols-2-1_2 gap-small pd-small bg-white"},u=e.createElementVNode("section",{class:"w-100 desktop-only o-hidden radius-big bg-grad-main"},null,-1),s={__name:"Auth",setup(a){return e.ref(null),e.ref(null),e.ref(null),r.useRoute(),r.useRouter(),e.ref("email"),(o,c)=>{const t=e.resolveComponent("router-view");return e.openBlock(),e.createElementBlock("div",n,[e.createVNode(t,{class:"pd-medium br-solid br-1px br-grey-transp-25 radius-big w-m-66r t-center"},{default:e.withCtx(({Component:l,route:i})=>[e.createVNode(e.Transition,{name:"scaleIn",mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l),{ref:"page",key:i.path,localPosition:o.localPosition},null,8,["localPosition"]))]),_:2},1024)]),_:1}),u])}}};exports.default=s;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                                      */
+;/* empty css                                           */
+;/* empty css                                            */
+;/* empty css                                             */
+require("vue-i18n");
+;/* empty css                                */
+const vueRouter = require("vue-router");
+require("../../store/auth.cjs");
+const _hoisted_1 = { class: "cols-2-1_2 gap-small pd-small bg-white" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("section", { class: "w-100 desktop-only o-hidden radius-big bg-grad-main" }, null, -1);
+const _sfc_main = {
+  __name: "Auth",
+  setup(__props) {
+    vue.ref(null);
+    vue.ref(null);
+    vue.ref(null);
+    vueRouter.useRoute();
+    vueRouter.useRouter();
+    vue.ref("email");
+    return (_ctx, _cache) => {
+      const _component_router_view = vue.resolveComponent("router-view");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_router_view, { class: "pd-medium br-solid br-1px br-grey-transp-25 radius-big w-m-66r t-center" }, {
+          default: vue.withCtx(({ Component, route }) => [
+            vue.createVNode(vue.Transition, {
+              name: "scaleIn",
+              mode: "out-in"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+                  ref: "page",
+                  key: route.path,
+                  localPosition: _ctx.localPosition
+                }, null, 8, ["localPosition"]))
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 1
+        }),
+        _hoisted_2
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Auth.vue.cjs.map

package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/layouts/Auth.vue"],"sourcesContent":["<template>\n  <div \n  \tclass=\"cols-2-1_2 gap-small pd-small bg-white\"\n  >\n\n    <router-view\n    \tclass=\"pd-medium br-solid br-1px br-grey-transp-25 radius-big w-m-66r t-center\" \n    \tv-slot=\"{ Component, route }\"\n    >\n      <transition \n      \tname=\"scaleIn\" mode=\"out-in\"\n      >\n        <component \n        \tref=\"page\" \n        \t:key=\"route.path\" \n        \t:localPosition=\"localPosition\" \n        \t:is=\"Component\" \n        />\n      </transition>\n    </router-view>\n\n    <section class=\"w-100 desktop-only o-hidden radius-big bg-grad-main\">\n      <!-- <SliderFeatures/> -->  \n    </section>\n  </div>\n</template>\n\n<script setup>\n// Import components\nimport Tab from '@pf/src/components/Tab/Tab.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\n// Import blocks\nimport SliderFeatures from '@pf/src/modules/auth/views/components/sections/SliderFeatures.vue'\n// Import libs\nimport { computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\n// Import validation\nimport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n\nconst phoneValidation = ref(null)\nconst passswordValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('email')\n// Methods\nasync function onSubmit() {\n  try {\n    await inputsValidation.validateInputs(\n      emailValidation,\n      inputsValidation.validateEmail,\n      auth.state.user.email,\n      'Некорректный email'\n    )\n    await inputsValidation.validateInputs(\n      passswordValidation,\n      inputsValidation.validatePassword,\n      auth.state.user.password,\n      'Некорректный пароль'\n    )\n  } catch (error) {\n    throw new Error\n  }\n  await auth.actions.login(auth.state.user, tabAuth.value)\n}\n\nfunction redirectTo() {\n  router.push({ name: 'Account' })\n}\n</script>"],"names":["ref","useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;AA0CwBA,QAAG,IAAC,IAAI;AACJA,QAAG,IAAC,IAAI;AACZA,QAAG,IAAC,IAAI;AAElBC,cAAAA,SAAU;AACTC,cAAAA,UAAW;AAEVF,QAAG,IAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}