@ozdao/prometheus-framework 0.2.130 → 0.2.133

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

@@ -1,23 +1,23 @@
-import { mergeModels as F, useModel as x, ref as f, watch as $, onMounted as N, onUnmounted as P, openBlock as s, createElementBlock as S, Fragment as C, createBlock as g, normalizeClass as b, createCommentVNode as u, createElementVNode as I, createVNode as y, withCtx as k, unref as L, TransitionGroup as T, renderList as D, Transition as G, renderSlot as R } from "vue";
+import { mergeModels as N, useModel as M, ref as g, watch as $, onMounted as T, onUnmounted as P, openBlock as s, createElementBlock as S, Fragment as j, createBlock as m, normalizeClass as y, createCommentVNode as r, createElementVNode as U, createVNode as B, withCtx as k, unref as w, TransitionGroup as C, renderList as G, renderSlot as R } from "vue";
 import q from "../../modules/icons/skeletons/SkeletonEvent.vue.js";
 /* empty css                   */
 import A from "../EmptyState/EmptyState.vue.js";
-import U from "../Dropdown/Dropdown.vue.js";
-import H from "../DatePicker/Calendar.vue2.js";
-import J from "../BottomSheet/BottomSheet.vue.js";
-import K from "../../modules/globals/components/blocks/BlockSearch.vue.js";
-import Q from "../../modules/globals/components/blocks/BlockSorting.vue.js";
-import W from "../../modules/globals/components/blocks/BlockFilter.vue.js";
-import X from "../../modules/globals/components/elements/ButtonSort.vue.js";
-import Y from "../../modules/globals/components/elements/ButtonDate.vue.js";
-import Z from "../../modules/icons/navigation/IconFilter.vue.js";
+import z from "../Dropdown/Dropdown.vue.js";
+import D from "../DatePicker/Calendar.vue2.js";
+import H from "../BottomSheet/BottomSheet.vue.js";
+import J from "../../modules/globals/components/blocks/BlockSearch.vue.js";
+import K from "../../modules/globals/components/blocks/BlockSorting.vue.js";
+import Q from "../../modules/globals/components/blocks/BlockFilter.vue.js";
+import W from "../../modules/globals/components/elements/ButtonSort.vue.js";
+import X from "../../modules/globals/components/elements/ButtonDate.vue.js";
+import Y from "../../modules/icons/navigation/IconFilter.vue.js";
 /* empty css          */
-const _ = {
+const Z = {
   key: 0,
-  class: "flex-nowrap flex gap-thin mn-b-thin"
-}, V = { class: "flex-center flex pd-thin bg-light radius-extra aspect-1x1 h-100" }, pe = {
+  class: "flex-nowrap flex gap-thin"
+}, ve = {
   __name: "Feed",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ N({
     showLoadMore: {
       type: Boolean,
       default: !0
@@ -73,39 +73,39 @@ const _ = {
     itemsModifiers: {}
   }),
   emits: ["update:search", "update:sort", "update:filter", "update:date", "update:items"],
-  setup(r) {
-    const h = x(r, "search"), a = x(r, "sort"), i = x(r, "filter"), l = x(r, "date"), w = x(r, "items"), o = r, n = f(w.value || []), v = f(!1);
-    let M = f(!0), j = f(null), d = f(o.options.skip ? o.options.skip : 0), m = f(o.options.limit ? o.options.limit : 10), B = f("");
-    function z(e) {
-      B.value = e, d.value = 0, m.value = 10, p();
+  setup(u) {
+    const h = M(u, "search"), a = M(u, "sort"), i = M(u, "filter"), l = M(u, "date"), x = M(u, "items"), o = u, n = g(x.value || []), v = g(!1);
+    let b = g(!0), E = g(null), d = g(o.options.skip ? o.options.skip : 0), f = g(o.options.limit ? o.options.limit : 10), O = g("");
+    function F(e) {
+      O.value = e, d.value = 0, f.value = 10, p();
     }
-    const E = async () => {
+    const I = async () => {
       if (v.value) {
-        d.value += m.value;
+        d.value += f.value;
         const e = await o.store.read({
           skip: d.value,
-          limit: m.value,
-          search: B.value,
+          limit: f.value,
+          search: O.value,
           dateStart: l.value ? l.value.start : null,
           dateEnd: l.value ? l.value.end : null,
           sortParam: a.value ? a.value.param : null,
           sortOrder: a.value ? a.value.order : null,
           ...o.options
         });
-        e.length === 0 || e.length < m.value ? v.value = !1 : v.value = !0, n.value = [...n.value, ...e], w.value && (w.value = n.value);
+        e.length === 0 || e.length < f.value ? v.value = !1 : v.value = !0, n.value = [...n.value, ...e], x.value && (x.value = n.value);
       }
     }, p = async () => {
       const e = await o.store.read({
         skip: d.value,
-        limit: m.value,
+        limit: f.value,
         dateStart: l.value ? l.value.start : null,
         dateEnd: l.value ? l.value.end : null,
         sortParam: a.value ? a.value.param : null,
         sortOrder: a.value ? a.value.order : null,
-        search: B.value,
+        search: O.value,
         ...o.options
       });
-      e.length === 0 || e.length < m.value ? v.value = !1 : v.value = !0, n.value = e, w.value && (w.value = n.value), M.value = !1;
+      e.length === 0 || e.length < f.value ? v.value = !1 : v.value = !0, n.value = e, x.value && (x.value = n.value), b.value = !1;
     };
     $(() => o.external, (e, t) => {
       e !== t && (d.value = 0, p());
@@ -116,47 +116,49 @@ const _ = {
       return (e = a.value) == null ? void 0 : e.order;
     }, (e, t) => {
       e !== t && (d.value = 0, p());
-    }, { deep: !0 }), $(() => {
+    }), $(() => {
       var e;
       return (e = a.value) == null ? void 0 : e.param;
     }, (e, t) => {
       e !== t && (d.value = 0, p());
-    }, { deep: !0 }), $(() => o.options, (e, t) => {
-      (e.organization !== t.organization || e.categories !== t.categories || e.prices !== t.prices || e.delivery !== t.delivery || e.search !== t.search || e.status !== t.status || e.hidden !== t.hidden || e.type !== t.type || e.tags !== t.tags) && (d.value = 0, p());
+    }), $(() => o.options, (e, t) => {
+      (e.organization !== t.organization || e.categories !== t.categories || e.prices !== t.prices || e.delivery !== t.delivery || e.search !== t.search || e.status !== t.status || e.hidden !== t.hidden || e.type !== t.type || e.tags !== t.tags || e.following !== t.following) && (d.value = 0, p());
     }, { deep: !0 });
-    let O = null;
-    return N(async () => {
-      await p(), typeof window < "u" && !o.showLoadMore && (O = new IntersectionObserver((e) => {
-        e.some((t) => t.isIntersecting) && E();
-      }), O.observe(j.value));
+    let L = null;
+    return T(async () => {
+      await p(), typeof window < "u" && !o.showLoadMore && (L = new IntersectionObserver((e) => {
+        e.some((t) => t.isIntersecting) && I();
+      }), L.observe(E.value));
     }), P(() => {
-      O && O.disconnect();
-    }), (e, t) => (s(), S(C, null, [
-      h.value || l.value || a.value ? (s(), S("div", _, [
-        h.value ? (s(), g(K, {
+      L && L.disconnect();
+    }), (e, t) => (s(), S(j, null, [
+      h.value || l.value || a.value && !a.value.hideButton ? (s(), S("div", Z, [
+        h.value ? (s(), m(J, {
           key: 0,
           placeholder: h.value.placeholder || "Search...",
-          class: b(h.value.class || "bg-light"),
-          onSearch: z
-        }, null, 8, ["placeholder", "class"])) : u("", !0),
-        i.value ? (s(), S(C, { key: 1 }, [
-          I("div", V, [
-            y(Z, {
+          class: y(h.value.class || "bg-light"),
+          onSearch: F
+        }, null, 8, ["placeholder", "class"])) : r("", !0),
+        i.value ? (s(), S(j, { key: 1 }, [
+          U("div", {
+            class: y([i.value.class || "bg-light", "flex-center flex pd-thin bg-light radius-extra aspect-1x1 h-100"])
+          }, [
+            B(Y, {
               onClick: t[0] || (t[0] = () => i.value.active = !i.value.active),
               class: "w-1r h-auto"
             })
-          ]),
-          i.value.active ? (s(), g(J, {
+          ], 2),
+          i.value.active ? (s(), m(H, {
             key: 0,
             show: i.value.active,
             onToggle: t[2] || (t[2] = () => i.value.active = !1),
-            class: b(["z-index-10 pos-fixed pos-t-0 pos-r-0", {
+            class: y(["z-index-10 pos-fixed pos-t-0 pos-r-0", {
               "pos-t-0": i.value.active,
               "pos-t-100": !i.value.active
             }])
           }, {
             default: k(() => [
-              y(W, {
+              B(Q, {
                 filter: i.value,
                 "onUpdate:filter": t[1] || (t[1] = (c) => i.value = c),
                 options: i.value.options,
@@ -164,19 +166,19 @@ const _ = {
               }, null, 8, ["filter", "options"])
             ]),
             _: 1
-          }, 8, ["show", "class"])) : u("", !0)
-        ], 64)) : u("", !0),
-        l.value ? (s(), g(U, {
+          }, 8, ["show", "class"])) : r("", !0)
+        ], 64)) : r("", !0),
+        l.value ? (s(), m(z, {
           key: 2,
           label: {
-            component: Y,
+            component: X,
             props: { date: l.value }
           },
-          class: b([l.value.class || "bg-light", "flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-big"]),
+          class: y([l.value.class || "bg-light", "flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-big"]),
           align: h.value ? "right" : "left"
         }, {
           default: k(() => [
-            y(H, {
+            B(D, {
               date: l.value,
               "onUpdate:date": t[3] || (t[3] = (c) => l.value = c),
               locale: e.$i18n.locale,
@@ -185,19 +187,19 @@ const _ = {
             }, null, 8, ["date", "locale"])
           ]),
           _: 1
-        }, 8, ["label", "class", "align"])) : u("", !0),
-        a.value ? (s(), g(U, {
+        }, 8, ["label", "class", "align"])) : r("", !0),
+        a.value && !a.value.hideButton ? (s(), m(z, {
           key: 3,
           label: {
-            component: X,
+            component: W,
             props: { order: a.value.order },
             class: "w-1r"
           },
-          class: b([a.value.class || "bg-light", "radius-extra aspect-1x1 h-100"]),
+          class: y([a.value.class || "bg-light", "radius-extra aspect-1x1 h-100"]),
           align: h.value ? "right" : "left"
         }, {
           default: k(() => [
-            y(Q, {
+            B(K, {
               param: a.value.param,
               "onUpdate:param": t[4] || (t[4] = (c) => a.value.param = c),
               order: a.value.order,
@@ -207,53 +209,57 @@ const _ = {
             }, null, 8, ["param", "order", "options"])
           ]),
           _: 1
-        }, 8, ["label", "class", "align"])) : u("", !0)
-      ])) : u("", !0),
-      L(M) ? (s(), g(T, {
+        }, 8, ["label", "class", "align"])) : r("", !0)
+      ])) : r("", !0),
+      w(b) ? (s(), m(C, {
         key: 1,
         tag: "ul",
-        name: "scaleTransition",
-        class: b(["o-hidden bg-light radius-big", e.$attrs.class])
+        name: "scaleTransition"
       }, {
         default: k(() => [
-          L(M) ? (s(!0), S(C, { key: 0 }, D(L(m), (c) => (s(), g(q, {
-            key: "skeleton-" + c
-          }))), 128)) : u("", !0)
+          w(b) ? (s(!0), S(j, { key: 0 }, G(w(f), (c) => (s(), m(q, {
+            key: "skeleton-" + c,
+            class: "mn-b-small radius-big o-hidden d-block"
+          }))), 128)) : r("", !0)
         ]),
         _: 1
-      }, 8, ["class"])) : u("", !0),
-      y(G, { name: "scaleTransition" }, {
+      })) : r("", !0),
+      !w(b) && n.value.length < 1 ? (s(), m(C, {
+        key: 2,
+        tag: "ul",
+        name: "feed"
+      }, {
         default: k(() => [
-          !L(M) && n.value.length < 1 ? (s(), g(A, {
+          !w(b) && n.value.length < 1 ? (s(), m(A, {
             key: 0,
-            title: r.states.empty.title,
-            description: r.states.empty.description,
-            action: r.states.empty.action,
-            callback: r.states.empty.callback,
+            title: u.states.empty.title,
+            description: u.states.empty.description,
+            action: u.states.empty.action,
+            callback: u.states.empty.callback,
             class: "pd-medium mn-b-thin bg-light radius-big"
-          }, null, 8, ["title", "description", "action", "callback"])) : u("", !0)
+          }, null, 8, ["title", "description", "action", "callback"])) : r("", !0)
         ]),
         _: 1
-      }),
-      y(T, {
+      })) : r("", !0),
+      B(C, {
         tag: "ul",
         name: "feed",
-        class: b(e.$attrs.class)
+        class: y(e.$attrs.class)
       }, {
         default: k(() => [
-          !L(M) && n.value.length > 0 ? R(e.$slots, "default", {
+          !w(b) && n.value.length > 0 ? R(e.$slots, "default", {
             key: 0,
             items: n.value
-          }) : u("", !0),
-          r.showLoadMore && v.value && n.value.length > 0 ? (s(), S("button", {
+          }) : r("", !0),
+          u.showLoadMore && v.value && n.value.length > 0 ? (s(), S("button", {
             key: 1,
-            onClick: E,
+            onClick: I,
             class: "col-w-100 w-100 bg-main button"
-          }, " Load More ")) : u("", !0),
-          I("div", {
+          }, " Load More ")) : r("", !0),
+          U("div", {
             key: "sentinel",
             ref_key: "sentinel",
-            ref: j,
+            ref: E,
             class: "sentinel"
           }, null, 512)
         ]),
@@ -263,5 +269,5 @@ const _ = {
   }
 };
 export {
-  pe as default
+  ve as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css             */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","disabled"],b=["value","placeholder","tabindex","disabled"],f={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,value:null,validation:!1,disabled:null,tabindex:-1},emits:["update:field","focus","blur"],setup(l,{emit:s}){const a=s,d=l;d.value&&a("update:field",d.value);const i=e.ref(d.field);return(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[o.$attrs.class,{"bg-fourth-nano":l.validation}],"flex-center flex-nowrap flex"])},[l.label?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("span",null,e.toDisplayString(l.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[l.type!=="textarea"?(e.openBlock(),e.createElementBlock("input",{key:0,onInput:t[0]||(t[0]=n=>i.value=a("update:field",n.target.value)),onFocus:t[1]||(t[1]=n=>a("focus",n)),onBlur:t[2]||(t[2]=n=>a("blur",n)),type:l.type,class:"w-100",value:l.field,placeholder:l.placeholder,tabindex:l.tabindex,disabled:l.disabled},null,40,m)):(e.openBlock(),e.createElementBlock("textarea",{key:1,onInput:t[3]||(t[3]=n=>i.value=a("update:field",n.target.value)),onFocus:t[4]||(t[4]=n=>a("focus",n)),onBlur:t[5]||(t[5]=n=>a("blur",n)),class:"w-100",style:{resize:"vertical"},value:l.field,placeholder:l.placeholder,tabindex:l.tabindex,disabled:l.disabled},null,40,b))]),e.renderSlot(o.$slots,"default",{},void 0,!0),l.symbol?(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("span",null,e.toDisplayString(l.symbol),1)])):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[l.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(l.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}},y=u.default(k,[["__scopeId","data-v-47c78b3c"]]);exports.default=y;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../Field/Field.vue2.cjs"),B=require("vue-i18n"),w={class:"pd-thin radius-extra flex-nowrap flex"},S=["innerHTML"],_={__name:"FieldBig",props:{input:String,placeholder:{type:String},action:{type:String,default:"Action"},placeholderTexts:{type:Object,default:()=>({en:["Lowest THC, please!","Something with banana flavors?","I'm in the mood for trippy vibes."],ru:["Я хочу самый низкий THC","Я хочу чего-нибудь бананового","Я хочу курнуть хейза"]})},typingSpeed:{type:Number,default:200},loopTyping:{type:Boolean,default:!1},enableTyping:{type:Boolean,default:!1}},emits:["update:input","action"],setup(s,{emit:y}){const t=s,{t:F,locale:c}=B.useI18n();let r=e.ref(0),n=e.ref(t.input),p=e.ref(t.placeholder),i=e.ref(t.enableTyping),d=e.ref(null),f=e.ref(""),o=e.ref(!0),v=null;const g=y;function b(){g("action")}function T(a){g("update:input",a),f.value=a}function m(){r.value=(r.value+1)%t.placeholderTexts[c.value].length}function I(){i.value=!1,clearInterval(d.value),p.value=t.placeholder,f.value||(n.value="")}function x(){!f.value&&t.enableTyping&&(i.value=!0,p.value="",h())}function h(){let a=t.placeholderTexts[c.value][r.value],l=0,u=!1;v=setInterval(()=>{o.value=!o.value},200),d.value=setInterval(()=>{i.value&&(u?(n.value=n.value.slice(0,-1),n.value=a.substring(0,l)+(o.value&&l%2?"|":""),l--):(n.value=a.substring(0,l)+(o.value&&l%2?"|":""),l++),l>a.length&&t.loopTyping&&setTimeout(()=>{u=!0,n.value=a.substring(0,l)},333),l===0&&u&&(u=!1,m(),a=t.placeholderTexts[c.value][r.value]))},t.typingSpeed)}return e.onMounted(()=>{t.enableTyping&&h()}),e.watchEffect(()=>{i.value||(clearInterval(d.value),clearInterval(v))}),(a,l)=>(e.openBlock(),e.createElementBlock("div",w,[e.createVNode(k.default,{field:e.unref(n),"onUpdate:field":[l[0]||(l[0]=u=>e.isRef(n)?n.value=u:n=u),T],placeholder:e.unref(i)?" ":e.unref(p),onInput:m,onFocus:I,onBlur:x,class:"w-100 p-medium t-regular uppercase pd-small"},null,8,["field","placeholder"]),s.action?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:b,class:"t-nowrap t-medium radius-big uppercase cursor-pointer pd-l-semi pd-r-semi w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main",innerHTML:s.action},null,8,S)):e.createCommentVNode("",!0)]))}};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../Field/Field.vue2.cjs"),k=require("../../modules/icons/navigation/IconArrow.vue.cjs"),B=require("vue-i18n"),S={class:"pd-thin radius-extra flex-nowrap flex"},F={__name:"FieldBig",props:{input:String,placeholder:{type:String},action:{type:String,default:"Action"},placeholderTexts:{type:Object,default:()=>({en:["Lowest THC, please!","Something with banana flavors?","I'm in the mood for trippy vibes."],ru:["Я хочу самый низкий THC","Я хочу чего-нибудь бананового","Я хочу курнуть хейза"]})},typingSpeed:{type:Number,default:200},loopTyping:{type:Boolean,default:!1},enableTyping:{type:Boolean,default:!1}},emits:["update:input","action"],setup(s,{emit:y}){const t=s,{t:N,locale:c}=B.useI18n();let r=e.ref(0),a=e.ref(t.input),p=e.ref(t.placeholder),i=e.ref(t.enableTyping),d=e.ref(null),f=e.ref(""),o=e.ref(!0),v=null;const m=y;function b(){m("action")}function T(n){m("update:input",n),f.value=n}function g(){r.value=(r.value+1)%t.placeholderTexts[c.value].length}function I(){i.value=!1,clearInterval(d.value),p.value=t.placeholder,f.value||(a.value="")}function x(){!f.value&&t.enableTyping&&(i.value=!0,p.value="",h())}function h(){let n=t.placeholderTexts[c.value][r.value],l=0,u=!1;v=setInterval(()=>{o.value=!o.value},200),d.value=setInterval(()=>{i.value&&(u?(a.value=a.value.slice(0,-1),a.value=n.substring(0,l)+(o.value&&l%2?"|":""),l--):(a.value=n.substring(0,l)+(o.value&&l%2?"|":""),l++),l>n.length&&t.loopTyping&&setTimeout(()=>{u=!0,a.value=n.substring(0,l)},333),l===0&&u&&(u=!1,g(),n=t.placeholderTexts[c.value][r.value]))},t.typingSpeed)}return e.onMounted(()=>{t.enableTyping&&h()}),e.watchEffect(()=>{i.value||(clearInterval(d.value),clearInterval(v))}),(n,l)=>(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(w.default,{field:e.unref(a),"onUpdate:field":[l[0]||(l[0]=u=>e.isRef(a)?a.value=u:a=u),T],placeholder:e.unref(i)?" ":e.unref(p),onInput:g,onFocus:I,onBlur:x,class:"w-100 p-medium t-regular uppercase pd-small"},null,8,["field","placeholder"]),s.action?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:b,class:"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"},[e.createElementVNode("span",null,e.toDisplayString(s.action),1),e.createVNode(k.default,{class:"mn-l-thin radius-extra bg-white i-medium"})])):e.createCommentVNode("",!0)]))}};exports.default=F;

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

@@ -1,7 +1,8 @@
-import { ref as i, onMounted as S, watchEffect as F, openBlock as T, createElementBlock as b, createVNode as C, unref as v, isRef as H, createCommentVNode as _ } from "vue";
-import L from "../Field/Field.vue2.js";
-import { useI18n as M } from "vue-i18n";
-const N = { class: "pd-thin radius-extra flex-nowrap flex" }, V = ["innerHTML"], P = {
+import { ref as i, onMounted as F, watchEffect as C, openBlock as b, createElementBlock as x, createVNode as T, unref as v, isRef as N, createElementVNode as V, toDisplayString as _, createCommentVNode as E } from "vue";
+import A from "../Field/Field.vue2.js";
+import H from "../../modules/icons/navigation/IconArrow.vue.js";
+import { useI18n as j } from "vue-i18n";
+const D = { class: "pd-thin radius-extra flex-nowrap flex" }, U = {
   __name: "FieldBig",
   props: {
     input: String,
@@ -42,60 +43,62 @@ const N = { class: "pd-thin radius-extra flex-nowrap flex" }, V = ["innerHTML"],
   },
   emits: ["update:input", "action"],
   setup(p, { emit: I }) {
-    const l = p, { t: A, locale: s } = M();
-    let o = i(0), t = i(l.input), c = i(l.placeholder), u = i(l.enableTyping), d = i(null), f = i(""), r = i(!0), m = null;
+    const l = p, { t: L, locale: s } = j();
+    let r = i(0), t = i(l.input), c = i(l.placeholder), u = i(l.enableTyping), d = i(null), f = i(""), o = i(!0), m = null;
     const g = I;
-    function x() {
+    function w() {
       g("action");
     }
-    function w(a) {
+    function k(a) {
       g("update:input", a), f.value = a;
     }
     function h() {
-      o.value = (o.value + 1) % l.placeholderTexts[s.value].length;
+      r.value = (r.value + 1) % l.placeholderTexts[s.value].length;
     }
-    function k() {
+    function B() {
       u.value = !1, clearInterval(d.value), c.value = l.placeholder, f.value || (t.value = "");
     }
-    function B() {
+    function S() {
       !f.value && l.enableTyping && (u.value = !0, c.value = "", y());
     }
     function y() {
-      let a = l.placeholderTexts[s.value][o.value], e = 0, n = !1;
+      let a = l.placeholderTexts[s.value][r.value], e = 0, n = !1;
       m = setInterval(() => {
-        r.value = !r.value;
+        o.value = !o.value;
       }, 200), d.value = setInterval(() => {
-        u.value && (n ? (t.value = t.value.slice(0, -1), t.value = a.substring(0, e) + (r.value && e % 2 ? "|" : ""), e--) : (t.value = a.substring(0, e) + (r.value && e % 2 ? "|" : ""), e++), e > a.length && l.loopTyping && setTimeout(() => {
+        u.value && (n ? (t.value = t.value.slice(0, -1), t.value = a.substring(0, e) + (o.value && e % 2 ? "|" : ""), e--) : (t.value = a.substring(0, e) + (o.value && e % 2 ? "|" : ""), e++), e > a.length && l.loopTyping && setTimeout(() => {
           n = !0, t.value = a.substring(0, e);
-        }, 333), e === 0 && n && (n = !1, h(), a = l.placeholderTexts[s.value][o.value]));
+        }, 333), e === 0 && n && (n = !1, h(), a = l.placeholderTexts[s.value][r.value]));
       }, l.typingSpeed);
     }
-    return S(() => {
+    return F(() => {
       l.enableTyping && y();
-    }), F(() => {
+    }), C(() => {
       u.value || (clearInterval(d.value), clearInterval(m));
-    }), (a, e) => (T(), b("div", N, [
-      C(L, {
+    }), (a, e) => (b(), x("div", D, [
+      T(A, {
         field: v(t),
         "onUpdate:field": [
-          e[0] || (e[0] = (n) => H(t) ? t.value = n : t = n),
-          w
+          e[0] || (e[0] = (n) => N(t) ? t.value = n : t = n),
+          k
         ],
         placeholder: v(u) ? " " : v(c),
         onInput: h,
-        onFocus: k,
-        onBlur: B,
+        onFocus: B,
+        onBlur: S,
         class: "w-100 p-medium t-regular uppercase pd-small"
       }, null, 8, ["field", "placeholder"]),
-      p.action ? (T(), b("button", {
+      p.action ? (b(), x("button", {
         key: 0,
-        onClick: x,
-        class: "t-nowrap t-medium radius-big uppercase cursor-pointer pd-l-semi pd-r-semi w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main",
-        innerHTML: p.action
-      }, null, 8, V)) : _("", !0)
+        onClick: w,
+        class: "t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
+      }, [
+        V("span", null, _(p.action), 1),
+        T(H, { class: "mn-l-thin radius-extra bg-white i-medium" })
+      ])) : E("", !0)
     ]));
   }
 };
 export {
-  P as default
+  U 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 e=require("vue"),oe=require("./click-outside.cjs"),re=require("./all-countries.cjs");;/* empty css                  */const ue=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),w=require("../../../node_modules/libphonenumber-js/min/exports/parsePhoneNumber.cjs"),ie=["tabindex"],se={class:"flex-nowrap flex flex-v-center p-medium vti__selection"},de=["innerHTML"],ce={key:1,class:"vti__country-code"},fe=["onClick","onMousemove"],ve=["innerHTML"],pe={key:1},ye=["type","autocomplete","autofocus","disabled","id","maxlength","name","placeholder","readonly","required","tabindex"],me={key:0,class:"mn-t-thin mn-b-thin invalid-feedback"},he={__name:"FieldPhone",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:()=>re.default},autoFormat:{type:Boolean,default:()=>!0},validation:{type:[Boolean,Object],default:!1},customValidate:{type:[Boolean,RegExp],default:()=>!1},defaultCountry:{type:String,default:()=>""},disabled:{type:Boolean,default:()=>!1},autoDefaultCountry:{type:Boolean,default:()=>!0},ignoredCountries:{type:Array,default:()=>[]},invalidMsg:{type:String,default:()=>""},mode:{type:String,default:()=>"auto"},onlyCountries:{type:Array,default:()=>[]},preferredCountries:{type:Array,default:()=>[]},validCharactersOnly:{type:Boolean,default:()=>!1},rootClass:{type:[String,Array,Object],default:()=>""},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:()=>""},dropdownOptions:{type:Object,default:()=>({showDialCodeInList:!0,showDialCodeInSelection:!1,showFlags:!0,tabindex:0})},inputOptions:{type:Object,default:()=>({autocomplete:"on",autofocus:!1,id:"",maxlength:25,name:"telephone",placeholder:"Enter a phone number",readonly:!1,required:!1,tabindex:0,type:"tel",styleClasses:""})}},emits:["update:modelValue","change","validate","country-changed","open","close","blur","focus","enter","space"],setup(a,{emit:V}){let N=oe.default;const n=a,c=V;e.ref(5),e.ref(5),e.reactive({action:null,amount:null});const r=e.ref(n.modelValue?n.modelValue:""),v=e.ref(""),f=e.ref(!1),P=e.ref(!1),s=e.ref(null),S=e.ref(""),x=e.ref(null),T=e.ref("below"),I=e.ref(n.Placeholder!==""?n.Placeholder:n.inputOptions.placeholder),B=e.ref(null),d=e.ref(null),O=e.ref(null);e.onMounted(async()=>{n.modelValue&&(r.value=n.modelValue),G(),U().then(()=>{var t;!r.value&&((t=n.inputOptions)!=null&&t.showDialCode)&&v.value&&(r.value=`+${v.value}`),c("validate",u.value)}).catch(console.error).then(()=>{P.value=!0})});const p=e.computed(()=>C(v.value)),M=e.computed(()=>p.value?p.value.flag:null),F=e.computed(()=>n.mode==="auto"?!r.value||r.value[0]!=="+"?"national":"international":["international","national"].includes(n.mode)?n.mode:(console.error('Invalid value of prop "mode"'),"international")),k=e.computed(()=>n.onlyCountries&&n.onlyCountries.length?n.allCountries.filter(({iso2:t})=>n.onlyCountries.includes(t.toUpperCase())):n.ignoredCountries&&n.ignoredCountries.length?n.allCountries.filter(({iso2:t})=>!n.ignoredCountries.includes(t.toUpperCase())&&!n.ignoredCountries.includes(t.toLowerCase())):n.allCountries),y=e.computed(()=>[...K(n.preferredCountries).map(l=>({...l,preferred:!0})),...k.value]),u=e.computed(()=>{var b,D,A;let t={};((b=r.value)==null?void 0:b[0])==="+"?t=w.parsePhoneNumber(r.value)||{}:t=w.parsePhoneNumber(r.value,v.value)||{};const{metadata:l,...o}=t;let i=(D=t.isValid)==null?void 0:D.call(t),h=r.value;return i&&(h=(A=t.format)==null?void 0:A.call(t,F.value.toUpperCase(),{nationalPrefix:!1})),t.country&&(n.ignoredCountries.length||n.onlyCountries.length)&&(C(t.country)||(i=!1,t={...t,country:null})),{...o,countryCode:t.country,valid:i,country:p.value,formatted:h}}),H=e.computed(()=>u.value.valid===!0?n.goodClass:u.value.valid===!1?n.badClass:void 0),q=e.computed(()=>u.value.valid===!0?n.goodStyle:u.value.valid===!1?n.badStyle:void 0),z=e.computed(()=>u.value.valid===!0?n.goodInputClass:u.value.valid===!1?n.badInputClass:void 0),L=e.computed(()=>u.value.valid===!0?n.goodInputStyle:u.value.valid===!1?n.badInputStyle:void 0);e.watch(p,(t,l)=>{if(!t&&(l!=null&&l.iso2)){v.value=l.iso2;return}t!=null&&t.iso2&&(c("country-changed",t),E())}),e.watch(()=>u.value.countryCode,t=>{v.value=t}),e.watch(()=>u.value.valid,()=>{c("validate",u.value)}),e.watch(()=>u.value.formatted,t=>{!n.autoFormat||n.customValidate||(g(t),e.nextTick(()=>{t&&!n.modelValue&&(r.value=t)}))}),e.watch(()=>n.inputOptions.placeholder,()=>{E()}),e.watch(()=>n.modelValue,(t,l)=>{J()?r.value=t:e.nextTick(()=>{r.value=l,j()})}),e.watch(f,t=>{t?(ae(),c("open")):c("close")});function R(){return fetch("https://ip2c.org/s").then(t=>t.text()).then(t=>{const l=(t||"").toString();if(!l||l[0]!=="1")throw new Error("unable to fetch the country");return l.substr(2,2)})}function $(t,l){if(t.setSelectionRange)t.focus(),t.setSelectionRange(l,l);else if(t.createTextRange){const o=t.createTextRange();o.collapse(!0),o.moveEnd("character",l),o.moveStart("character",l),o.select()}}function E(){I.value=n.inputOptions.placeholder}function U(){return new Promise(t=>{var o;if(((o=r.value)==null?void 0:o[0])==="+"){t();return}if(n.defaultCountry){m(n.defaultCountry),t();return}const l=n.preferredCountries[0]||k.value[0];n.autoDefaultCountry?R().then(i=>{m(i||v.value)}).catch(i=>{console.warn(i),m(l)}).finally(()=>{t()}):(m(l),t())})}function K(t=[]){return t.map(l=>C(l)).filter(Boolean)}function C(t=""){return k.value.find(l=>l.iso2===t.toUpperCase())}function W(t,l){const o=s.value===t,i=t===n.preferredCountries.length-1,h=n.preferredCountries.some(b=>b.toUpperCase()===l);return{highlighted:o,"last-preferred":i,preferred:h}}function m(t){var o,i;let l=typeof t=="string"?C(t):t;if(l){if(((o=r.value)==null?void 0:o[0])==="+"&&l.iso2&&u.value.nationalNumber){v.value=l.iso2,r.value=w.parsePhoneNumber(u.value.nationalNumber,l.iso2).formatInternational();return}if((i=n.inputOptions)!=null&&i.showDialCode&&l){r.value=`+${l.dialCode}`;return}v.value=l.iso2,g(r.value)}}function G(){const t=r.value;if(n.validCharactersOnly){const l=r.value.match(/[()\-+0-9\s]*/g);r.value=l.join("")}if(n.customValidate&&n.customValidate instanceof RegExp){const l=r.value.match(n.customValidate);r.value=l?l.join(""):""}t!==r.value&&g(r.value)}function J(){return n.validCharactersOnly&&!/^[()\-+0-9\s]*$/.test(r.value)?!1:n.customValidate?Q():!0}function Q(){return n.customValidate instanceof RegExp?n.customValidate.test(r.value):!1}function j(){O.value.setCustomValidity(u.valid?"":n.invalidMsg),g(r.value)}function g(t){c("update:modelValue",t),u.value.valid?(c("change",u.value.number),c("country",u.value.number)):c("country",null)}function X(){c("blur")}function Y(){$(O.value,r.value.length),c("focus")}function Z(){c("enter")}function _(){c("space")}function ee(){n.disabled||(f.value=!f.value)}function te(){f.value=!1}function ne(t){t.keyCode===40?(t.preventDefault(),f.value=!0,s.value=s.value===null?0:Math.min(y.value.length-1,s.value+1),e.nextTick(()=>{const l=d.value.children[s.value];l.offsetTop+l.clientHeight>d.value.scrollTop+d.value.clientHeight&&(d.value.scrollTop=l.offsetTop-d.value.clientHeight+l.clientHeight)})):t.keyCode===38?(t.preventDefault(),f.value=!0,s.value=s.value===null?y.value.length-1:Math.max(0,s.value-1),e.nextTick(()=>{const l=d.value.children[s.value];l.offsetTop<d.value.scrollTop&&(d.value.scrollTop=l.offsetTop)})):t.keyCode===13?(t.preventDefault(),s.value!==null&&m(y.value[s.value]),f.value=!f.value):(S.value+=t.key,clearTimeout(x),x=setTimeout(()=>{S.value=""},700),e.nextTick(()=>{const l=y.value.slice(n.preferredCountries.length).findIndex(o=>o.name.toLowerCase().startsWith(S.value));if(l>=0){s.value=n.preferredCountries.length+l;const o=d.value.children[s.value];(o.offsetTop<d.value.scrollTop||o.offsetTop+o.clientHeight>d.value.scrollTop+d.value.clientHeight)&&(d.value.scrollTop=o.offsetTop-d.value.clientHeight/2)}}))}function le(){s.value=y.value.map(t=>t.iso2).indexOf(v.value),f.value=!1}function ae(){const l=window.innerHeight-B.value.getBoundingClientRect().bottom>200;T.value=l?"below":"above"}return(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[a.rootClass,H.value,t.$attrs.class,{"bg-fourth-nano":a.validation},{disabled:a.disabled}],"vue3-reactive-tel-input"]),style:e.normalizeStyle([a.rootStyle,q.value]),ref_key:"rootElement",ref:B},[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([["vti__dropdown",{open:f.value}],"br-solid br-black-transp br-1px radius-thin"]),style:e.normalizeStyle([a.dropdownStyle]),tabindex:a.dropdownOptions.tabindex,onKeydown:[ne,e.withKeys(le,["esc"])],onClick:ee},[e.createElementVNode("span",se,[a.dropdownOptions.showFlags?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:M.value,class:"mn-r-nano"},null,8,de)):e.createCommentVNode("",!0),a.dropdownOptions.showDialCodeInSelection?(e.openBlock(),e.createElementBlock("span",ce," +"+e.toDisplayString(p.value&&p.value.dialCode),1)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("ul",{ref_key:"list",ref:d,class:e.normalizeClass(["bs-black radius-small vti__dropdown-list",T.value]),style:e.normalizeStyle([a.listStyle])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(o,i)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["flex-nowrap flex w-max",["vti__dropdown-item",W(i,o.iso2)]]),key:o.iso2+(o.preferred?"-preferred":""),onClick:h=>m(o),onMousemove:h=>s.value=i},[a.dropdownOptions.showFlags?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:o.flag,class:"mn-r-thin"},null,8,ve)):e.createCommentVNode("",!0),e.createElementVNode("strong",null,e.toDisplayString(o.name),1),a.dropdownOptions.showDialCodeInList?(e.openBlock(),e.createElementBlock("span",pe," +"+e.toDisplayString(o.dialCode),1)):e.createCommentVNode("",!0)],42,fe))),128))],6),[[e.vShow,f.value]])],46,ie)),[[e.unref(N),te]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":l[0]||(l[0]=o=>r.value=o),inputmode:"numeric",pattern:"\\d*",ref_key:"input",ref:O,type:a.inputOptions.type,autocomplete:a.inputOptions.autocomplete,autofocus:a.inputOptions.autofocus,class:e.normalizeClass(["vti__input",a.inputOptions.styleClasses,a.inputClass,z.value]),style:e.normalizeStyle([a.inputStyle,L.value]),disabled:a.disabled,id:a.inputId!==""?a.inputId:a.inputOptions.id,maxlength:a.inputOptions.maxlength,name:a.inputId!==""?a.inputId:a.inputOptions.name,placeholder:I.value,readonly:a.inputOptions.readonly,required:a.inputOptions.required,tabindex:a.inputOptions.tabindex,onBlur:X,onFocus:Y,onInput:j,onKeyup:[e.withKeys(Z,["enter"]),e.withKeys(_,["space"])]},null,46,ye),[[e.vModelDynamic,r.value]]),e.renderSlot(t.$slots,"default",{},void 0,!0)],6),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[a.validation?(e.openBlock(),e.createElementBlock("div",me," * "+e.toDisplayString(a.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}},Ce=ue.default(he,[["__scopeId","data-v-550fb753"]]);exports.default=Ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("./click-outside.cjs"),re=require("./all-countries.cjs");;/* empty css                  */const w=require("../../../node_modules/libphonenumber-js/min/exports/parsePhoneNumber.cjs"),ue=["tabindex"],ie={class:"flex-nowrap flex flex-v-center p-medium vti__selection"},se=["innerHTML"],de={key:1,class:"vti__country-code"},ce=["onClick","onMousemove"],fe=["innerHTML"],ve={key:1},pe=["type","autocomplete","autofocus","disabled","id","maxlength","name","placeholder","readonly","required","tabindex"],ye={key:0,class:"mn-t-thin mn-b-thin invalid-feedback"},me={__name:"FieldPhone",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:()=>re.default},autoFormat:{type:Boolean,default:()=>!0},validation:{type:[Boolean,Object],default:!1},customValidate:{type:[Boolean,RegExp],default:()=>!1},defaultCountry:{type:String,default:()=>""},disabled:{type:Boolean,default:()=>!1},autoDefaultCountry:{type:Boolean,default:()=>!0},ignoredCountries:{type:Array,default:()=>[]},invalidMsg:{type:String,default:()=>""},mode:{type:String,default:()=>"auto"},onlyCountries:{type:Array,default:()=>[]},preferredCountries:{type:Array,default:()=>[]},validCharactersOnly:{type:Boolean,default:()=>!1},rootClass:{type:[String,Array,Object],default:()=>""},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:()=>""},dropdownOptions:{type:Object,default:()=>({showDialCodeInList:!0,showDialCodeInSelection:!1,showFlags:!0,tabindex:0})},inputOptions:{type:Object,default:()=>({autocomplete:"on",autofocus:!1,id:"",maxlength:25,name:"telephone",placeholder:"Enter a phone number",readonly:!1,required:!1,tabindex:0,type:"tel",styleClasses:""})}},emits:["update:modelValue","change","validate","country-changed","open","close","blur","focus","enter","space"],setup(a,{emit:V}){let N=oe.default;const n=a,c=V;e.ref(5),e.ref(5),e.reactive({action:null,amount:null});const r=e.ref(n.modelValue?n.modelValue:""),v=e.ref(""),f=e.ref(!1),P=e.ref(!1),s=e.ref(null),S=e.ref(""),T=e.ref(null),x=e.ref("below"),B=e.ref(n.Placeholder!==""?n.Placeholder:n.inputOptions.placeholder),I=e.ref(null),d=e.ref(null),O=e.ref(null);e.onMounted(async()=>{n.modelValue&&(r.value=n.modelValue),G(),U().then(()=>{var t;!r.value&&((t=n.inputOptions)!=null&&t.showDialCode)&&v.value&&(r.value=`+${v.value}`),c("validate",u.value)}).catch(console.error).then(()=>{P.value=!0})});const p=e.computed(()=>C(v.value)),M=e.computed(()=>p.value?p.value.flag:null),F=e.computed(()=>n.mode==="auto"?!r.value||r.value[0]!=="+"?"national":"international":["international","national"].includes(n.mode)?n.mode:(console.error('Invalid value of prop "mode"'),"international")),k=e.computed(()=>n.onlyCountries&&n.onlyCountries.length?n.allCountries.filter(({iso2:t})=>n.onlyCountries.includes(t.toUpperCase())):n.ignoredCountries&&n.ignoredCountries.length?n.allCountries.filter(({iso2:t})=>!n.ignoredCountries.includes(t.toUpperCase())&&!n.ignoredCountries.includes(t.toLowerCase())):n.allCountries),y=e.computed(()=>[...K(n.preferredCountries).map(l=>({...l,preferred:!0})),...k.value]),u=e.computed(()=>{var b,D,A;let t={};((b=r.value)==null?void 0:b[0])==="+"?t=w.parsePhoneNumber(r.value)||{}:t=w.parsePhoneNumber(r.value,v.value)||{};const{metadata:l,...o}=t;let i=(D=t.isValid)==null?void 0:D.call(t),h=r.value;return i&&(h=(A=t.format)==null?void 0:A.call(t,F.value.toUpperCase(),{nationalPrefix:!1})),t.country&&(n.ignoredCountries.length||n.onlyCountries.length)&&(C(t.country)||(i=!1,t={...t,country:null})),{...o,countryCode:t.country,valid:i,country:p.value,formatted:h}}),H=e.computed(()=>u.value.valid===!0?n.goodClass:u.value.valid===!1?n.badClass:void 0),z=e.computed(()=>u.value.valid===!0?n.goodStyle:u.value.valid===!1?n.badStyle:void 0),q=e.computed(()=>u.value.valid===!0?n.goodInputClass:u.value.valid===!1?n.badInputClass:void 0),L=e.computed(()=>u.value.valid===!0?n.goodInputStyle:u.value.valid===!1?n.badInputStyle:void 0);e.watch(p,(t,l)=>{if(!t&&(l!=null&&l.iso2)){v.value=l.iso2;return}t!=null&&t.iso2&&(c("country-changed",t),E())}),e.watch(()=>u.value.countryCode,t=>{v.value=t}),e.watch(()=>u.value.valid,()=>{c("validate",u.value)}),e.watch(()=>u.value.formatted,t=>{!n.autoFormat||n.customValidate||(g(t),e.nextTick(()=>{t&&!n.modelValue&&(r.value=t)}))}),e.watch(()=>n.inputOptions.placeholder,()=>{E()}),e.watch(()=>n.modelValue,(t,l)=>{J()?r.value=t:e.nextTick(()=>{r.value=l,j()})}),e.watch(f,t=>{t?(ae(),c("open")):c("close")});function R(){return fetch("https://ip2c.org/s").then(t=>t.text()).then(t=>{const l=(t||"").toString();if(!l||l[0]!=="1")throw new Error("unable to fetch the country");return l.substr(2,2)})}function $(t,l){if(t.setSelectionRange)t.focus(),t.setSelectionRange(l,l);else if(t.createTextRange){const o=t.createTextRange();o.collapse(!0),o.moveEnd("character",l),o.moveStart("character",l),o.select()}}function E(){B.value=n.inputOptions.placeholder}function U(){return new Promise(t=>{var o;if(((o=r.value)==null?void 0:o[0])==="+"){t();return}if(n.defaultCountry){m(n.defaultCountry),t();return}const l=n.preferredCountries[0]||k.value[0];n.autoDefaultCountry?R().then(i=>{m(i||v.value)}).catch(i=>{console.warn(i),m(l)}).finally(()=>{t()}):(m(l),t())})}function K(t=[]){return t.map(l=>C(l)).filter(Boolean)}function C(t=""){return k.value.find(l=>l.iso2===t.toUpperCase())}function W(t,l){const o=s.value===t,i=t===n.preferredCountries.length-1,h=n.preferredCountries.some(b=>b.toUpperCase()===l);return{highlighted:o,"last-preferred":i,preferred:h}}function m(t){var o,i;let l=typeof t=="string"?C(t):t;if(l){if(((o=r.value)==null?void 0:o[0])==="+"&&l.iso2&&u.value.nationalNumber){v.value=l.iso2,r.value=w.parsePhoneNumber(u.value.nationalNumber,l.iso2).formatInternational();return}if((i=n.inputOptions)!=null&&i.showDialCode&&l){r.value=`+${l.dialCode}`;return}v.value=l.iso2,g(r.value)}}function G(){const t=r.value;if(n.validCharactersOnly){const l=r.value.match(/[()\-+0-9\s]*/g);r.value=l.join("")}if(n.customValidate&&n.customValidate instanceof RegExp){const l=r.value.match(n.customValidate);r.value=l?l.join(""):""}t!==r.value&&g(r.value)}function J(){return n.validCharactersOnly&&!/^[()\-+0-9\s]*$/.test(r.value)?!1:n.customValidate?Q():!0}function Q(){return n.customValidate instanceof RegExp?n.customValidate.test(r.value):!1}function j(){O.value.setCustomValidity(u.valid?"":n.invalidMsg),g(r.value)}function g(t){c("update:modelValue",t),u.value.valid?(c("change",u.value.number),c("country",u.value.number)):c("country",null)}function X(){c("blur")}function Y(){$(O.value,r.value.length),c("focus")}function Z(){c("enter")}function _(){c("space")}function ee(){n.disabled||(f.value=!f.value)}function te(){f.value=!1}function ne(t){t.keyCode===40?(t.preventDefault(),f.value=!0,s.value=s.value===null?0:Math.min(y.value.length-1,s.value+1),e.nextTick(()=>{const l=d.value.children[s.value];l.offsetTop+l.clientHeight>d.value.scrollTop+d.value.clientHeight&&(d.value.scrollTop=l.offsetTop-d.value.clientHeight+l.clientHeight)})):t.keyCode===38?(t.preventDefault(),f.value=!0,s.value=s.value===null?y.value.length-1:Math.max(0,s.value-1),e.nextTick(()=>{const l=d.value.children[s.value];l.offsetTop<d.value.scrollTop&&(d.value.scrollTop=l.offsetTop)})):t.keyCode===13?(t.preventDefault(),s.value!==null&&m(y.value[s.value]),f.value=!f.value):(S.value+=t.key,clearTimeout(T),T=setTimeout(()=>{S.value=""},700),e.nextTick(()=>{const l=y.value.slice(n.preferredCountries.length).findIndex(o=>o.name.toLowerCase().startsWith(S.value));if(l>=0){s.value=n.preferredCountries.length+l;const o=d.value.children[s.value];(o.offsetTop<d.value.scrollTop||o.offsetTop+o.clientHeight>d.value.scrollTop+d.value.clientHeight)&&(d.value.scrollTop=o.offsetTop-d.value.clientHeight/2)}}))}function le(){s.value=y.value.map(t=>t.iso2).indexOf(v.value),f.value=!1}function ae(){const l=window.innerHeight-I.value.getBoundingClientRect().bottom>200;x.value=l?"below":"above"}return(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[a.rootClass,H.value,t.$attrs.class,{"bg-fourth-nano":a.validation},{disabled:a.disabled}],"vue3-reactive-tel-input"]),style:e.normalizeStyle([a.rootStyle,z.value]),ref_key:"rootElement",ref:I},[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([["vti__dropdown",{open:f.value}],"br-solid br-black-transp br-1px radius-thin"]),style:e.normalizeStyle([a.dropdownStyle]),tabindex:a.dropdownOptions.tabindex,onKeydown:[ne,e.withKeys(le,["esc"])],onClick:ee},[e.createElementVNode("span",ie,[a.dropdownOptions.showFlags?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:M.value,class:"mn-r-nano"},null,8,se)):e.createCommentVNode("",!0),a.dropdownOptions.showDialCodeInSelection?(e.openBlock(),e.createElementBlock("span",de," +"+e.toDisplayString(p.value&&p.value.dialCode),1)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("ul",{ref_key:"list",ref:d,class:e.normalizeClass(["bs-black radius-small vti__dropdown-list",x.value]),style:e.normalizeStyle([a.listStyle])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(o,i)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["flex-nowrap flex w-max",["vti__dropdown-item",W(i,o.iso2)]]),key:o.iso2+(o.preferred?"-preferred":""),onClick:h=>m(o),onMousemove:h=>s.value=i},[a.dropdownOptions.showFlags?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:o.flag,class:"mn-r-thin"},null,8,fe)):e.createCommentVNode("",!0),e.createElementVNode("strong",null,e.toDisplayString(o.name),1),a.dropdownOptions.showDialCodeInList?(e.openBlock(),e.createElementBlock("span",ve," +"+e.toDisplayString(o.dialCode),1)):e.createCommentVNode("",!0)],42,ce))),128))],6),[[e.vShow,f.value]])],46,ue)),[[e.unref(N),te]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":l[0]||(l[0]=o=>r.value=o),inputmode:"numeric",pattern:"\\d*",ref_key:"input",ref:O,type:a.inputOptions.type,autocomplete:a.inputOptions.autocomplete,autofocus:a.inputOptions.autofocus,class:e.normalizeClass(["vti__input",a.inputOptions.styleClasses,a.inputClass,q.value]),style:e.normalizeStyle([a.inputStyle,L.value]),disabled:a.disabled,id:a.inputId!==""?a.inputId:a.inputOptions.id,maxlength:a.inputOptions.maxlength,name:a.inputId!==""?a.inputId:a.inputOptions.name,placeholder:B.value,readonly:a.inputOptions.readonly,required:a.inputOptions.required,tabindex:a.inputOptions.tabindex,onBlur:X,onFocus:Y,onInput:j,onKeyup:[e.withKeys(Z,["enter"]),e.withKeys(_,["space"])]},null,46,pe),[[e.vModelDynamic,r.value]]),e.renderSlot(t.$slots,"default")],6),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[a.validation?(e.openBlock(),e.createElementBlock("div",ye," * "+e.toDisplayString(a.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}};exports.default=me;