@ozdao/prometheus-framework 0.2.200 → 0.2.201

package/dist/prometheus-framework/src/components/Button/Button.vue2.cjs

@@ -1 +1,133 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../Loader/Loader.vue2.cjs");;/* empty css             */const v=["disabled"],b={key:0},m={key:1},k={key:2,class:"t-semi loading t-black"},y={key:3,class:"error"},p={key:0,class:"button-counter"},g={__name:"Button",props:{submit:{type:Function,default:async()=>{console.log("Button click.")}},text:{type:Object,default:t=>(console.log(t),t={...t.text,success:"✔",error:"✖"})},counter:{type:Object},callback:{type:Function,default:async()=>{console.log("Button callback.")}},callbackDelay:{type:Number,default:750},showSucces:{type:Boolean,default:!0},showLoader:{type:Boolean,default:!0},validation:{type:Boolean,default:!1}},emits:["error"],setup(t,{emit:r}){const o=t,i=r,l=e.ref(null),a=e.ref(null),s=e.ref(!1),n=e.ref(!1);async function d(){l.value.style["pointer-events"]="none",a.value=null,s.value=!0;const c=()=>{l.value&&(l.value.classList.replace("bg-second","bg-main"),l.value.style.pointerEvents="auto",s.value=!1,n.value=!1,a.value=null)};try{await o.submit(),l.value.classList.replace("bg-main","bg-second"),s.value=!1,o.showSucces?(n.value=!0,setTimeout(c,500)):c(),o.callback&&setTimeout(()=>o.callback(),o.callbackDelay)}catch(u){i("error",u),l.value.classList.replace("bg-main","bg-fourth-nano"),a.value=o.error,setTimeout(()=>{c(),l.value.classList.replace("bg-fourth-nano","bg-main")},1330)}}return(c,u)=>(e.openBlock(),e.createElementBlock("button",{onClick:e.withModifiers(d,["stop"]),disabled:t.validation,ref_key:"button",ref:l,class:"button"},[e.createVNode(e.Transition,{name:"FromTop"},{default:e.withCtx(()=>[!s.value&&!a.value&&!n.value||!t.showLoader?(e.openBlock(),e.createElementBlock("span",b,[e.renderSlot(c.$slots,"default")])):s.value&&!a.value&&t.showLoader?(e.openBlock(),e.createElementBlock("span",m,[e.createVNode(f.default,{class:"pos-relative pos-t-0 pos-l-0 loading"})])):n.value&&t.showSucces?(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(t.text.success),1)):a.value?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(a.value),1)):e.createCommentVNode("",!0)]),_:3}),t.counter?(e.openBlock(),e.createElementBlock("p",p,e.toDisplayString(t.counter),1)):e.createCommentVNode("",!0)],8,v))}};exports.default=g;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Loader = require("../Loader/Loader.vue2.cjs");
+;/* empty css             */
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
+  key: 2,
+  class: "t-semi loading t-black"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "error"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "button-counter"
+};
+const _sfc_main = {
+  __name: "Button",
+  props: {
+    submit: {
+      type: Function,
+      default: async () => {
+        console.log("Button click.");
+      }
+    },
+    text: {
+      type: Object,
+      default: (textComponent) => {
+        console.log(textComponent);
+        return textComponent = {
+          ...textComponent.text,
+          success: "✔",
+          error: "✖"
+        };
+      }
+    },
+    counter: {
+      type: Object
+    },
+    callback: {
+      type: Function,
+      default: async () => {
+        console.log("Button callback.");
+      }
+    },
+    callbackDelay: {
+      type: Number,
+      default: 750
+    },
+    showSucces: {
+      type: Boolean,
+      default: true
+    },
+    showLoader: {
+      type: Boolean,
+      default: true
+    },
+    validation: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const button = vue.ref(null);
+    const error = vue.ref(null);
+    const loading = vue.ref(false);
+    const finished = vue.ref(false);
+    async function Submit() {
+      button.value.style["pointer-events"] = "none";
+      error.value = null;
+      loading.value = true;
+      const resetButton = () => {
+        if (button.value) {
+          button.value.classList.replace("bg-second", "bg-main");
+          button.value.style.pointerEvents = "auto";
+          loading.value = false;
+          finished.value = false;
+          error.value = null;
+        }
+      };
+      try {
+        await props.submit();
+        button.value.classList.replace("bg-main", "bg-second");
+        loading.value = false;
+        if (props.showSucces) {
+          finished.value = true;
+          setTimeout(resetButton, 500);
+        } else {
+          resetButton();
+        }
+        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);
+      } catch (err) {
+        emits("error", err);
+        button.value.classList.replace("bg-main", "bg-fourth-nano");
+        error.value = props.error;
+        setTimeout(() => {
+          resetButton();
+          button.value.classList.replace("bg-fourth-nano", "bg-main");
+        }, 1330);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        onClick: vue.withModifiers(Submit, ["stop"]),
+        disabled: __props.validation,
+        ref_key: "button",
+        ref: button,
+        class: "button"
+      }, [
+        vue.createVNode(vue.Transition, { name: "FromTop" }, {
+          default: vue.withCtx(() => [
+            !loading.value && !error.value && !finished.value || !__props.showLoader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ])) : loading.value && !error.value && __props.showLoader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
+              vue.createVNode(Loader.default, { class: "pos-relative pos-t-0 pos-l-0 loading" })
+            ])) : finished.value && __props.showSucces ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.text.success), 1)) : error.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
+          ]),
+          _: 3
+        }),
+        __props.counter ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, vue.toDisplayString(__props.counter), 1)) : vue.createCommentVNode("", true)
+      ], 8, _hoisted_1);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Button.vue2.cjs.map

package/dist/prometheus-framework/src/components/Button/Button.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue2.cjs","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\tconsole.log(textComponent)\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t    type: Object\n\t  },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t    button.value.style['pointer-events'] = 'none';\n\t    error.value = null;\n\t    loading.value = true;\n\n\t    // Функция для сброса состояния кнопки.\n\t    const resetButton = () => {\n\t        if (button.value) {\n            button.value.classList.replace('bg-second', 'bg-main');\n            button.value.style.pointerEvents = 'auto';\n            loading.value = false;\n            finished.value = false;\n            error.value = null;\n\t        }\n\t    };\n\n\t    try {\n\t        await props.submit();\n\n\t        button.value.classList.replace('bg-main', 'bg-second');\n\n\t        loading.value = false;\n\n\t        // Используем функцию сброса состояния кнопки здесь.\n\t        if (props.showSucces) { \n\t\t\t\t\t\t\tfinished.value = true;\n\t            setTimeout(resetButton, 500);\n\t        } else {\n\t            resetButton();\n\t        }\n\n\t        // Если есть callback, мы также установим таймер для его вызова.\n\t        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t    } catch (err) {\n\t    \t\temits('error',err)\n\t        // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n\t        button.value.classList.replace('bg-main', 'bg-fourth-nano');\n\t        error.value = props.error;\n\t        \n\t        // После задержки снова сбрасываем состояние кнопки.\n\t        setTimeout(() => {\n\t            resetButton();\n\t            // Так как класс кнопки был изменен, вернем его в исходное состояние.\n\t            button.value.classList.replace('bg-fourth-nano', 'bg-main');\n\t        }, 1330);\n\t    }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<span v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></span>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<span v-else-if=\"loading && !error && showLoader\"><Loader  class=\"pos-relative pos-t-0 pos-l-0 loading\"/></span>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<p v-if=\"counter\" class=\"button-counter\">{{counter}}</p> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\">\n\tbutton[disabled] {\n\t\tbackground: grey; \n\t\t&:hover {\n\t\t\tbackground: grey; \n\t\t} \n\t}\n\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\t\twidth: fit-content;\n\n\t\tpadding: 1rem 1.75rem;\n\t\tborder-radius: 3rem;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t    bottom: -8px;\n\t    background: yellow;\n\t    height: 16px;\n\t    border-radius: 16px;\n\t    width: 16px;\n\t    font-weight: 500;\n\t    text-align: center;\n\t    line-height: 16px;\n\t    font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAyCd,UAAM,QAAQ;AAEd,UAAM,SAASA,QAAI,IAAI;AACvB,UAAM,QAAQA,QAAI,IAAI;AACtB,UAAM,UAAUA,QAAI,KAAK;AACzB,UAAM,WAAWA,QAAI,KAAK;AAE1B,mBAAe,SAAS;AACpB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACtB,YAAI,OAAO,OAAO;AACf,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AACrD,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACV;AAEK,UAAI;AACA,cAAM,MAAM;AAEZ,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACxB,mBAAS,QAAQ;AACX,qBAAW,aAAa,GAAG;AAAA,QACxC,OAAgB;AACH;QACH;AAGD,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE7E,SAAQ,KAAK;AACZ,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACb;AAEA,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC7D,GAAE,IAAI;AAAA,MACV;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Button/Button.vue2.js

@@ -1,16 +1,22 @@
-import { ref as r, openBlock as o, createElementBlock as s, withModifiers as h, createVNode as f, Transition as p, withCtx as k, renderSlot as g, toDisplayString as i, createCommentVNode as b } from "vue";
-import w from "../Loader/Loader.vue2.js";
+import { ref, openBlock, createElementBlock, withModifiers, createVNode, Transition, withCtx, renderSlot, toDisplayString, createCommentVNode } from "vue";
+import Loader from "../Loader/Loader.vue2.js";
 /* empty css           */
-const B = ["disabled"], L = { key: 0 }, S = { key: 1 }, T = {
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
   key: 2,
   class: "t-semi loading t-black"
-}, _ = {
+};
+const _hoisted_5 = {
   key: 3,
   class: "error"
-}, x = {
+};
+const _hoisted_6 = {
   key: 0,
   class: "button-counter"
-}, j = {
+};
+const _sfc_main = {
   __name: "Button",
   props: {
     submit: {
@@ -21,11 +27,14 @@ const B = ["disabled"], L = { key: 0 }, S = { key: 1 }, T = {
     },
     text: {
       type: Object,
-      default: (e) => (console.log(e), e = {
-        ...e.text,
-        success: "✔",
-        error: "✖"
-      })
+      default: (textComponent) => {
+        console.log(textComponent);
+        return textComponent = {
+          ...textComponent.text,
+          success: "✔",
+          error: "✖"
+        };
+      }
     },
     counter: {
       type: Object
@@ -42,54 +51,83 @@ const B = ["disabled"], L = { key: 0 }, S = { key: 1 }, T = {
     },
     showSucces: {
       type: Boolean,
-      default: !0
+      default: true
     },
     showLoader: {
       type: Boolean,
-      default: !0
+      default: true
     },
     validation: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["error"],
-  setup(e, { emit: v }) {
-    const l = e, m = v, t = r(null), a = r(null), n = r(!1), u = r(!1);
-    async function y() {
-      t.value.style["pointer-events"] = "none", a.value = null, n.value = !0;
-      const c = () => {
-        t.value && (t.value.classList.replace("bg-second", "bg-main"), t.value.style.pointerEvents = "auto", n.value = !1, u.value = !1, a.value = null);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const button = ref(null);
+    const error = ref(null);
+    const loading = ref(false);
+    const finished = ref(false);
+    async function Submit() {
+      button.value.style["pointer-events"] = "none";
+      error.value = null;
+      loading.value = true;
+      const resetButton = () => {
+        if (button.value) {
+          button.value.classList.replace("bg-second", "bg-main");
+          button.value.style.pointerEvents = "auto";
+          loading.value = false;
+          finished.value = false;
+          error.value = null;
+        }
       };
       try {
-        await l.submit(), t.value.classList.replace("bg-main", "bg-second"), n.value = !1, l.showSucces ? (u.value = !0, setTimeout(c, 500)) : c(), l.callback && setTimeout(() => l.callback(), l.callbackDelay);
-      } catch (d) {
-        m("error", d), t.value.classList.replace("bg-main", "bg-fourth-nano"), a.value = l.error, setTimeout(() => {
-          c(), t.value.classList.replace("bg-fourth-nano", "bg-main");
+        await props.submit();
+        button.value.classList.replace("bg-main", "bg-second");
+        loading.value = false;
+        if (props.showSucces) {
+          finished.value = true;
+          setTimeout(resetButton, 500);
+        } else {
+          resetButton();
+        }
+        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);
+      } catch (err) {
+        emits("error", err);
+        button.value.classList.replace("bg-main", "bg-fourth-nano");
+        error.value = props.error;
+        setTimeout(() => {
+          resetButton();
+          button.value.classList.replace("bg-fourth-nano", "bg-main");
         }, 1330);
       }
     }
-    return (c, d) => (o(), s("button", {
-      onClick: h(y, ["stop"]),
-      disabled: e.validation,
-      ref_key: "button",
-      ref: t,
-      class: "button"
-    }, [
-      f(p, { name: "FromTop" }, {
-        default: k(() => [
-          !n.value && !a.value && !u.value || !e.showLoader ? (o(), s("span", L, [
-            g(c.$slots, "default")
-          ])) : n.value && !a.value && e.showLoader ? (o(), s("span", S, [
-            f(w, { class: "pos-relative pos-t-0 pos-l-0 loading" })
-          ])) : u.value && e.showSucces ? (o(), s("span", T, i(e.text.success), 1)) : a.value ? (o(), s("span", _, i(a.value), 1)) : b("", !0)
-        ]),
-        _: 3
-      }),
-      e.counter ? (o(), s("p", x, i(e.counter), 1)) : b("", !0)
-    ], 8, B));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        onClick: withModifiers(Submit, ["stop"]),
+        disabled: __props.validation,
+        ref_key: "button",
+        ref: button,
+        class: "button"
+      }, [
+        createVNode(Transition, { name: "FromTop" }, {
+          default: withCtx(() => [
+            !loading.value && !error.value && !finished.value || !__props.showLoader ? (openBlock(), createElementBlock("span", _hoisted_2, [
+              renderSlot(_ctx.$slots, "default")
+            ])) : loading.value && !error.value && __props.showLoader ? (openBlock(), createElementBlock("span", _hoisted_3, [
+              createVNode(Loader, { class: "pos-relative pos-t-0 pos-l-0 loading" })
+            ])) : finished.value && __props.showSucces ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.text.success), 1)) : error.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }),
+        __props.counter ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(__props.counter), 1)) : createCommentVNode("", true)
+      ], 8, _hoisted_1);
+    };
   }
 };
 export {
-  j as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Button.vue2.js.map

package/dist/prometheus-framework/src/components/Button/Button.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue2.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\tconsole.log(textComponent)\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t    type: Object\n\t  },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t    button.value.style['pointer-events'] = 'none';\n\t    error.value = null;\n\t    loading.value = true;\n\n\t    // Функция для сброса состояния кнопки.\n\t    const resetButton = () => {\n\t        if (button.value) {\n            button.value.classList.replace('bg-second', 'bg-main');\n            button.value.style.pointerEvents = 'auto';\n            loading.value = false;\n            finished.value = false;\n            error.value = null;\n\t        }\n\t    };\n\n\t    try {\n\t        await props.submit();\n\n\t        button.value.classList.replace('bg-main', 'bg-second');\n\n\t        loading.value = false;\n\n\t        // Используем функцию сброса состояния кнопки здесь.\n\t        if (props.showSucces) { \n\t\t\t\t\t\t\tfinished.value = true;\n\t            setTimeout(resetButton, 500);\n\t        } else {\n\t            resetButton();\n\t        }\n\n\t        // Если есть callback, мы также установим таймер для его вызова.\n\t        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t    } catch (err) {\n\t    \t\temits('error',err)\n\t        // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n\t        button.value.classList.replace('bg-main', 'bg-fourth-nano');\n\t        error.value = props.error;\n\t        \n\t        // После задержки снова сбрасываем состояние кнопки.\n\t        setTimeout(() => {\n\t            resetButton();\n\t            // Так как класс кнопки был изменен, вернем его в исходное состояние.\n\t            button.value.classList.replace('bg-fourth-nano', 'bg-main');\n\t        }, 1330);\n\t    }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<span v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></span>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<span v-else-if=\"loading && !error && showLoader\"><Loader  class=\"pos-relative pos-t-0 pos-l-0 loading\"/></span>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<p v-if=\"counter\" class=\"button-counter\">{{counter}}</p> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\">\n\tbutton[disabled] {\n\t\tbackground: grey; \n\t\t&:hover {\n\t\t\tbackground: grey; \n\t\t} \n\t}\n\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\t\twidth: fit-content;\n\n\t\tpadding: 1rem 1.75rem;\n\t\tborder-radius: 3rem;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t    bottom: -8px;\n\t    background: yellow;\n\t    height: 16px;\n\t    border-radius: 16px;\n\t    width: 16px;\n\t    font-weight: 500;\n\t    text-align: center;\n\t    line-height: 16px;\n\t    font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAyCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACpB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACtB,YAAI,OAAO,OAAO;AACf,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AACrD,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACV;AAEK,UAAI;AACA,cAAM,MAAM;AAEZ,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACxB,mBAAS,QAAQ;AACX,qBAAW,aAAa,GAAG;AAAA,QACxC,OAAgB;AACH;QACH;AAGD,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE7E,SAAQ,KAAK;AACZ,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACb;AAEA,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC7D,GAAE,IAAI;AAAA,MACV;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,32 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css             */const i={class:"t-trimmed font-main"},l={class:"font-main t-truncate"},o={key:1,class:"pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"},a={__name:"Chips",props:["chips"],setup(n){return(s,c)=>{var r;return e.openBlock(),e.createElementBlock("div",i,[(r=n.chips)!=null&&r.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.chips,(t,d)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([s.$attrs.class||"p-medium","mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])},[e.createElementVNode("span",l,e.toDisplayString(t.text?t.text:t),1)],2))),256)):(e.openBlock(),e.createElementBlock("div",o,[e.renderSlot(s.$slots,"default")]))])}}};exports.default=a;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css             */
+const _hoisted_1 = { class: "t-trimmed font-main" };
+const _hoisted_2 = { class: "font-main t-truncate" };
+const _hoisted_3 = {
+  key: 1,
+  class: "pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"
+};
+const _sfc_main = {
+  __name: "Chips",
+  props: ["chips"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        ((_a = __props.chips) == null ? void 0 : _a.length) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.chips, (chip, index) => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            class: vue.normalizeClass([_ctx.$attrs.class || "p-medium", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
+          }, [
+            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(chip.text ? chip.text : chip), 1)
+          ], 2);
+        }), 256)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Chips.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,26 +1,32 @@
-import { openBlock as t, createElementBlock as e, Fragment as a, renderList as m, normalizeClass as o, createElementVNode as d, toDisplayString as l, renderSlot as c } from "vue";
+import { openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, renderSlot } from "vue";
 /* empty css           */
-const p = { class: "t-trimmed font-main" }, h = { class: "font-main t-truncate" }, u = {
+const _hoisted_1 = { class: "t-trimmed font-main" };
+const _hoisted_2 = { class: "font-main t-truncate" };
+const _hoisted_3 = {
   key: 1,
   class: "pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"
-}, k = {
+};
+const _sfc_main = {
   __name: "Chips",
   props: ["chips"],
-  setup(n) {
-    return (i, _) => {
-      var r;
-      return t(), e("div", p, [
-        (r = n.chips) != null && r.length ? (t(!0), e(a, { key: 0 }, m(n.chips, (s, f) => (t(), e("span", {
-          class: o([i.$attrs.class || "p-medium", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
-        }, [
-          d("span", h, l(s.text ? s.text : s), 1)
-        ], 2))), 256)) : (t(), e("div", u, [
-          c(i.$slots, "default")
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        ((_a = __props.chips) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.chips, (chip, index) => {
+          return openBlock(), createElementBlock("span", {
+            class: normalizeClass([_ctx.$attrs.class || "p-medium", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
+          }, [
+            createElementVNode("span", _hoisted_2, toDisplayString(chip.text ? chip.text : chip), 1)
+          ], 2);
+        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default")
         ]))
       ]);
     };
   }
 };
 export {
-  k as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Chips.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,64 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../FieldPhone/click-outside.cjs");;/* empty css                */const u={key:0,class:"w-100 h-100 flex-center flex"},d={key:1},f={__name:"Dropdown",props:{label:{type:[String,Object],default:"Open"},align:{type:String,default:"left"}},setup(t){let n=r.default;const i=t,l=e.ref(!1),a=e.computed(()=>typeof i.label=="object");function s(){l.value=!1}return(c,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"dropdown pos-relative",onClick:o[0]||(o[0]=e.withModifiers(v=>l.value=!l.value,["stop"]))},[a.value?(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.label.component),e.mergeProps(t.label.props,{class:t.label.class}),null,16,["class"]))])):(e.openBlock(),e.createElementBlock("div",d,e.toDisplayString(t.label),1)),e.createVNode(e.Transition,{name:"TransitionTranslateY",mode:"out-in"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{style:e.normalizeStyle({left:t.align==="left"?"0":"auto",right:t.align==="right"?"0":"auto"}),class:"dropdown-content radius-big"},[e.renderSlot(c.$slots,"default")],4),[[e.vShow,l.value]])]),_:3})])),[[e.unref(n),s]])}};exports.default=f;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const clickOutside = require("../FieldPhone/click-outside.cjs");
+;/* empty css                */
+const _hoisted_1 = {
+  key: 0,
+  class: "w-100 h-100 flex-center flex"
+};
+const _hoisted_2 = { key: 1 };
+const _sfc_main = {
+  __name: "Dropdown",
+  props: {
+    label: {
+      type: [String, Object],
+      default: "Open"
+    },
+    align: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(__props) {
+    let vClickOutside = clickOutside.default;
+    const props = __props;
+    const isOpen = vue.ref(false);
+    const isComponentLabel = vue.computed(() => typeof props.label === "object");
+    function clickedOutside() {
+      isOpen.value = false;
+    }
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        class: "dropdown pos-relative",
+        onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => isOpen.value = !isOpen.value, ["stop"]))
+      }, [
+        isComponentLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.label.component), vue.mergeProps(__props.label.props, {
+            class: __props.label.class
+          }), null, 16, ["class"]))
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(__props.label), 1)),
+        vue.createVNode(vue.Transition, {
+          name: "TransitionTranslateY",
+          mode: "out-in"
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              style: vue.normalizeStyle({ left: __props.align === "left" ? "0" : "auto", right: __props.align === "right" ? "0" : "auto" }),
+              class: "dropdown-content radius-big"
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 4), [
+              [vue.vShow, isOpen.value]
+            ])
+          ]),
+          _: 3
+        })
+      ])), [
+        [vue.unref(vClickOutside), clickedOutside]
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Dropdown.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.vue.cjs","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\n    <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n      <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n    </div>\n    <div v-else>\n      {{ label }}\n    </div>\n    <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n      <div \n        v-show=\"isOpen\" \n        :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\" \n        class=\"dropdown-content radius-big\" \n      >\n        <slot></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n  label: {\n    type: [String, Object],\n    default: 'Open'\n  },\n  align: {\n    type: String,\n    default: 'left'\n  }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n  isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n  display: block;\n  position: absolute;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n  display: block;\n}*/\n</style>\n"],"names":["clickOutside","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgBA,aAAY;AAEhC,UAAM,QAAQ;AAWd,UAAM,SAASC,IAAAA,IAAI,KAAK;AACxB,UAAM,mBAAmBC,IAAQ,SAAC,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,12 @@
-import { ref as u, computed as f, withDirectives as a, openBlock as l, createElementBlock as o, withModifiers as m, createBlock as p, resolveDynamicComponent as v, mergeProps as b, toDisplayString as g, createVNode as k, Transition as y, withCtx as h, createElementVNode as w, normalizeStyle as O, renderSlot as S, vShow as C, unref as x } from "vue";
-import D from "../FieldPhone/click-outside.js";
+import { ref, computed, withDirectives, openBlock, createElementBlock, withModifiers, createBlock, resolveDynamicComponent, mergeProps, toDisplayString, createVNode, Transition, withCtx, createElementVNode, normalizeStyle, renderSlot, vShow, unref } from "vue";
+import clickOutside from "../FieldPhone/click-outside.js";
 /* empty css              */
-const B = {
+const _hoisted_1 = {
   key: 0,
   class: "w-100 h-100 flex-center flex"
-}, T = { key: 1 }, $ = {
+};
+const _hoisted_2 = { key: 1 };
+const _sfc_main = {
   __name: "Dropdown",
   props: {
     label: {
@@ -16,42 +18,47 @@ const B = {
       default: "left"
     }
   },
-  setup(e) {
-    let i = D;
-    const s = e, t = u(!1), r = f(() => typeof s.label == "object");
-    function c() {
-      t.value = !1;
+  setup(__props) {
+    let vClickOutside = clickOutside;
+    const props = __props;
+    const isOpen = ref(false);
+    const isComponentLabel = computed(() => typeof props.label === "object");
+    function clickedOutside() {
+      isOpen.value = false;
     }
-    return (d, n) => a((l(), o("div", {
-      class: "dropdown pos-relative",
-      onClick: n[0] || (n[0] = m((j) => t.value = !t.value, ["stop"]))
-    }, [
-      r.value ? (l(), o("div", B, [
-        (l(), p(v(e.label.component), b(e.label.props, {
-          class: e.label.class
-        }), null, 16, ["class"]))
-      ])) : (l(), o("div", T, g(e.label), 1)),
-      k(y, {
-        name: "TransitionTranslateY",
-        mode: "out-in"
-      }, {
-        default: h(() => [
-          a(w("div", {
-            style: O({ left: e.align === "left" ? "0" : "auto", right: e.align === "right" ? "0" : "auto" }),
-            class: "dropdown-content radius-big"
-          }, [
-            S(d.$slots, "default")
-          ], 4), [
-            [C, t.value]
-          ])
-        ]),
-        _: 3
-      })
-    ])), [
-      [x(i), c]
-    ]);
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: "dropdown pos-relative",
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => isOpen.value = !isOpen.value, ["stop"]))
+      }, [
+        isComponentLabel.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          (openBlock(), createBlock(resolveDynamicComponent(__props.label.component), mergeProps(__props.label.props, {
+            class: __props.label.class
+          }), null, 16, ["class"]))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.label), 1)),
+        createVNode(Transition, {
+          name: "TransitionTranslateY",
+          mode: "out-in"
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              style: normalizeStyle({ left: __props.align === "left" ? "0" : "auto", right: __props.align === "right" ? "0" : "auto" }),
+              class: "dropdown-content radius-big"
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 4), [
+              [vShow, isOpen.value]
+            ])
+          ]),
+          _: 3
+        })
+      ])), [
+        [unref(vClickOutside), clickedOutside]
+      ]);
+    };
   }
 };
 export {
-  $ as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Dropdown.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.vue.js","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\n    <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n      <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n    </div>\n    <div v-else>\n      {{ label }}\n    </div>\n    <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n      <div \n        v-show=\"isOpen\" \n        :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\" \n        class=\"dropdown-content radius-big\" \n      >\n        <slot></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n  label: {\n    type: [String, Object],\n    default: 'Open'\n  },\n  align: {\n    type: String,\n    default: 'left'\n  }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n  isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n  display: block;\n  position: absolute;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n  display: block;\n}*/\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgB;AAEpB,UAAM,QAAQ;AAWd,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,mBAAmB,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const SkeletonEvent = require("../../modules/icons/skeletons/SkeletonEvent.vue.cjs");
 ;/* empty css                     */
 const EmptyState = require("../EmptyState/EmptyState.vue.cjs");
-const Dropdown = require("../Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../Dropdown/Dropdown.vue.cjs");
 const Calendar = require("../DatePicker/Calendar.vue2.cjs");
 const BottomSheet = require("../BottomSheet/BottomSheet.vue.cjs");
 const BlockSearch = require("../../modules/globals/views/components/blocks/BlockSearch.vue.cjs");

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

@@ -2,7 +2,7 @@ import { mergeModels, useModel, ref, watch, onMounted, onUnmounted, openBlock, c
 import SkeletonEvent from "../../modules/icons/skeletons/SkeletonEvent.vue.js";
 /* empty css                   */
 import _sfc_main$a from "../EmptyState/EmptyState.vue.js";
-import _sfc_main$5 from "../Dropdown/Dropdown.vue2.js";
+import _sfc_main$5 from "../Dropdown/Dropdown.vue.js";
 import _sfc_main$7 from "../DatePicker/Calendar.vue2.js";
 import _sfc_main$3 from "../BottomSheet/BottomSheet.vue.js";
 import _sfc_main$1 from "../../modules/globals/views/components/blocks/BlockSearch.vue.js";