@ozdao/prometheus-framework 0.2.43 → 0.2.44

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

@@ -1 +1,227 @@
-
+import { ref as d, openBlock as l, createElementBlock as s, withModifiers as v, createVNode as g, Transition as y, withCtx as p, renderSlot as w, toDisplayString as h, createCommentVNode as b, createElementVNode as e, createTextVNode as r } from "vue";
+import "./Button.vue.js";
+const k = ["disabled"], x = { key: 0 }, N = {
+  key: 1,
+  class: "loading"
+}, C = /* @__PURE__ */ e("svg", {
+  class: "i-regular",
+  width: "135",
+  height: "140",
+  viewBox: "0 0 135 140",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "#fff"
+}, [
+  /* @__PURE__ */ e("rect", {
+    y: "10",
+    width: "15",
+    height: "120",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0.5s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0.5s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ]),
+  /* @__PURE__ */ e("rect", {
+    x: "30",
+    y: "10",
+    width: "15",
+    height: "120",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0.25s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0.25s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ]),
+  /* @__PURE__ */ e("rect", {
+    x: "60",
+    width: "15",
+    height: "140",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ]),
+  /* @__PURE__ */ e("rect", {
+    x: "90",
+    y: "10",
+    width: "15",
+    height: "120",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0.25s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0.25s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ]),
+  /* @__PURE__ */ e("rect", {
+    x: "120",
+    y: "10",
+    width: "15",
+    height: "120",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0.5s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0.5s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ])
+], -1), M = [
+  C
+], B = {
+  key: 2,
+  class: "t-semi loading t-black"
+}, _ = {
+  key: 3,
+  class: "error"
+}, L = {
+  key: 0,
+  class: "button-counter"
+}, V = {
+  __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
+    }
+  },
+  setup(t) {
+    const n = t, a = d(null), i = d(null), o = d(!1), c = d(!1);
+    async function f() {
+      a.value.style["pointer-events"] = "none", i.value = null, o.value = !0;
+      const u = () => {
+        a.value && (a.value.classList.replace("bg-second", "bg-main"), a.value.style.pointerEvents = "auto", o.value = !1, c.value = !1, i.value = null);
+      };
+      try {
+        await n.submit(), a.value.classList.replace("bg-main", "bg-second"), o.value = !1, n.showSucces ? (c.value = !0, setTimeout(u, 500)) : u(), n.callback && setTimeout(() => n.callback(), n.callbackDelay);
+      } catch {
+        a.value.classList.replace("bg-main", "bg-fourth-nano"), i.value = n.error, setTimeout(() => {
+          u(), a.value.classList.replace("bg-fourth-nano", "bg-main");
+        }, 1330);
+      }
+    }
+    return (u, m) => (l(), s("button", {
+      onClick: v(f, ["stop"]),
+      disabled: t.validation,
+      ref_key: "button",
+      ref: a,
+      class: "button"
+    }, [
+      g(y, { name: "moveFromTopAbsolute" }, {
+        default: p(() => [
+          !o.value && !i.value && !c.value || !t.showLoader ? (l(), s("span", x, [
+            w(u.$slots, "default")
+          ])) : o.value && !i.value && t.showLoader ? (l(), s("span", N, M)) : c.value && t.showSucces ? (l(), s("span", B, h(t.text.success), 1)) : i.value ? (l(), s("span", _, h(i.value), 1)) : b("", !0)
+        ]),
+        _: 3
+      }),
+      t.counter ? (l(), s("p", L, h(t.counter), 1)) : b("", !0)
+    ], 8, k));
+  }
+};
+export {
+  V as default
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("./Checkbox.vue2.cjs");const o=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),u={class:"flex-v-center flex-nowrap flex"},s={key:0,class:"mn-r-auto t-transp mn-r-small"},m=["name","value","checked"],y={__name:"Checkbox",props:{label:String,name:String,value:String,radio:{type:[Array,Boolean,Object],default:()=>[]}},emits:["update:radio"],setup(e,{emit:d}){const t=e,l=d,c=i=>{if(Array.isArray(t.radio)){let r=[...t.radio];if(i.target.checked)r.push(t.value);else{const n=r.indexOf(t.value);n!==-1&&r.splice(n,1)}l("update:radio",r)}else typeof t.radio=="boolean"&&l("update:radio",i.target.checked)};return(i,r)=>(a.openBlock(),a.createElementBlock("label",u,[e.label?(a.openBlock(),a.createElementBlock("div",s,[a.createElementVNode("span",null,a.toDisplayString(e.label),1)])):a.createCommentVNode("",!0),a.createElementVNode("input",{onChange:c,class:"round radiobutton",type:"checkbox",name:e.name,value:e.value,checked:Array.isArray(e.radio)?e.radio.includes(e.value):e.radio},null,40,m),a.createElementVNode("div",{class:a.normalizeClass(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra",{"bg-grey":!(Array.isArray(e.radio)?e.radio.includes(e.value):e.radio),"bg-main":Array.isArray(e.radio)?e.radio.includes(e.value):e.radio}])},[a.createElementVNode("div",{class:a.normalizeClass(["transition-linear w-1r h-1r radius-extra h-100 bg-white",{"mn-r-auto":!(Array.isArray(e.radio)?e.radio.includes(e.value):e.radio),"mn-l-auto":Array.isArray(e.radio)?e.radio.includes(e.value):e.radio}])},null,2)],2)]))}},h=o.default(y,[["__scopeId","data-v-ef88ec33"]]);exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

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

@@ -1,63 +1,4 @@
-import { openBlock as d, createElementBlock as o, createElementVNode as t, toDisplayString as m, createCommentVNode as h, normalizeClass as c } from "vue";
-import "./Checkbox.vue2.js";
-import y from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = { class: "flex-v-center flex-nowrap flex" }, v = {
-  key: 0,
-  class: "mn-r-auto t-transp mn-r-small"
-}, x = ["name", "value", "checked"], b = {
-  __name: "Checkbox",
-  props: {
-    label: String,
-    name: String,
-    value: String,
-    radio: {
-      type: [Array, Boolean, Object],
-      default: () => []
-    }
-  },
-  emits: ["update:radio"],
-  setup(e, { emit: u }) {
-    const a = e, n = u, s = (r) => {
-      if (Array.isArray(a.radio)) {
-        let i = [...a.radio];
-        if (r.target.checked)
-          i.push(a.value);
-        else {
-          const l = i.indexOf(a.value);
-          l !== -1 && i.splice(l, 1);
-        }
-        n("update:radio", i);
-      } else
-        typeof a.radio == "boolean" && n("update:radio", r.target.checked);
-    };
-    return (r, i) => (d(), o("label", f, [
-      e.label ? (d(), o("div", v, [
-        t("span", null, m(e.label), 1)
-      ])) : h("", !0),
-      t("input", {
-        onChange: s,
-        class: "round radiobutton",
-        type: "checkbox",
-        name: e.name,
-        value: e.value,
-        checked: Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
-      }, null, 40, x),
-      t("div", {
-        class: c(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra", {
-          "bg-grey": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
-          "bg-main": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
-        }])
-      }, [
-        t("div", {
-          class: c(["transition-linear w-1r h-1r radius-extra h-100 bg-white", {
-            "mn-r-auto": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
-            "mn-l-auto": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
-          }])
-        }, null, 2)
-      ], 2)
-    ]));
-  }
-}, w = /* @__PURE__ */ y(b, [["__scopeId", "data-v-ef88ec33"]]);
+const e = "";
 export {
-  w as default
+  e as default
 };

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

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("./Checkbox.vue.cjs");const o=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),u={class:"flex-v-center flex-nowrap flex"},s={key:0,class:"mn-r-auto t-transp mn-r-small"},m=["name","value","checked"],y={__name:"Checkbox",props:{label:String,name:String,value:String,radio:{type:[Array,Boolean,Object],default:()=>[]}},emits:["update:radio"],setup(e,{emit:d}){const t=e,l=d,c=i=>{if(Array.isArray(t.radio)){let r=[...t.radio];if(i.target.checked)r.push(t.value);else{const n=r.indexOf(t.value);n!==-1&&r.splice(n,1)}l("update:radio",r)}else typeof t.radio=="boolean"&&l("update:radio",i.target.checked)};return(i,r)=>(a.openBlock(),a.createElementBlock("label",u,[e.label?(a.openBlock(),a.createElementBlock("div",s,[a.createElementVNode("span",null,a.toDisplayString(e.label),1)])):a.createCommentVNode("",!0),a.createElementVNode("input",{onChange:c,class:"round radiobutton",type:"checkbox",name:e.name,value:e.value,checked:Array.isArray(e.radio)?e.radio.includes(e.value):e.radio},null,40,m),a.createElementVNode("div",{class:a.normalizeClass(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra",{"bg-grey":!(Array.isArray(e.radio)?e.radio.includes(e.value):e.radio),"bg-main":Array.isArray(e.radio)?e.radio.includes(e.value):e.radio}])},[a.createElementVNode("div",{class:a.normalizeClass(["transition-linear w-1r h-1r radius-extra h-100 bg-white",{"mn-r-auto":!(Array.isArray(e.radio)?e.radio.includes(e.value):e.radio),"mn-l-auto":Array.isArray(e.radio)?e.radio.includes(e.value):e.radio}])},null,2)],2)]))}},h=o.default(y,[["__scopeId","data-v-ef88ec33"]]);exports.default=h;

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

@@ -1 +1,63 @@
-
+import { openBlock as d, createElementBlock as o, createElementVNode as t, toDisplayString as m, createCommentVNode as h, normalizeClass as c } from "vue";
+import "./Checkbox.vue.js";
+import y from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "flex-v-center flex-nowrap flex" }, v = {
+  key: 0,
+  class: "mn-r-auto t-transp mn-r-small"
+}, x = ["name", "value", "checked"], b = {
+  __name: "Checkbox",
+  props: {
+    label: String,
+    name: String,
+    value: String,
+    radio: {
+      type: [Array, Boolean, Object],
+      default: () => []
+    }
+  },
+  emits: ["update:radio"],
+  setup(e, { emit: u }) {
+    const a = e, n = u, s = (r) => {
+      if (Array.isArray(a.radio)) {
+        let i = [...a.radio];
+        if (r.target.checked)
+          i.push(a.value);
+        else {
+          const l = i.indexOf(a.value);
+          l !== -1 && i.splice(l, 1);
+        }
+        n("update:radio", i);
+      } else
+        typeof a.radio == "boolean" && n("update:radio", r.target.checked);
+    };
+    return (r, i) => (d(), o("label", f, [
+      e.label ? (d(), o("div", v, [
+        t("span", null, m(e.label), 1)
+      ])) : h("", !0),
+      t("input", {
+        onChange: s,
+        class: "round radiobutton",
+        type: "checkbox",
+        name: e.name,
+        value: e.value,
+        checked: Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
+      }, null, 40, x),
+      t("div", {
+        class: c(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra", {
+          "bg-grey": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
+          "bg-main": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
+        }])
+      }, [
+        t("div", {
+          class: c(["transition-linear w-1r h-1r radius-extra h-100 bg-white", {
+            "mn-r-auto": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
+            "mn-l-auto": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
+          }])
+        }, null, 2)
+      ], 2)
+    ]));
+  }
+}, w = /* @__PURE__ */ y(b, [["__scopeId", "data-v-ef88ec33"]]);
+export {
+  w as default
+};

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

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

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

@@ -1 +1,4 @@
-
+const e = "";
+export {
+  e as default
+};

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

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

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

@@ -1 +1,4 @@
-
+const _ = "";
+export {
+  _ as default
+};

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

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

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

@@ -1 +1,4 @@
-
+const e = "";
+export {
+  e as default
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./Field.vue2.cjs");const u=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),r={key:0,class:"t-transp mn-r-small"},c={class:"w-100"},m=["type","value","placeholder","tabindex"],f=["value","placeholder","tabindex"],b={key:1,class:"t-transp mn-l-small"},v={key:0,class:"mn-t-thin mn-b-thin mn-b-thin invalid-feedback"},k={__name:"Field",props:{label:null,symbol:null,type:"text",placeholder:"Enter something here",field:null,validation:!1,disabled:!1,tabindex:-1},emits:["update:field","focus","blur"],setup(t,{emit:i}){const a=i,s=t,o=e.ref(s.field);return(d,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[d.$attrs.class,{"bg-fourth-nano":t.validation}],"flex-center flex-nowrap flex"])},[t.label?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("span",null,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[t.type!=="textarea"?(e.openBlock(),e.createElementBlock("input",{key:0,onInput:l[0]||(l[0]=n=>o.value=a("update:field",n.target.value)),onFocus:l[1]||(l[1]=n=>a("focus",n)),onBlur:l[2]||(l[2]=n=>a("blur",n)),type:t.type,class:"w-100",value:t.field,placeholder:t.placeholder,tabindex:t.tabindex},null,40,m)):(e.openBlock(),e.createElementBlock("textarea",{key:1,onInput:l[3]||(l[3]=n=>o.value=a("update:field",n.target.value)),onFocus:l[4]||(l[4]=n=>a("focus",n)),onBlur:l[5]||(l[5]=n=>a("blur",n)),class:"w-100",value:t.field,placeholder:t.placeholder,tabindex:t.tabindex},null,40,f))]),e.renderSlot(d.$slots,"default",{},void 0,!0),t.symbol?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("span",null,e.toDisplayString(t.symbol),1)])):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(t.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}},y=u.default(k,[["__scopeId","data-v-5e69d3c2"]]);exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

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

@@ -1,78 +1,4 @@
-import { ref as f, openBlock as a, createElementBlock as d, Fragment as b, createElementVNode as i, normalizeClass as c, toDisplayString as o, createCommentVNode as s, renderSlot as v, createVNode as x, Transition as y, withCtx as h } from "vue";
-import "./Field.vue2.js";
-import k from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = {
-  key: 0,
-  class: "t-transp mn-r-small"
-}, g = { class: "w-100" }, w = ["type", "value", "placeholder", "tabindex"], F = ["value", "placeholder", "tabindex"], B = {
-  key: 1,
-  class: "t-transp mn-l-small"
-}, C = {
-  key: 0,
-  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
-}, E = {
-  __name: "Field",
-  props: {
-    label: null,
-    symbol: null,
-    type: "text",
-    placeholder: "Enter something here",
-    field: null,
-    validation: !1,
-    disabled: !1,
-    tabindex: -1
-  },
-  emits: ["update:field", "focus", "blur"],
-  setup(e, { emit: m }) {
-    const n = m, u = f(e.field);
-    return (r, t) => (a(), d(b, null, [
-      i("div", {
-        class: c([[
-          r.$attrs.class,
-          {
-            "bg-fourth-nano": e.validation
-          }
-        ], "flex-center flex-nowrap flex"])
-      }, [
-        e.label ? (a(), d("div", p, [
-          i("span", null, o(e.label), 1)
-        ])) : s("", !0),
-        i("div", g, [
-          e.type !== "textarea" ? (a(), d("input", {
-            key: 0,
-            onInput: t[0] || (t[0] = (l) => u.value = n("update:field", l.target.value)),
-            onFocus: t[1] || (t[1] = (l) => n("focus", l)),
-            onBlur: t[2] || (t[2] = (l) => n("blur", l)),
-            type: e.type,
-            class: "w-100",
-            value: e.field,
-            placeholder: e.placeholder,
-            tabindex: e.tabindex
-          }, null, 40, w)) : (a(), d("textarea", {
-            key: 1,
-            onInput: t[3] || (t[3] = (l) => u.value = n("update:field", l.target.value)),
-            onFocus: t[4] || (t[4] = (l) => n("focus", l)),
-            onBlur: t[5] || (t[5] = (l) => n("blur", l)),
-            class: "w-100",
-            value: e.field,
-            placeholder: e.placeholder,
-            tabindex: e.tabindex
-          }, null, 40, F))
-        ]),
-        v(r.$slots, "default", {}, void 0, !0),
-        e.symbol ? (a(), d("div", B, [
-          i("span", null, o(e.symbol), 1)
-        ])) : s("", !0)
-      ], 2),
-      x(y, { name: "fade" }, {
-        default: h(() => [
-          e.validation ? (a(), d("div", C, " * " + o(e.validation.message), 1)) : s("", !0)
-        ]),
-        _: 1
-      })
-    ], 64));
-  }
-}, $ = /* @__PURE__ */ k(E, [["__scopeId", "data-v-5e69d3c2"]]);
+const e = "";
 export {
-  $ as default
+  e as default
 };

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

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./Field.vue.cjs");const u=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),r={key:0,class:"t-transp mn-r-small"},c={class:"w-100"},m=["type","value","placeholder","tabindex"],f=["value","placeholder","tabindex"],b={key:1,class:"t-transp mn-l-small"},v={key:0,class:"mn-t-thin mn-b-thin mn-b-thin invalid-feedback"},k={__name:"Field",props:{label:null,symbol:null,type:"text",placeholder:"Enter something here",field:null,validation:!1,disabled:!1,tabindex:-1},emits:["update:field","focus","blur"],setup(t,{emit:i}){const a=i,s=t,o=e.ref(s.field);return(d,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[d.$attrs.class,{"bg-fourth-nano":t.validation}],"flex-center flex-nowrap flex"])},[t.label?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("span",null,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[t.type!=="textarea"?(e.openBlock(),e.createElementBlock("input",{key:0,onInput:l[0]||(l[0]=n=>o.value=a("update:field",n.target.value)),onFocus:l[1]||(l[1]=n=>a("focus",n)),onBlur:l[2]||(l[2]=n=>a("blur",n)),type:t.type,class:"w-100",value:t.field,placeholder:t.placeholder,tabindex:t.tabindex},null,40,m)):(e.openBlock(),e.createElementBlock("textarea",{key:1,onInput:l[3]||(l[3]=n=>o.value=a("update:field",n.target.value)),onFocus:l[4]||(l[4]=n=>a("focus",n)),onBlur:l[5]||(l[5]=n=>a("blur",n)),class:"w-100",value:t.field,placeholder:t.placeholder,tabindex:t.tabindex},null,40,f))]),e.renderSlot(d.$slots,"default",{},void 0,!0),t.symbol?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("span",null,e.toDisplayString(t.symbol),1)])):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(t.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}},y=u.default(k,[["__scopeId","data-v-5e69d3c2"]]);exports.default=y;

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

@@ -1 +1,78 @@
-
+import { ref as f, openBlock as a, createElementBlock as d, Fragment as b, createElementVNode as i, normalizeClass as c, toDisplayString as o, createCommentVNode as s, renderSlot as v, createVNode as x, Transition as y, withCtx as h } from "vue";
+import "./Field.vue.js";
+import k from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = {
+  key: 0,
+  class: "t-transp mn-r-small"
+}, g = { class: "w-100" }, w = ["type", "value", "placeholder", "tabindex"], F = ["value", "placeholder", "tabindex"], B = {
+  key: 1,
+  class: "t-transp mn-l-small"
+}, C = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
+}, E = {
+  __name: "Field",
+  props: {
+    label: null,
+    symbol: null,
+    type: "text",
+    placeholder: "Enter something here",
+    field: null,
+    validation: !1,
+    disabled: !1,
+    tabindex: -1
+  },
+  emits: ["update:field", "focus", "blur"],
+  setup(e, { emit: m }) {
+    const n = m, u = f(e.field);
+    return (r, t) => (a(), d(b, null, [
+      i("div", {
+        class: c([[
+          r.$attrs.class,
+          {
+            "bg-fourth-nano": e.validation
+          }
+        ], "flex-center flex-nowrap flex"])
+      }, [
+        e.label ? (a(), d("div", p, [
+          i("span", null, o(e.label), 1)
+        ])) : s("", !0),
+        i("div", g, [
+          e.type !== "textarea" ? (a(), d("input", {
+            key: 0,
+            onInput: t[0] || (t[0] = (l) => u.value = n("update:field", l.target.value)),
+            onFocus: t[1] || (t[1] = (l) => n("focus", l)),
+            onBlur: t[2] || (t[2] = (l) => n("blur", l)),
+            type: e.type,
+            class: "w-100",
+            value: e.field,
+            placeholder: e.placeholder,
+            tabindex: e.tabindex
+          }, null, 40, w)) : (a(), d("textarea", {
+            key: 1,
+            onInput: t[3] || (t[3] = (l) => u.value = n("update:field", l.target.value)),
+            onFocus: t[4] || (t[4] = (l) => n("focus", l)),
+            onBlur: t[5] || (t[5] = (l) => n("blur", l)),
+            class: "w-100",
+            value: e.field,
+            placeholder: e.placeholder,
+            tabindex: e.tabindex
+          }, null, 40, F))
+        ]),
+        v(r.$slots, "default", {}, void 0, !0),
+        e.symbol ? (a(), d("div", B, [
+          i("span", null, o(e.symbol), 1)
+        ])) : s("", !0)
+      ], 2),
+      x(y, { name: "fade" }, {
+        default: h(() => [
+          e.validation ? (a(), d("div", C, " * " + o(e.validation.message), 1)) : s("", !0)
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}, $ = /* @__PURE__ */ k(E, [["__scopeId", "data-v-5e69d3c2"]]);
+export {
+  $ as default
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),u=require("./utils.cjs"),f=require("./click-outside.cjs");require("./FieldPhone.vue2.cjs");const y=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),h=require("../../../../node_modules/libphonenumber-js/min/exports/parsePhoneNumber.cjs");function r(e){const t=u.default.options[e];return typeof t>"u"?u.default.options[e]:t}const C=i.defineComponent({name:"Vue3ReactiveTelInput",directives:{clickOutside:f.default},props:{modelValue:{type:String,default:""},badClass:{type:[String,Array,Object],default:""},goodClass:{type:[String,Array,Object],default:""},badStyle:{type:[String,Array,Object],default:""},goodStyle:{type:[String,Array,Object],default:""},badInputClass:{type:[String,Array,Object],default:""},goodInputClass:{type:[String,Array,Object],default:""},badInputStyle:{type:[String,Array,Object],default:""},goodInputStyle:{type:[String,Array,Object],default:""},allCountries:{type:Array,default:()=>r("allCountries")},autoFormat:{type:Boolean,default:()=>r("autoFormat")},validation:{type:[Boolean,Object],default:!1},customValidate:{type:[Boolean,RegExp],default:()=>r("customValidate")},defaultCountry:{type:String,default:()=>r("defaultCountry")},disabled:{type:Boolean,default:()=>r("disabled")},autoDefaultCountry:{type:Boolean,default:()=>r("autoDefaultCountry")},dropdownOptions:{type:Object,default:()=>r("dropdownOptions")},ignoredCountries:{type:Array,default:()=>r("ignoredCountries")},inputOptions:{type:Object,default:()=>r("inputOptions")},invalidMsg:{type:String,default:()=>r("invalidMsg")},mode:{type:String,default:()=>r("mode")},onlyCountries:{type:Array,default:()=>r("onlyCountries")},preferredCountries:{type:Array,default:()=>r("preferredCountries")},validCharactersOnly:{type:Boolean,default:()=>r("validCharactersOnly")},rootClass:{type:[String,Array,Object],default:()=>r("styleClasses")},inputClass:{type:[String,Array,Object],default:()=>""},divInputClass:{type:[String,Array,Object],default:()=>""},rootStyle:{type:[String,Array,Object],default:()=>""},dropdownStyle:{type:[String,Array,Object],default:()=>""},listStyle:{type:[String,Array,Object],default:()=>""},inputStyle:{type:[String,Array,Object],default:()=>""},inputId:{type:[String,Array,Object],default:()=>""},Placeholder:{type:[String,Object,Function],default:()=>""}},data(){return{counter:5,initCounter:5,message:{action:null,amount:null},phone:this.modelValue?this.modelValue:"",activeCountryCode:"",open:!1,finishMounted:!1,selectedIndex:null,typeToFindInput:"",typeToFindTimer:null,dropdownOpenDirection:"below",parsedPlaceholder:this.Placeholder!==""?this.Placeholder:this.inputOptions.placeholder}},watch:{activeCountry(e,t){if(!e&&(t!=null&&t.iso2)){this.activeCountryCode=t.iso2;return}e!=null&&e.iso2&&this.$emit("country-changed",e)},"phoneObject.countryCode":function(e){this.activeCountryCode=e},"phoneObject.valid":function(){this.$emit("validate",this.phoneObject)},"phoneObject.formatted":function(e){!this.autoFormat||this.customValidate||(this.emitInput(e),this.$nextTick(()=>{e&&!this.value&&(this.phone=e)}))},"inputOptions.placeholder":function(){this.resetPlaceholder()},value(e,t){this.testCharacters()?this.phone=e:this.$nextTick(()=>{this.phone=t,this.onInput()})},open(e){e?(this.setDropdownPosition(),this.$emit("open")):this.$emit("close")}},mounted(){this.value&&(this.phone=this.value),this.cleanInvalidCharacters(),this.initializeCountry().then(()=>{var e;!this.phone&&((e=this.inputOptions)!=null&&e.showDialCode)&&this.activeCountryCode&&(this.phone=`+${this.activeCountryCode}`),this.$emit("validate",this.phoneObject)}).catch(console.error).then(()=>{this.finishMounted=!0})},computed:{activeCountry(){return this.findCountry(this.activeCountryCode)},activeCountryFlag(){return this.activeCountry?this.activeCountry.flag:null},parsedMode(){return this.mode==="auto"?!this.phone||this.phone[0]!=="+"?"national":"international":["international","national"].includes(this.mode)?this.mode:(console.error('Invalid value of prop "mode"'),"international")},filteredCountries(){return this.onlyCountries.length?this.allCountries.filter(({iso2:e})=>this.onlyCountries.some(t=>t.toUpperCase()===e)):this.ignoredCountries.length?this.allCountries.filter(({iso2:e})=>!this.ignoredCountries.includes(e.toUpperCase())&&!this.ignoredCountries.includes(e.toLowerCase())):this.allCountries},sortedCountries(){return[...this.getCountries(this.preferredCountries).map(t=>({...t,preferred:!0})),...this.filteredCountries]},phoneObject(){var a,d,n;let e;((a=this.phone)==null?void 0:a[0])==="+"?e=h.parsePhoneNumber(this.phone)||{}:e=h.parsePhoneNumber(this.phone,this.activeCountryCode)||{};const{metadata:t,...o}=e;let s=(d=e.isValid)==null?void 0:d.call(e),l=this.phone;return s&&(l=(n=e.format)==null?void 0:n.call(e,this.parsedMode.toUpperCase(),{nationalPrefix:!1})),e.country&&(this.ignoredCountries.length||this.onlyCountries.length)&&(this.findCountry(e.country)||(s=!1,Object.assign(e,{country:null}))),Object.assign(o,{countryCode:e.country,valid:s,country:this.activeCountry,formatted:l}),o},classes(){return this.phoneObject.valid===!0?this.goodClass:this.phoneObject.valid===!1?this.badClass:void 0},styles(){return this.phoneObject.valid===!0?this.goodStyle:this.phoneObject.valid===!1?this.badStyle:void 0},Iclasses(){return this.phoneObject.valid===!0?this.goodInputClass:this.phoneObject.valid===!1?this.badInputClass:void 0},Istyles(){return this.phoneObject.valid===!0?this.goodInputStyle:this.phoneObject.valid===!1?this.badInputStyle:void 0}},methods:{resetPlaceholder(){this.parsedPlaceholder=this.inputOptions.placeholder},initializeCountry(){return new Promise(e=>{var o;if(((o=this.phone)==null?void 0:o[0])==="+"){e();return}if(this.defaultCountry){this.choose(this.defaultCountry),e();return}const t=this.preferredCountries[0]||this.filteredCountries[0];this.autoDefaultCountry?u.getCountry().then(s=>{this.choose(s||this.activeCountryCode)}).catch(s=>{console.warn(s),this.choose(t)}).then(()=>{e()}):(this.choose(t),e())})},getCountries(e=[]){return e.map(t=>this.findCountry(t)).filter(Boolean)},findCountry(e=""){return this.filteredCountries.find(t=>t.iso2===e.toUpperCase())},getItemClass(e,t){const o=this.selectedIndex===e,s=e===this.preferredCountries.length-1,l=this.preferredCountries.some(a=>a.toUpperCase()===t);return{highlighted:o,"last-preferred":s,preferred:l}},choose(e){var o,s;let t=e;if(typeof t=="string"&&(t=this.findCountry(t)),!!t){if(((o=this.phone)==null?void 0:o[0])==="+"&&t.iso2&&this.phoneObject.nationalNumber){this.activeCountryCode=t.iso2,this.phone=h.parsePhoneNumber(this.phoneObject.nationalNumber,t.iso2).formatInternational();return}if((s=this.inputOptions)!=null&&s.showDialCode&&t){this.phone=`+${t.dialCode}`;return}this.activeCountryCode=t.iso2,this.emitInput(this.phone)}},cleanInvalidCharacters(){const e=this.phone;if(this.validCharactersOnly){const t=this.phone.match(/[()\-+0-9\s]*/g);this.phone=t.join("")}if(this.customValidate&&this.customValidate instanceof RegExp){const t=this.phone.match(this.customValidate);this.phone=t.join("")}e!==this.phone&&this.emitInput(this.phone)},testCharacters(){return this.validCharactersOnly&&!/^[()\-+0-9\s]*$/.test(this.phone)?!1:this.customValidate?this.testCustomValidate():!0},testCustomValidate(){return this.customValidate instanceof RegExp?this.customValidate.test(this.phone):!1},onInput(){this.$refs.input.setCustomValidity(this.phoneObject.valid?"":this.invalidMsg),this.emitInput(this.phoneObject)},emitInput(e){this.$emit("update:modelValue",e)},onBlur(){this.$emit("blur")},onFocus(){u.setCaretPosition(this.$refs.input,this.phone.length),this.$emit("focus")},onEnter(){this.$emit("enter")},onSpace(){this.$emit("space")},focus(){this.$refs.input.focus()},toggleDropdown(){this.disabled||(this.open=!this.open)},clickedOutside(){this.open=!1},keyboardNav(e){if(e.keyCode===40){e.preventDefault(),this.open=!0,this.selectedIndex===null?this.selectedIndex=0:this.selectedIndex=Math.min(this.sortedCountries.length-1,this.selectedIndex+1);const t=this.$refs.list.children[this.selectedIndex];t.offsetTop+t.clientHeight>this.$refs.list.scrollTop+this.$refs.list.clientHeight&&(this.$refs.list.scrollTop=t.offsetTop-this.$refs.list.clientHeight+t.clientHeight)}else if(e.keyCode===38){e.preventDefault(),this.open=!0,this.selectedIndex===null?this.selectedIndex=this.sortedCountries.length-1:this.selectedIndex=Math.max(0,this.selectedIndex-1);const t=this.$refs.list.children[this.selectedIndex];t.offsetTop<this.$refs.list.scrollTop&&(this.$refs.list.scrollTop=t.offsetTop)}else if(e.keyCode===13)this.selectedIndex!==null&&this.choose(this.sortedCountries[this.selectedIndex]),this.open=!this.open;else{this.typeToFindInput+=e.key,clearTimeout(this.typeToFindTimer),this.typeToFindTimer=setTimeout(()=>{this.typeToFindInput=""},700);const t=this.sortedCountries.slice(this.preferredCountries.length).findIndex(o=>o.name.toLowerCase().startsWith(this.typeToFindInput));if(t>=0){this.selectedIndex=this.preferredCountries.length+t;const o=this.$refs.list.children[this.selectedIndex],s=o.offsetTop<this.$refs.list.scrollTop,l=o.offsetTop+o.clientHeight>this.$refs.list.scrollTop+this.$refs.list.clientHeight;(s||l)&&(this.$refs.list.scrollTop=o.offsetTop-this.$refs.list.clientHeight/2)}}},reset(){this.selectedIndex=this.sortedCountries.map(e=>e.iso2).indexOf(this.activeCountryCode),this.open=!1},setDropdownPosition(){window.innerHeight-this.$refs.rootElement.getBoundingClientRect().bottom>200?this.dropdownOpenDirection="below":this.dropdownOpenDirection="above"}}}),m=["tabindex"],g={class:"flex-nowrap flex flex-v-center p-medium vti__selection"},b=["innerHTML"],v={key:1,class:"vti__country-code"},O=["onClick","onMousemove"],I=["innerHTML"],S={key:1},w=["type","autocomplete","autofocus","disabled","id","maxlength","name","placeholder","readonly","required","tabindex"],k={key:0,class:"mn-t-thin mn-b-thin invalid-feedback"};function j(e,t,o,s,l,a){const d=i.resolveDirective("click-outside");return i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createElementVNode("div",{class:i.normalizeClass(["vue3-reactive-tel-input",{"bg-fourth-nano":e.validation},e.$attrs.class,e.rootClass,{disabled:e.disabled},e.classes]),style:i.normalizeStyle([e.rootStyle,e.styles]),ref:"rootElement"},[i.withDirectives((i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass([["vti__dropdown",{open:e.open}],"br-solid br-black-transp br-1px radius-medium"]),tabindex:e.dropdownOptions.tabindex,onKeydown:[t[0]||(t[0]=(...n)=>e.keyboardNav&&e.keyboardNav(...n)),t[2]||(t[2]=i.withKeys((...n)=>e.reset&&e.reset(...n),["esc"]))],onClick:t[1]||(t[1]=(...n)=>e.toggleDropdown&&e.toggleDropdown(...n)),style:i.normalizeStyle([e.dropdownStyle])},[i.createElementVNode("span",g,[e.dropdownOptions.showFlags?(i.openBlock(),i.createElementBlock("span",{key:0,innerHTML:e.activeCountryFlag,class:"mn-r-thin"},null,8,b)):i.createCommentVNode("",!0),e.dropdownOptions.showDialCodeInSelection?(i.openBlock(),i.createElementBlock("span",v," +"+i.toDisplayString(e.activeCountry&&e.activeCountry.dialCode),1)):i.createCommentVNode("",!0)]),i.withDirectives(i.createElementVNode("ul",{ref:"list",class:i.normalizeClass(["bs-black radius-small vti__dropdown-list",e.dropdownOpenDirection]),style:i.normalizeStyle([e.listStyle])},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.sortedCountries,(n,p)=>(i.openBlock(),i.createElementBlock("li",{class:i.normalizeClass(["flex-nowrap flex w-max",["vti__dropdown-item",e.getItemClass(p,n.iso2)]]),key:n.iso2+(n.preferred?"-preferred":""),onClick:c=>e.choose(n),onMousemove:c=>e.selectedIndex=p},[e.dropdownOptions.showFlags?(i.openBlock(),i.createElementBlock("span",{key:0,innerHTML:n.flag,class:"mn-r-thin"},null,8,I)):i.createCommentVNode("",!0),i.createElementVNode("strong",null,i.toDisplayString(n.name),1),e.dropdownOptions.showDialCodeInList?(i.openBlock(),i.createElementBlock("span",S," +"+i.toDisplayString(n.dialCode),1)):i.createCommentVNode("",!0)],42,O))),128))],6),[[i.vShow,e.open]])],46,m)),[[d,e.clickedOutside]]),i.withDirectives(i.createElementVNode("input",{"onUpdate:modelValue":t[3]||(t[3]=n=>e.phone=n),inputmode:"numeric",pattern:"\\d*",ref:"input",type:e.inputOptions.type,autocomplete:e.inputOptions.autocomplete,autofocus:e.inputOptions.autofocus,class:i.normalizeClass(["vti__input",e.inputOptions.styleClasses,e.inputClass,e.Iclasses]),style:i.normalizeStyle([e.inputStyle,e.Istyles]),disabled:e.disabled,id:e.inputId!==""?e.inputId:e.inputOptions.id,maxlength:e.inputOptions.maxlength,name:e.inputId!==""?e.inputId:e.inputOptions.name,placeholder:e.parsedPlaceholder,readonly:e.inputOptions.readonly,required:e.inputOptions.required,tabindex:e.inputOptions.tabindex,onBlur:t[4]||(t[4]=(...n)=>e.onBlur&&e.onBlur(...n)),onFocus:t[5]||(t[5]=(...n)=>e.onFocus&&e.onFocus(...n)),onInput:t[6]||(t[6]=(...n)=>e.onInput&&e.onInput(...n)),onKeyup:[t[7]||(t[7]=i.withKeys((...n)=>e.onEnter&&e.onEnter(...n),["enter"])),t[8]||(t[8]=i.withKeys((...n)=>e.onSpace&&e.onSpace(...n),["space"]))]},null,46,w),[[i.vModelDynamic,e.phone]]),i.renderSlot(e.$slots,"default",{},void 0,!0)],6),i.createVNode(i.Transition,{name:"fade"},{default:i.withCtx(()=>[e.validation?(i.openBlock(),i.createElementBlock("div",k," * "+i.toDisplayString(e.validation.message),1)):i.createCommentVNode("",!0)]),_:1})],64)}const $=y.default(C,[["render",j],["__scopeId","data-v-a2b07445"]]);exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),u=require("./utils.cjs"),f=require("./click-outside.cjs");require("./FieldPhone.vue2.cjs");const y=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),h=require("../../../node_modules/libphonenumber-js/min/exports/parsePhoneNumber.cjs");function r(e){const t=u.default.options[e];return typeof t>"u"?u.default.options[e]:t}const C=i.defineComponent({name:"Vue3ReactiveTelInput",directives:{clickOutside:f.default},props:{modelValue:{type:String,default:""},badClass:{type:[String,Array,Object],default:""},goodClass:{type:[String,Array,Object],default:""},badStyle:{type:[String,Array,Object],default:""},goodStyle:{type:[String,Array,Object],default:""},badInputClass:{type:[String,Array,Object],default:""},goodInputClass:{type:[String,Array,Object],default:""},badInputStyle:{type:[String,Array,Object],default:""},goodInputStyle:{type:[String,Array,Object],default:""},allCountries:{type:Array,default:()=>r("allCountries")},autoFormat:{type:Boolean,default:()=>r("autoFormat")},validation:{type:[Boolean,Object],default:!1},customValidate:{type:[Boolean,RegExp],default:()=>r("customValidate")},defaultCountry:{type:String,default:()=>r("defaultCountry")},disabled:{type:Boolean,default:()=>r("disabled")},autoDefaultCountry:{type:Boolean,default:()=>r("autoDefaultCountry")},dropdownOptions:{type:Object,default:()=>r("dropdownOptions")},ignoredCountries:{type:Array,default:()=>r("ignoredCountries")},inputOptions:{type:Object,default:()=>r("inputOptions")},invalidMsg:{type:String,default:()=>r("invalidMsg")},mode:{type:String,default:()=>r("mode")},onlyCountries:{type:Array,default:()=>r("onlyCountries")},preferredCountries:{type:Array,default:()=>r("preferredCountries")},validCharactersOnly:{type:Boolean,default:()=>r("validCharactersOnly")},rootClass:{type:[String,Array,Object],default:()=>r("styleClasses")},inputClass:{type:[String,Array,Object],default:()=>""},divInputClass:{type:[String,Array,Object],default:()=>""},rootStyle:{type:[String,Array,Object],default:()=>""},dropdownStyle:{type:[String,Array,Object],default:()=>""},listStyle:{type:[String,Array,Object],default:()=>""},inputStyle:{type:[String,Array,Object],default:()=>""},inputId:{type:[String,Array,Object],default:()=>""},Placeholder:{type:[String,Object,Function],default:()=>""}},data(){return{counter:5,initCounter:5,message:{action:null,amount:null},phone:this.modelValue?this.modelValue:"",activeCountryCode:"",open:!1,finishMounted:!1,selectedIndex:null,typeToFindInput:"",typeToFindTimer:null,dropdownOpenDirection:"below",parsedPlaceholder:this.Placeholder!==""?this.Placeholder:this.inputOptions.placeholder}},watch:{activeCountry(e,t){if(!e&&(t!=null&&t.iso2)){this.activeCountryCode=t.iso2;return}e!=null&&e.iso2&&this.$emit("country-changed",e)},"phoneObject.countryCode":function(e){this.activeCountryCode=e},"phoneObject.valid":function(){this.$emit("validate",this.phoneObject)},"phoneObject.formatted":function(e){!this.autoFormat||this.customValidate||(this.emitInput(e),this.$nextTick(()=>{e&&!this.value&&(this.phone=e)}))},"inputOptions.placeholder":function(){this.resetPlaceholder()},value(e,t){this.testCharacters()?this.phone=e:this.$nextTick(()=>{this.phone=t,this.onInput()})},open(e){e?(this.setDropdownPosition(),this.$emit("open")):this.$emit("close")}},mounted(){this.value&&(this.phone=this.value),this.cleanInvalidCharacters(),this.initializeCountry().then(()=>{var e;!this.phone&&((e=this.inputOptions)!=null&&e.showDialCode)&&this.activeCountryCode&&(this.phone=`+${this.activeCountryCode}`),this.$emit("validate",this.phoneObject)}).catch(console.error).then(()=>{this.finishMounted=!0})},computed:{activeCountry(){return this.findCountry(this.activeCountryCode)},activeCountryFlag(){return this.activeCountry?this.activeCountry.flag:null},parsedMode(){return this.mode==="auto"?!this.phone||this.phone[0]!=="+"?"national":"international":["international","national"].includes(this.mode)?this.mode:(console.error('Invalid value of prop "mode"'),"international")},filteredCountries(){return this.onlyCountries.length?this.allCountries.filter(({iso2:e})=>this.onlyCountries.some(t=>t.toUpperCase()===e)):this.ignoredCountries.length?this.allCountries.filter(({iso2:e})=>!this.ignoredCountries.includes(e.toUpperCase())&&!this.ignoredCountries.includes(e.toLowerCase())):this.allCountries},sortedCountries(){return[...this.getCountries(this.preferredCountries).map(t=>({...t,preferred:!0})),...this.filteredCountries]},phoneObject(){var a,d,n;let e;((a=this.phone)==null?void 0:a[0])==="+"?e=h.parsePhoneNumber(this.phone)||{}:e=h.parsePhoneNumber(this.phone,this.activeCountryCode)||{};const{metadata:t,...o}=e;let s=(d=e.isValid)==null?void 0:d.call(e),l=this.phone;return s&&(l=(n=e.format)==null?void 0:n.call(e,this.parsedMode.toUpperCase(),{nationalPrefix:!1})),e.country&&(this.ignoredCountries.length||this.onlyCountries.length)&&(this.findCountry(e.country)||(s=!1,Object.assign(e,{country:null}))),Object.assign(o,{countryCode:e.country,valid:s,country:this.activeCountry,formatted:l}),o},classes(){return this.phoneObject.valid===!0?this.goodClass:this.phoneObject.valid===!1?this.badClass:void 0},styles(){return this.phoneObject.valid===!0?this.goodStyle:this.phoneObject.valid===!1?this.badStyle:void 0},Iclasses(){return this.phoneObject.valid===!0?this.goodInputClass:this.phoneObject.valid===!1?this.badInputClass:void 0},Istyles(){return this.phoneObject.valid===!0?this.goodInputStyle:this.phoneObject.valid===!1?this.badInputStyle:void 0}},methods:{resetPlaceholder(){this.parsedPlaceholder=this.inputOptions.placeholder},initializeCountry(){return new Promise(e=>{var o;if(((o=this.phone)==null?void 0:o[0])==="+"){e();return}if(this.defaultCountry){this.choose(this.defaultCountry),e();return}const t=this.preferredCountries[0]||this.filteredCountries[0];this.autoDefaultCountry?u.getCountry().then(s=>{this.choose(s||this.activeCountryCode)}).catch(s=>{console.warn(s),this.choose(t)}).then(()=>{e()}):(this.choose(t),e())})},getCountries(e=[]){return e.map(t=>this.findCountry(t)).filter(Boolean)},findCountry(e=""){return this.filteredCountries.find(t=>t.iso2===e.toUpperCase())},getItemClass(e,t){const o=this.selectedIndex===e,s=e===this.preferredCountries.length-1,l=this.preferredCountries.some(a=>a.toUpperCase()===t);return{highlighted:o,"last-preferred":s,preferred:l}},choose(e){var o,s;let t=e;if(typeof t=="string"&&(t=this.findCountry(t)),!!t){if(((o=this.phone)==null?void 0:o[0])==="+"&&t.iso2&&this.phoneObject.nationalNumber){this.activeCountryCode=t.iso2,this.phone=h.parsePhoneNumber(this.phoneObject.nationalNumber,t.iso2).formatInternational();return}if((s=this.inputOptions)!=null&&s.showDialCode&&t){this.phone=`+${t.dialCode}`;return}this.activeCountryCode=t.iso2,this.emitInput(this.phone)}},cleanInvalidCharacters(){const e=this.phone;if(this.validCharactersOnly){const t=this.phone.match(/[()\-+0-9\s]*/g);this.phone=t.join("")}if(this.customValidate&&this.customValidate instanceof RegExp){const t=this.phone.match(this.customValidate);this.phone=t.join("")}e!==this.phone&&this.emitInput(this.phone)},testCharacters(){return this.validCharactersOnly&&!/^[()\-+0-9\s]*$/.test(this.phone)?!1:this.customValidate?this.testCustomValidate():!0},testCustomValidate(){return this.customValidate instanceof RegExp?this.customValidate.test(this.phone):!1},onInput(){this.$refs.input.setCustomValidity(this.phoneObject.valid?"":this.invalidMsg),this.emitInput(this.phoneObject)},emitInput(e){this.$emit("update:modelValue",e)},onBlur(){this.$emit("blur")},onFocus(){u.setCaretPosition(this.$refs.input,this.phone.length),this.$emit("focus")},onEnter(){this.$emit("enter")},onSpace(){this.$emit("space")},focus(){this.$refs.input.focus()},toggleDropdown(){this.disabled||(this.open=!this.open)},clickedOutside(){this.open=!1},keyboardNav(e){if(e.keyCode===40){e.preventDefault(),this.open=!0,this.selectedIndex===null?this.selectedIndex=0:this.selectedIndex=Math.min(this.sortedCountries.length-1,this.selectedIndex+1);const t=this.$refs.list.children[this.selectedIndex];t.offsetTop+t.clientHeight>this.$refs.list.scrollTop+this.$refs.list.clientHeight&&(this.$refs.list.scrollTop=t.offsetTop-this.$refs.list.clientHeight+t.clientHeight)}else if(e.keyCode===38){e.preventDefault(),this.open=!0,this.selectedIndex===null?this.selectedIndex=this.sortedCountries.length-1:this.selectedIndex=Math.max(0,this.selectedIndex-1);const t=this.$refs.list.children[this.selectedIndex];t.offsetTop<this.$refs.list.scrollTop&&(this.$refs.list.scrollTop=t.offsetTop)}else if(e.keyCode===13)this.selectedIndex!==null&&this.choose(this.sortedCountries[this.selectedIndex]),this.open=!this.open;else{this.typeToFindInput+=e.key,clearTimeout(this.typeToFindTimer),this.typeToFindTimer=setTimeout(()=>{this.typeToFindInput=""},700);const t=this.sortedCountries.slice(this.preferredCountries.length).findIndex(o=>o.name.toLowerCase().startsWith(this.typeToFindInput));if(t>=0){this.selectedIndex=this.preferredCountries.length+t;const o=this.$refs.list.children[this.selectedIndex],s=o.offsetTop<this.$refs.list.scrollTop,l=o.offsetTop+o.clientHeight>this.$refs.list.scrollTop+this.$refs.list.clientHeight;(s||l)&&(this.$refs.list.scrollTop=o.offsetTop-this.$refs.list.clientHeight/2)}}},reset(){this.selectedIndex=this.sortedCountries.map(e=>e.iso2).indexOf(this.activeCountryCode),this.open=!1},setDropdownPosition(){window.innerHeight-this.$refs.rootElement.getBoundingClientRect().bottom>200?this.dropdownOpenDirection="below":this.dropdownOpenDirection="above"}}}),m=["tabindex"],g={class:"flex-nowrap flex flex-v-center p-medium vti__selection"},b=["innerHTML"],v={key:1,class:"vti__country-code"},O=["onClick","onMousemove"],I=["innerHTML"],S={key:1},w=["type","autocomplete","autofocus","disabled","id","maxlength","name","placeholder","readonly","required","tabindex"],k={key:0,class:"mn-t-thin mn-b-thin invalid-feedback"};function j(e,t,o,s,l,a){const d=i.resolveDirective("click-outside");return i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createElementVNode("div",{class:i.normalizeClass(["vue3-reactive-tel-input",{"bg-fourth-nano":e.validation},e.$attrs.class,e.rootClass,{disabled:e.disabled},e.classes]),style:i.normalizeStyle([e.rootStyle,e.styles]),ref:"rootElement"},[i.withDirectives((i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass([["vti__dropdown",{open:e.open}],"br-solid br-black-transp br-1px radius-medium"]),tabindex:e.dropdownOptions.tabindex,onKeydown:[t[0]||(t[0]=(...n)=>e.keyboardNav&&e.keyboardNav(...n)),t[2]||(t[2]=i.withKeys((...n)=>e.reset&&e.reset(...n),["esc"]))],onClick:t[1]||(t[1]=(...n)=>e.toggleDropdown&&e.toggleDropdown(...n)),style:i.normalizeStyle([e.dropdownStyle])},[i.createElementVNode("span",g,[e.dropdownOptions.showFlags?(i.openBlock(),i.createElementBlock("span",{key:0,innerHTML:e.activeCountryFlag,class:"mn-r-thin"},null,8,b)):i.createCommentVNode("",!0),e.dropdownOptions.showDialCodeInSelection?(i.openBlock(),i.createElementBlock("span",v," +"+i.toDisplayString(e.activeCountry&&e.activeCountry.dialCode),1)):i.createCommentVNode("",!0)]),i.withDirectives(i.createElementVNode("ul",{ref:"list",class:i.normalizeClass(["bs-black radius-small vti__dropdown-list",e.dropdownOpenDirection]),style:i.normalizeStyle([e.listStyle])},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.sortedCountries,(n,p)=>(i.openBlock(),i.createElementBlock("li",{class:i.normalizeClass(["flex-nowrap flex w-max",["vti__dropdown-item",e.getItemClass(p,n.iso2)]]),key:n.iso2+(n.preferred?"-preferred":""),onClick:c=>e.choose(n),onMousemove:c=>e.selectedIndex=p},[e.dropdownOptions.showFlags?(i.openBlock(),i.createElementBlock("span",{key:0,innerHTML:n.flag,class:"mn-r-thin"},null,8,I)):i.createCommentVNode("",!0),i.createElementVNode("strong",null,i.toDisplayString(n.name),1),e.dropdownOptions.showDialCodeInList?(i.openBlock(),i.createElementBlock("span",S," +"+i.toDisplayString(n.dialCode),1)):i.createCommentVNode("",!0)],42,O))),128))],6),[[i.vShow,e.open]])],46,m)),[[d,e.clickedOutside]]),i.withDirectives(i.createElementVNode("input",{"onUpdate:modelValue":t[3]||(t[3]=n=>e.phone=n),inputmode:"numeric",pattern:"\\d*",ref:"input",type:e.inputOptions.type,autocomplete:e.inputOptions.autocomplete,autofocus:e.inputOptions.autofocus,class:i.normalizeClass(["vti__input",e.inputOptions.styleClasses,e.inputClass,e.Iclasses]),style:i.normalizeStyle([e.inputStyle,e.Istyles]),disabled:e.disabled,id:e.inputId!==""?e.inputId:e.inputOptions.id,maxlength:e.inputOptions.maxlength,name:e.inputId!==""?e.inputId:e.inputOptions.name,placeholder:e.parsedPlaceholder,readonly:e.inputOptions.readonly,required:e.inputOptions.required,tabindex:e.inputOptions.tabindex,onBlur:t[4]||(t[4]=(...n)=>e.onBlur&&e.onBlur(...n)),onFocus:t[5]||(t[5]=(...n)=>e.onFocus&&e.onFocus(...n)),onInput:t[6]||(t[6]=(...n)=>e.onInput&&e.onInput(...n)),onKeyup:[t[7]||(t[7]=i.withKeys((...n)=>e.onEnter&&e.onEnter(...n),["enter"])),t[8]||(t[8]=i.withKeys((...n)=>e.onSpace&&e.onSpace(...n),["space"]))]},null,46,w),[[i.vModelDynamic,e.phone]]),i.renderSlot(e.$slots,"default",{},void 0,!0)],6),i.createVNode(i.Transition,{name:"fade"},{default:i.withCtx(()=>[e.validation?(i.openBlock(),i.createElementBlock("div",k," * "+i.toDisplayString(e.validation.message),1)):i.createCommentVNode("",!0)]),_:1})],64)}const $=y.default(C,[["render",j],["__scopeId","data-v-a2b07445"]]);exports.default=$;