@ozdao/prometheus-framework 0.2.200 → 0.2.202

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

@@ -1 +1,113 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");;/* empty css               */const h={key:0,class:"t-transp mn-r-small"},v=["placeholder","value"],_={key:0,class:"mn-t-thin invalid-feedback"},k={__name:"Address",props:{apiKey:{type:String,required:!0},label:null,placeholder:"Enter something here",field:null,location:{type:Object,default:{lat:48.6900735,lng:41.1620239}},address:{type:String,default:""},locale:{type:String,default:"en"}},emits:["update:address","update:location","update:country","update:state","update:city"],setup(l,{emit:p}){const c=l,o=p,i=e.ref(null);let d;const m=()=>{const t=d.getPlace();if(!t.geometry||!t.address_components)return;let a="",s="",u="";for(let r=0;r<t.address_components.length;r++){let n=t.address_components[r];n.types.includes("country")&&(a=n.long_name),n.types.includes("administrative_area_level_1")&&(s=n.long_name),n.types.includes("locality")&&(u=n.long_name)}const y=t.formatted_address,g={lat:t.geometry.location.lat(),lng:t.geometry.location.lng()};o("update:address",y),o("update:location",g),o("update:country",a),o("update:state",s),o("update:city",u)};return e.onMounted(()=>{new f.Loader({apiKey:c.apiKey,version:"weekly",libraries:["places"],language:c.locale}).load().then(()=>{d=new google.maps.places.Autocomplete(i.value),d.addListener("place_changed",m)}).catch(a=>{console.error(a)})}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.$attrs.class,"flex-nowrap flex"])},[l.label?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("span",null,e.toDisplayString(l.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("input",{ref_key:"addressInput",ref:i,class:"w-100",placeholder:l.placeholder,value:l.address,onInput:a[0]||(a[0]=(...s)=>t.onInput&&t.onInput(...s))},null,40,v),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[t.validation?(e.openBlock(),e.createElementBlock("div",_," * "+e.toDisplayString(t.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],2))}};exports.default=k;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
+;/* empty css               */
+const _hoisted_1 = {
+  key: 0,
+  class: "t-transp mn-r-small"
+};
+const _hoisted_2 = ["placeholder", "value"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mn-t-thin invalid-feedback"
+};
+const _sfc_main = {
+  __name: "Address",
+  props: {
+    apiKey: {
+      type: String,
+      required: true
+    },
+    label: null,
+    placeholder: "Enter something here",
+    field: null,
+    location: {
+      type: Object,
+      default: { lat: 48.6900735, lng: 41.1620239 }
+    },
+    address: {
+      type: String,
+      default: ""
+    },
+    locale: {
+      type: String,
+      default: "en"
+    }
+  },
+  emits: ["update:address", "update:location", "update:country", "update:state", "update:city"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const addressInput = vue.ref(null);
+    let autocomplete;
+    const onPlaceChanged = () => {
+      const place = autocomplete.getPlace();
+      if (!place.geometry || !place.address_components) {
+        return;
+      }
+      let country = "", state = "", city = "";
+      for (let i = 0; i < place.address_components.length; i++) {
+        let addr = place.address_components[i];
+        if (addr.types.includes("country")) {
+          country = addr.long_name;
+        }
+        if (addr.types.includes("administrative_area_level_1")) {
+          state = addr.long_name;
+        }
+        if (addr.types.includes("locality")) {
+          city = addr.long_name;
+        }
+      }
+      const newAddress = place.formatted_address;
+      const newLocation = { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() };
+      emit("update:address", newAddress);
+      emit("update:location", newLocation);
+      emit("update:country", country);
+      emit("update:state", state);
+      emit("update:city", city);
+    };
+    vue.onMounted(() => {
+      const loader = new index.Loader({
+        apiKey: props.apiKey,
+        version: "weekly",
+        libraries: ["places"],
+        language: props.locale
+      });
+      loader.load().then(() => {
+        autocomplete = new google.maps.places.Autocomplete(addressInput.value);
+        autocomplete.addListener("place_changed", onPlaceChanged);
+      }).catch((e) => {
+        console.error(e);
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([_ctx.$attrs.class, "flex-nowrap flex"])
+      }, [
+        __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("span", null, vue.toDisplayString(__props.label), 1)
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("input", {
+          ref_key: "addressInput",
+          ref: addressInput,
+          class: "w-100",
+          placeholder: __props.placeholder,
+          value: __props.address,
+          onInput: _cache[0] || (_cache[0] = (...args) => _ctx.onInput && _ctx.onInput(...args))
+        }, null, 40, _hoisted_2),
+        vue.createVNode(vue.Transition, {
+          mode: "out-in",
+          name: "fade"
+        }, {
+          default: vue.withCtx(() => [
+            _ctx.validation ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, " * " + vue.toDisplayString(_ctx.validation.message), 1)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Address.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Address.vue.cjs","sources":["../../../../../src/components/Address/Address.vue"],"sourcesContent":["<template>\n  <div :class=\"$attrs.class\" class=\"flex-nowrap flex\"> \n    <!-- ////////////////////////// -->\n    <!-- Label -->\n    <!-- ////////////////////////// -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    <!-- ////////////////////////// -->\n    <!-- Input -->\n    <!-- ////////////////////////// -->\n    <input\n      ref=\"addressInput\"\n      class=\"w-100\"\n      :placeholder=\"placeholder\"\n      :value=\"address\"\n      @input=\"onInput\"\n    />\n  <!-- ////////////////////////// -->\n  <!-- Validation -->\n  <!-- ////////////////////////// -->\n    <transition mode=\"out-in\" name=\"fade\">\n      <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n        * {{validation.message}}\n      </div>\n    </transition>\n  </div>\n</template>\n\n<style>\n.pac-container {\n  position: absolute;\n  background-color: white;\n  z-index: 1000;\n  border-radius: 2rem;\n  overflow: hidden;\n}\n</style>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n  apiKey: {\n    type: String,\n    required: true,\n  },\n  label: null,\n  placeholder: 'Enter something here',\n  field: null,\n  location: {\n    type: Object,\n    default:  { lat: 48.6900735, lng: 41.16202390 }\n  },\n  address: {\n    type: String,\n    default: \"\"\n  },\n  locale: {\n    type: String,\n    default: 'en'\n  }\n});\n\nconst emit = defineEmits(['update:address', 'update:location', 'update:country', 'update:state', 'update:city']);\n\nconst addressInput = ref(null);\n\nlet autocomplete;\n\nconst onPlaceChanged = () => {\n  const place = autocomplete.getPlace();\n\n  if (!place.geometry || !place.address_components) {\n    return;\n  }\n\n  let country = '', state = '', city = '';\n\n  for (let i = 0; i < place.address_components.length; i++) {\n\n    let addr = place.address_components[i];\n\n    if (addr.types.includes('country')) {\n      country = addr.long_name;\n    }\n    if (addr.types.includes('administrative_area_level_1')) {\n      state = addr.long_name;\n    }\n    if (addr.types.includes('locality')) {\n      city = addr.long_name;\n    }\n  }\n  \n  const newAddress = place.formatted_address;\n  const newLocation = { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() };\n\n  emit('update:address', newAddress);\n  emit('update:location', newLocation);\n  \n  // Add new emits\n  emit('update:country', country);\n  emit('update:state', state);\n  emit('update:city', city);\n};\n\nonMounted(() => {  \n  const loader = new GMLoader({  \n    apiKey: props.apiKey,  \n    version: \"weekly\",  \n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {  \n    autocomplete = new google.maps.places.Autocomplete(addressInput.value);  \n    autocomplete.addListener('place_changed', onPlaceChanged);  \n  }).catch(e => {  \n    console.error(e);  \n  });  \n});\n</script>"],"names":["ref","onMounted","GMLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAE7B,QAAI;AAEJ,UAAM,iBAAiB,MAAM;AAC3B,YAAM,QAAQ,aAAa;AAE3B,UAAI,CAAC,MAAM,YAAY,CAAC,MAAM,oBAAoB;AAChD;AAAA,MACD;AAED,UAAI,UAAU,IAAI,QAAQ,IAAI,OAAO;AAErC,eAAS,IAAI,GAAG,IAAI,MAAM,mBAAmB,QAAQ,KAAK;AAExD,YAAI,OAAO,MAAM,mBAAmB,CAAC;AAErC,YAAI,KAAK,MAAM,SAAS,SAAS,GAAG;AAClC,oBAAU,KAAK;AAAA,QAChB;AACD,YAAI,KAAK,MAAM,SAAS,6BAA6B,GAAG;AACtD,kBAAQ,KAAK;AAAA,QACd;AACD,YAAI,KAAK,MAAM,SAAS,UAAU,GAAG;AACnC,iBAAO,KAAK;AAAA,QACb;AAAA,MACF;AAED,YAAM,aAAa,MAAM;AACzB,YAAM,cAAc,EAAE,KAAK,MAAM,SAAS,SAAS,OAAO,KAAK,MAAM,SAAS,SAAS,IAAK,EAAA;AAE5F,WAAK,kBAAkB,UAAU;AACjC,WAAK,mBAAmB,WAAW;AAGnC,WAAK,kBAAkB,OAAO;AAC9B,WAAK,gBAAgB,KAAK;AAC1B,WAAK,eAAe,IAAI;AAAA,IAC1B;AAEAC,QAAAA,UAAU,MAAM;AACd,YAAM,SAAS,IAAIC,aAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,uBAAe,IAAI,OAAO,KAAK,OAAO,aAAa,aAAa,KAAK;AACrE,qBAAa,YAAY,iBAAiB,cAAc;AAAA,MAC5D,CAAG,EAAE,MAAM,OAAK;AACZ,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,18 +1,21 @@
-import { ref as w, onMounted as k, openBlock as r, createElementBlock as i, normalizeClass as b, createElementVNode as m, toDisplayString as y, createCommentVNode as g, createVNode as I, Transition as C, withCtx as S } from "vue";
-import { Loader as A } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
+import { ref, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createVNode, Transition, withCtx } from "vue";
+import { Loader } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
 /* empty css             */
-const E = {
+const _hoisted_1 = {
   key: 0,
   class: "t-transp mn-r-small"
-}, K = ["placeholder", "value"], L = {
+};
+const _hoisted_2 = ["placeholder", "value"];
+const _hoisted_3 = {
   key: 0,
   class: "mn-t-thin invalid-feedback"
-}, P = {
+};
+const _sfc_main = {
   __name: "Address",
   props: {
     apiKey: {
       type: String,
-      required: !0
+      required: true
     },
     label: null,
     placeholder: "Enter something here",
@@ -31,58 +34,80 @@ const E = {
     }
   },
   emits: ["update:address", "update:location", "update:country", "update:state", "update:city"],
-  setup(n, { emit: f }) {
-    const c = n, l = f, u = w(null);
-    let s;
-    const h = () => {
-      const e = s.getPlace();
-      if (!e.geometry || !e.address_components)
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const addressInput = ref(null);
+    let autocomplete;
+    const onPlaceChanged = () => {
+      const place = autocomplete.getPlace();
+      if (!place.geometry || !place.address_components) {
         return;
-      let t = "", o = "", p = "";
-      for (let d = 0; d < e.address_components.length; d++) {
-        let a = e.address_components[d];
-        a.types.includes("country") && (t = a.long_name), a.types.includes("administrative_area_level_1") && (o = a.long_name), a.types.includes("locality") && (p = a.long_name);
       }
-      const v = e.formatted_address, _ = { lat: e.geometry.location.lat(), lng: e.geometry.location.lng() };
-      l("update:address", v), l("update:location", _), l("update:country", t), l("update:state", o), l("update:city", p);
+      let country = "", state = "", city = "";
+      for (let i = 0; i < place.address_components.length; i++) {
+        let addr = place.address_components[i];
+        if (addr.types.includes("country")) {
+          country = addr.long_name;
+        }
+        if (addr.types.includes("administrative_area_level_1")) {
+          state = addr.long_name;
+        }
+        if (addr.types.includes("locality")) {
+          city = addr.long_name;
+        }
+      }
+      const newAddress = place.formatted_address;
+      const newLocation = { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() };
+      emit("update:address", newAddress);
+      emit("update:location", newLocation);
+      emit("update:country", country);
+      emit("update:state", state);
+      emit("update:city", city);
     };
-    return k(() => {
-      new A({
-        apiKey: c.apiKey,
+    onMounted(() => {
+      const loader = new Loader({
+        apiKey: props.apiKey,
         version: "weekly",
         libraries: ["places"],
-        language: c.locale
-      }).load().then(() => {
-        s = new google.maps.places.Autocomplete(u.value), s.addListener("place_changed", h);
-      }).catch((t) => {
-        console.error(t);
+        language: props.locale
       });
-    }), (e, t) => (r(), i("div", {
-      class: b([e.$attrs.class, "flex-nowrap flex"])
-    }, [
-      n.label ? (r(), i("div", E, [
-        m("span", null, y(n.label), 1)
-      ])) : g("", !0),
-      m("input", {
-        ref_key: "addressInput",
-        ref: u,
-        class: "w-100",
-        placeholder: n.placeholder,
-        value: n.address,
-        onInput: t[0] || (t[0] = (...o) => e.onInput && e.onInput(...o))
-      }, null, 40, K),
-      I(C, {
-        mode: "out-in",
-        name: "fade"
-      }, {
-        default: S(() => [
-          e.validation ? (r(), i("div", L, " * " + y(e.validation.message), 1)) : g("", !0)
-        ]),
-        _: 1
-      })
-    ], 2));
+      loader.load().then(() => {
+        autocomplete = new google.maps.places.Autocomplete(addressInput.value);
+        autocomplete.addListener("place_changed", onPlaceChanged);
+      }).catch((e) => {
+        console.error(e);
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$attrs.class, "flex-nowrap flex"])
+      }, [
+        __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("span", null, toDisplayString(__props.label), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("input", {
+          ref_key: "addressInput",
+          ref: addressInput,
+          class: "w-100",
+          placeholder: __props.placeholder,
+          value: __props.address,
+          onInput: _cache[0] || (_cache[0] = (...args) => _ctx.onInput && _ctx.onInput(...args))
+        }, null, 40, _hoisted_2),
+        createVNode(Transition, {
+          mode: "out-in",
+          name: "fade"
+        }, {
+          default: withCtx(() => [
+            _ctx.validation ? (openBlock(), createElementBlock("div", _hoisted_3, " * " + toDisplayString(_ctx.validation.message), 1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
   }
 };
 export {
-  P as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Address.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Address.vue.js","sources":["../../../../../src/components/Address/Address.vue"],"sourcesContent":["<template>\n  <div :class=\"$attrs.class\" class=\"flex-nowrap flex\"> \n    <!-- ////////////////////////// -->\n    <!-- Label -->\n    <!-- ////////////////////////// -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    <!-- ////////////////////////// -->\n    <!-- Input -->\n    <!-- ////////////////////////// -->\n    <input\n      ref=\"addressInput\"\n      class=\"w-100\"\n      :placeholder=\"placeholder\"\n      :value=\"address\"\n      @input=\"onInput\"\n    />\n  <!-- ////////////////////////// -->\n  <!-- Validation -->\n  <!-- ////////////////////////// -->\n    <transition mode=\"out-in\" name=\"fade\">\n      <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n        * {{validation.message}}\n      </div>\n    </transition>\n  </div>\n</template>\n\n<style>\n.pac-container {\n  position: absolute;\n  background-color: white;\n  z-index: 1000;\n  border-radius: 2rem;\n  overflow: hidden;\n}\n</style>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n  apiKey: {\n    type: String,\n    required: true,\n  },\n  label: null,\n  placeholder: 'Enter something here',\n  field: null,\n  location: {\n    type: Object,\n    default:  { lat: 48.6900735, lng: 41.16202390 }\n  },\n  address: {\n    type: String,\n    default: \"\"\n  },\n  locale: {\n    type: String,\n    default: 'en'\n  }\n});\n\nconst emit = defineEmits(['update:address', 'update:location', 'update:country', 'update:state', 'update:city']);\n\nconst addressInput = ref(null);\n\nlet autocomplete;\n\nconst onPlaceChanged = () => {\n  const place = autocomplete.getPlace();\n\n  if (!place.geometry || !place.address_components) {\n    return;\n  }\n\n  let country = '', state = '', city = '';\n\n  for (let i = 0; i < place.address_components.length; i++) {\n\n    let addr = place.address_components[i];\n\n    if (addr.types.includes('country')) {\n      country = addr.long_name;\n    }\n    if (addr.types.includes('administrative_area_level_1')) {\n      state = addr.long_name;\n    }\n    if (addr.types.includes('locality')) {\n      city = addr.long_name;\n    }\n  }\n  \n  const newAddress = place.formatted_address;\n  const newLocation = { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() };\n\n  emit('update:address', newAddress);\n  emit('update:location', newLocation);\n  \n  // Add new emits\n  emit('update:country', country);\n  emit('update:state', state);\n  emit('update:city', city);\n};\n\nonMounted(() => {  \n  const loader = new GMLoader({  \n    apiKey: props.apiKey,  \n    version: \"weekly\",  \n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {  \n    autocomplete = new google.maps.places.Autocomplete(addressInput.value);  \n    autocomplete.addListener('place_changed', onPlaceChanged);  \n  }).catch(e => {  \n    console.error(e);  \n  });  \n});\n</script>"],"names":["GMLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,eAAe,IAAI,IAAI;AAE7B,QAAI;AAEJ,UAAM,iBAAiB,MAAM;AAC3B,YAAM,QAAQ,aAAa;AAE3B,UAAI,CAAC,MAAM,YAAY,CAAC,MAAM,oBAAoB;AAChD;AAAA,MACD;AAED,UAAI,UAAU,IAAI,QAAQ,IAAI,OAAO;AAErC,eAAS,IAAI,GAAG,IAAI,MAAM,mBAAmB,QAAQ,KAAK;AAExD,YAAI,OAAO,MAAM,mBAAmB,CAAC;AAErC,YAAI,KAAK,MAAM,SAAS,SAAS,GAAG;AAClC,oBAAU,KAAK;AAAA,QAChB;AACD,YAAI,KAAK,MAAM,SAAS,6BAA6B,GAAG;AACtD,kBAAQ,KAAK;AAAA,QACd;AACD,YAAI,KAAK,MAAM,SAAS,UAAU,GAAG;AACnC,iBAAO,KAAK;AAAA,QACb;AAAA,MACF;AAED,YAAM,aAAa,MAAM;AACzB,YAAM,cAAc,EAAE,KAAK,MAAM,SAAS,SAAS,OAAO,KAAK,MAAM,SAAS,SAAS,IAAK,EAAA;AAE5F,WAAK,kBAAkB,UAAU;AACjC,WAAK,mBAAmB,WAAW;AAGnC,WAAK,kBAAkB,OAAO;AAC9B,WAAK,gBAAgB,KAAK;AAC1B,WAAK,eAAe,IAAI;AAAA,IAC1B;AAEA,cAAU,MAAM;AACd,YAAM,SAAS,IAAIA,OAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,uBAAe,IAAI,OAAO,KAAK,OAAO,aAAa,aAAa,KAAK;AACrE,qBAAa,YAAY,iBAAiB,cAAc;AAAA,MAC5D,CAAG,EAAE,MAAM,OAAK;AACZ,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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;;;;;;;;;;;;;;;;;;;;;;;;"}