@ozdao/prometheus-framework 0.2.36 → 0.2.38

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./Button.vue.cjs");const u=["disabled"],d={key:0},m={key:0,class:"loading"},h=e.createElementVNode("svg",{class:"i-regular",width:"135",height:"140",viewBox:"0 0 135 140",xmlns:"http://www.w3.org/2000/svg",fill:"#fff"},[e.createElementVNode("rect",{y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.5s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"30",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"60",width:"15",height:"140",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"90",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"120",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("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),b=[h],f={key:0,class:"loading t-white"},g={key:0,class:"error"},v={key:0,class:"button-counter"},N={__name:"Button",props:{submit:{type:Function,default:async()=>{console.log("Button click.")}},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(a){const l=a,t=e.ref(null),n=e.ref(null),i=e.ref(!1),r=e.ref(!1);async function c(){t.value.style["pointer-events"]="none",n.value=null,i.value=!0;const o=()=>{t.value&&(t.value.classList.replace("bg-light-main","bg-main"),t.value.style.pointerEvents="auto",i.value=!1,r.value=!1,n.value=null)};try{await l.submit(),t.value.classList.replace("bg-main","bg-light-main"),i.value=!1,l.showSucces?(r.value=!0,setTimeout(o,500)):o(),l.callback&&setTimeout(()=>l.callback(),l.callbackDelay)}catch{t.value.classList.replace("bg-main","bg-fourth-nano"),n.value="❌",setTimeout(()=>{o(),t.value.classList.replace("bg-fourth-nano","bg-main")},1330)}}return(o,s)=>(e.openBlock(),e.createElementBlock("button",{onClick:e.withModifiers(c,["stop"]),disabled:a.validation,ref_key:"button",ref:t,class:"button"},[e.createVNode(e.Transition,{name:"TransitionTranslateY-small"},{default:e.withCtx(()=>[!i.value&&!n.value&&!r.value||!a.showLoader?(e.openBlock(),e.createElementBlock("span",d,[e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0)]),_:3}),e.createVNode(e.Transition,{name:"TransitionTranslateY-small"},{default:e.withCtx(()=>[i.value&&!n.value&&a.showLoader?(e.openBlock(),e.createElementBlock("span",m,b)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"TransitionTranslateY-small"},{default:e.withCtx(()=>[r.value&&a.showSucces?(e.openBlock(),e.createElementBlock("span",f,"✔")):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"TransitionTranslateY-small"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(n.value),1)):e.createCommentVNode("",!0)]),_:1}),a.counter?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(a.counter),1)):e.createCommentVNode("",!0)],8,u))}};exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./Button.vue.cjs");const u=["disabled"],d={key:0},m={key:1,class:"loading"},h=e.createElementVNode("svg",{class:"i-regular",width:"135",height:"140",viewBox:"0 0 135 140",xmlns:"http://www.w3.org/2000/svg",fill:"#fff"},[e.createElementVNode("rect",{y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.5s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"30",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"60",width:"15",height:"140",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"90",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"120",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("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),b=[h],f={key:2,class:"t-semi loading t-black"},g={key:3,class:"error"},v={key:0,class:"button-counter"},y={__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=e.ref(null),l=e.ref(null),o=e.ref(!1),c=e.ref(!1);async function r(){a.value.style["pointer-events"]="none",l.value=null,o.value=!0;const i=()=>{a.value&&(a.value.classList.replace("bg-fifth","bg-main"),a.value.style.pointerEvents="auto",o.value=!1,c.value=!1,l.value=null)};try{await n.submit(),a.value.classList.replace("bg-main","bg-fifth"),o.value=!1,n.showSucces?(c.value=!0,setTimeout(i,500)):i(),n.callback&&setTimeout(()=>n.callback(),n.callbackDelay)}catch{a.value.classList.replace("bg-main","bg-fourth-nano"),l.value=n.error,setTimeout(()=>{i(),a.value.classList.replace("bg-fourth-nano","bg-main")},1330)}}return(i,s)=>(e.openBlock(),e.createElementBlock("button",{onClick:e.withModifiers(r,["stop"]),disabled:t.validation,ref_key:"button",ref:a,class:"button"},[e.createVNode(e.Transition,{name:"moveFromTopAbsolute"},{default:e.withCtx(()=>[!o.value&&!l.value&&!c.value||!t.showLoader?(e.openBlock(),e.createElementBlock("span",d,[e.renderSlot(i.$slots,"default")])):o.value&&!l.value&&t.showLoader?(e.openBlock(),e.createElementBlock("span",m,b)):c.value&&t.showSucces?(e.openBlock(),e.createElementBlock("span",f,e.toDisplayString(t.text.success),1)):l.value?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(l.value),1)):e.createCommentVNode("",!0)]),_:3}),t.counter?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(t.counter),1)):e.createCommentVNode("",!0)],8,u))}};exports.default=y;

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

@@ -1,9 +1,9 @@
-import { ref as h, openBlock as i, createElementBlock as l, withModifiers as p, createVNode as m, Transition as b, withCtx as f, renderSlot as w, createCommentVNode as r, toDisplayString as g, createElementVNode as e, createTextVNode as c } from "vue";
+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"], N = { key: 0 }, x = {
-  key: 0,
+const k = ["disabled"], x = { key: 0 }, N = {
+  key: 1,
   class: "loading"
-}, _ = /* @__PURE__ */ e("svg", {
+}, C = /* @__PURE__ */ e("svg", {
   class: "i-regular",
   width: "135",
   height: "140",
@@ -25,7 +25,7 @@ const k = ["disabled"], N = { key: 0 }, x = {
       calcMode: "linear",
       repeatCount: "indefinite"
     }),
-    /* @__PURE__ */ c(),
+    /* @__PURE__ */ r(),
     /* @__PURE__ */ e("animate", {
       attributeName: "y",
       begin: "0.5s",
@@ -50,7 +50,7 @@ const k = ["disabled"], N = { key: 0 }, x = {
       calcMode: "linear",
       repeatCount: "indefinite"
     }),
-    /* @__PURE__ */ c(),
+    /* @__PURE__ */ r(),
     /* @__PURE__ */ e("animate", {
       attributeName: "y",
       begin: "0.25s",
@@ -74,7 +74,7 @@ const k = ["disabled"], N = { key: 0 }, x = {
       calcMode: "linear",
       repeatCount: "indefinite"
     }),
-    /* @__PURE__ */ c(),
+    /* @__PURE__ */ r(),
     /* @__PURE__ */ e("animate", {
       attributeName: "y",
       begin: "0s",
@@ -99,7 +99,7 @@ const k = ["disabled"], N = { key: 0 }, x = {
       calcMode: "linear",
       repeatCount: "indefinite"
     }),
-    /* @__PURE__ */ c(),
+    /* @__PURE__ */ r(),
     /* @__PURE__ */ e("animate", {
       attributeName: "y",
       begin: "0.25s",
@@ -124,7 +124,7 @@ const k = ["disabled"], N = { key: 0 }, x = {
       calcMode: "linear",
       repeatCount: "indefinite"
     }),
-    /* @__PURE__ */ c(),
+    /* @__PURE__ */ r(),
     /* @__PURE__ */ e("animate", {
       attributeName: "y",
       begin: "0.5s",
@@ -134,15 +134,15 @@ const k = ["disabled"], N = { key: 0 }, x = {
       repeatCount: "indefinite"
     })
   ])
-], -1), C = [
-  _
-], T = {
-  key: 0,
-  class: "loading t-white"
-}, M = {
-  key: 0,
+], -1), M = [
+  C
+], B = {
+  key: 2,
+  class: "t-semi loading t-black"
+}, _ = {
+  key: 3,
   class: "error"
-}, B = {
+}, L = {
   key: 0,
   class: "button-counter"
 }, V = {
@@ -154,6 +154,14 @@ const k = ["disabled"], N = { key: 0 }, x = {
         console.log("Button click.");
       }
     },
+    text: {
+      type: Object,
+      default: (t) => (console.log(t), t = {
+        ...t.text,
+        success: "✔",
+        error: "✖"
+      })
+    },
     counter: {
       type: Object
     },
@@ -180,55 +188,37 @@ const k = ["disabled"], N = { key: 0 }, x = {
       default: !1
     }
   },
-  setup(a) {
-    const s = a, t = h(null), n = h(null), u = h(!1), d = h(!1);
-    async function v() {
-      t.value.style["pointer-events"] = "none", n.value = null, u.value = !0;
+  setup(t) {
+    const n = t, a = d(null), i = d(null), u = d(!1), c = d(!1);
+    async function f() {
+      a.value.style["pointer-events"] = "none", i.value = null, u.value = !0;
       const o = () => {
-        t.value && (t.value.classList.replace("bg-light-main", "bg-main"), t.value.style.pointerEvents = "auto", u.value = !1, d.value = !1, n.value = null);
+        a.value && (a.value.classList.replace("bg-fifth", "bg-main"), a.value.style.pointerEvents = "auto", u.value = !1, c.value = !1, i.value = null);
       };
       try {
-        await s.submit(), t.value.classList.replace("bg-main", "bg-light-main"), u.value = !1, s.showSucces ? (d.value = !0, setTimeout(o, 500)) : o(), s.callback && setTimeout(() => s.callback(), s.callbackDelay);
+        await n.submit(), a.value.classList.replace("bg-main", "bg-fifth"), u.value = !1, n.showSucces ? (c.value = !0, setTimeout(o, 500)) : o(), n.callback && setTimeout(() => n.callback(), n.callbackDelay);
       } catch {
-        t.value.classList.replace("bg-main", "bg-fourth-nano"), n.value = "❌", setTimeout(() => {
-          o(), t.value.classList.replace("bg-fourth-nano", "bg-main");
+        a.value.classList.replace("bg-main", "bg-fourth-nano"), i.value = n.error, setTimeout(() => {
+          o(), a.value.classList.replace("bg-fourth-nano", "bg-main");
         }, 1330);
       }
     }
-    return (o, y) => (i(), l("button", {
-      onClick: p(v, ["stop"]),
-      disabled: a.validation,
+    return (o, m) => (l(), s("button", {
+      onClick: v(f, ["stop"]),
+      disabled: t.validation,
       ref_key: "button",
-      ref: t,
+      ref: a,
       class: "button"
     }, [
-      m(b, { name: "TransitionTranslateY-small" }, {
-        default: f(() => [
-          !u.value && !n.value && !d.value || !a.showLoader ? (i(), l("span", N, [
+      g(y, { name: "moveFromTopAbsolute" }, {
+        default: p(() => [
+          !u.value && !i.value && !c.value || !t.showLoader ? (l(), s("span", x, [
             w(o.$slots, "default")
-          ])) : r("", !0)
+          ])) : u.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
       }),
-      m(b, { name: "TransitionTranslateY-small" }, {
-        default: f(() => [
-          u.value && !n.value && a.showLoader ? (i(), l("span", x, C)) : r("", !0)
-        ]),
-        _: 1
-      }),
-      m(b, { name: "TransitionTranslateY-small" }, {
-        default: f(() => [
-          d.value && a.showSucces ? (i(), l("span", T, "✔")) : r("", !0)
-        ]),
-        _: 1
-      }),
-      m(b, { name: "TransitionTranslateY-small" }, {
-        default: f(() => [
-          n.value ? (i(), l("span", M, g(n.value), 1)) : r("", !0)
-        ]),
-        _: 1
-      }),
-      a.counter ? (i(), l("p", B, g(a.counter), 1)) : r("", !0)
+      t.counter ? (l(), s("p", L, h(t.counter), 1)) : b("", !0)
     ], 8, k));
   }
 };

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(c,{emit:y}){const t=c,{t:F,locale:s}=B.useI18n();let o=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(""),r=e.ref(!0),v=null;const g=y;function m(){g("action")}function T(a){g("update:input",a),f.value=a}function h(){o.value=(o.value+1)%t.placeholderTexts[s.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="",b())}function b(){let a=t.placeholderTexts[s.value][o.value],l=0,u=!1;v=setInterval(()=>{r.value=!r.value},200),d.value=setInterval(()=>{i.value&&(u?(n.value=n.value.slice(0,-1),n.value=a.substring(0,l)+(r.value&&l%2?"|":""),l--):(n.value=a.substring(0,l)+(r.value&&l%2?"|":""),l++),l>a.length&&t.loopTyping&&setTimeout(()=>{u=!0,n.value=a.substring(0,l)},333),l===0&&u&&(u=!1,h(),a=t.placeholderTexts[s.value][o.value]))},t.typingSpeed)}return e.onMounted(()=>{t.enableTyping&&b()}),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:h,onFocus:I,onBlur:x,class:"w-100 t-semi uppercase pd-small p-big"},null,8,["field","placeholder"]),c.action?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:m,class:"w-min hover-bg-black hover-t-white t-black bg-main button",innerHTML:c.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"),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(c,{emit:y}){const t=c,{t:F,locale:s}=B.useI18n();let o=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(""),r=e.ref(!0),v=null;const g=y;function m(){g("action")}function T(a){g("update:input",a),f.value=a}function h(){o.value=(o.value+1)%t.placeholderTexts[s.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="",b())}function b(){let a=t.placeholderTexts[s.value][o.value],l=0,u=!1;v=setInterval(()=>{r.value=!r.value},200),d.value=setInterval(()=>{i.value&&(u?(n.value=n.value.slice(0,-1),n.value=a.substring(0,l)+(r.value&&l%2?"|":""),l--):(n.value=a.substring(0,l)+(r.value&&l%2?"|":""),l++),l>a.length&&t.loopTyping&&setTimeout(()=>{u=!0,n.value=a.substring(0,l)},333),l===0&&u&&(u=!1,h(),a=t.placeholderTexts[s.value][o.value]))},t.typingSpeed)}return e.onMounted(()=>{t.enableTyping&&b()}),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:h,onFocus:I,onBlur:x,class:"w-100 t-semi uppercase pd-small p-big"},null,8,["field","placeholder"]),c.action?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:m,class:"w-max hover-bg-black hover-t-white t-black bg-main button",innerHTML:c.action},null,8,S)):e.createCommentVNode("",!0)]))}};exports.default=_;

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

@@ -90,7 +90,7 @@ const N = { class: "pd-thin radius-extra flex-nowrap flex" }, V = ["innerHTML"],
       p.action ? (b(), T("button", {
         key: 0,
         onClick: x,
-        class: "w-min hover-bg-black hover-t-white t-black bg-main button",
+        class: "w-max hover-bg-black hover-t-white t-black bg-main button",
         innerHTML: p.action
       }, null, 8, V)) : _("", !0)
     ]));

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.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"],O={key:1,class:"vti__country-code"},v=["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",O," +"+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,v))),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),pattern:"[0-9]*",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-5198d519"]]);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=$;

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

@@ -10,241 +10,43 @@ function o(e) {
 }
 const E = S({
   name: "Vue3ReactiveTelInput",
-  // vue component name
   directives: {
     clickOutside: V
   },
   props: {
-    /**
-     * reactive value of the tel input
-     */
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    /**
-     * class assign to root when the input number is invalid belong to the country code
-     */
-    badClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * class assign to root when the input number is valid belong to the country code
-     */
-    goodClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * style assign to root when the input number is invalid belong to the country code
-     */
-    badStyle: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * style assign to root when the input number is valid belong to the country code
-     */
-    goodStyle: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * class assign when the input number is invalid belong to the country code
-     */
-    badInputClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * class assign when the input number is valid belong to the country code
-     */
-    goodInputClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * style assign when the input number is invalid belong to the country code
-     */
-    badInputStyle: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * style assign when the input number is valid belong to the country code
-     */
-    goodInputStyle: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * list of all contries
-     */
-    allCountries: {
-      type: Array,
-      default: () => o("allCountries")
-    },
-    /**
-     * flag to know if the value will be automatically formatted
-     */
-    autoFormat: {
-      type: Boolean,
-      default: () => o("autoFormat")
-    },
-    validation: {
-      type: [Boolean, Object],
-      default: !1
-    },
-    /**
-     * customized validation RegExp or flag 
-     */
-    customValidate: {
-      type: [Boolean, RegExp],
-      default: () => o("customValidate")
-    },
-    /**
-     * a default country
-     */
-    defaultCountry: {
-      // Default country code, ie: 'AU'
-      // Will override the current country of user
-      type: String,
-      default: () => o("defaultCountry")
-    },
-    /**
-     * flag defining whether the input must be disabled
-     */
-    disabled: {
-      type: Boolean,
-      default: () => o("disabled")
-    },
-    /**
-     * flag definir if we'll automatically choose a default country
-     */
-    autoDefaultCountry: {
-      type: Boolean,
-      default: () => o("autoDefaultCountry")
-    },
-    /**
-     * object of dropdown options
-     */
-    dropdownOptions: {
-      type: Object,
-      default: () => o("dropdownOptions")
-    },
-    /**
-     * list of countries to ignore
-     */
-    ignoredCountries: {
-      type: Array,
-      default: () => o("ignoredCountries")
-    },
-    /**
-     * object of input options
-     */
-    inputOptions: {
-      type: Object,
-      default: () => o("inputOptions")
-    },
-    /**
-     * valid message to display
-     */
-    invalidMsg: {
-      type: String,
-      default: () => o("invalidMsg")
-    },
-    /**
-     * the mode of the input
-     */
-    mode: {
-      type: String,
-      default: () => o("mode")
-    },
-    /**
-     * limit the giving input to only manage your list of contry
-     */
-    onlyCountries: {
-      type: Array,
-      default: () => o("onlyCountries")
-    },
-    /**
-     * the list of preferred countries
-     */
-    preferredCountries: {
-      type: Array,
-      default: () => o("preferredCountries")
-    },
-    /**
-     * the flag defining if the input must only content valid characters
-     */
-    validCharactersOnly: {
-      type: Boolean,
-      default: () => o("validCharactersOnly")
-    },
-    /**
-     * the root default class
-     */
-    rootClass: {
-      type: [String, Array, Object],
-      default: () => o("styleClasses")
-    },
-    /**
-     * the input default class
-     */
-    inputClass: {
-      type: [String, Array, Object],
-      default: () => ""
-    },
-    /**
-     * the div input default class
-     */
-    divInputClass: {
-      type: [String, Array, Object],
-      default: () => ""
-    },
-    /**
-     * the root default style
-     */
-    rootStyle: {
-      type: [String, Array, Object],
-      default: () => ""
-    },
-    /**
-     * the dropdown button style
-     */
-    dropdownStyle: {
-      type: [String, Array, Object],
-      default: () => ""
-    },
-    /**
-     * the dropdown list style
-     */
-    listStyle: {
-      type: [String, Array, Object],
-      default: () => ""
-    },
-    /**
-     * the input style
-     */
-    inputStyle: {
-      type: [String, Array, Object],
-      default: () => ""
-    },
-    /**
-     * the input id 
-     */
-    inputId: {
-      type: [String, Array, Object],
-      default: () => ""
-    },
-    /**
-     * the input placeholder
-     */
-    Placeholder: {
-      type: [String, Object, Function],
-      default: () => ""
-    }
+    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: () => o("allCountries") },
+    autoFormat: { type: Boolean, default: () => o("autoFormat") },
+    validation: { type: [Boolean, Object], default: !1 },
+    customValidate: { type: [Boolean, RegExp], default: () => o("customValidate") },
+    defaultCountry: { type: String, default: () => o("defaultCountry") },
+    disabled: { type: Boolean, default: () => o("disabled") },
+    autoDefaultCountry: { type: Boolean, default: () => o("autoDefaultCountry") },
+    dropdownOptions: { type: Object, default: () => o("dropdownOptions") },
+    ignoredCountries: { type: Array, default: () => o("ignoredCountries") },
+    inputOptions: { type: Object, default: () => o("inputOptions") },
+    invalidMsg: { type: String, default: () => o("invalidMsg") },
+    mode: { type: String, default: () => o("mode") },
+    onlyCountries: { type: Array, default: () => o("onlyCountries") },
+    preferredCountries: { type: Array, default: () => o("preferredCountries") },
+    validCharactersOnly: { type: Boolean, default: () => o("validCharactersOnly") },
+    rootClass: { type: [String, Array, Object], default: () => o("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 {
@@ -254,7 +56,6 @@ const E = S({
         action: null,
         amount: null
       },
-      // vue3-reactive-tel-data
       phone: this.modelValue ? this.modelValue : "",
       activeCountryCode: "",
       open: !1,
@@ -301,7 +102,7 @@ const E = S({
     }
   },
   mounted() {
-    this.cleanInvalidCharacters(), this.initializeCountry().then(() => {
+    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(() => {
@@ -330,10 +131,7 @@ const E = S({
       var d, f, i;
       let e;
       ((d = this.phone) == null ? void 0 : d[0]) === "+" ? e = g(this.phone) || {} : e = g(this.phone, this.activeCountryCode) || {};
-      const {
-        metadata: t,
-        ...n
-      } = e;
+      const { metadata: t, ...n } = e;
       let s = (f = e.isValid) == null ? void 0 : f.call(e), a = this.phone;
       return s && (a = (i = e.format) == null ? void 0 : i.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(n, {
         countryCode: e.country,
@@ -380,9 +178,7 @@ const E = S({
         }) : (this.choose(t), e());
       });
     },
-    /**
-     * Get the list of countries from the list of iso2 code
-     */
+    // Get the list of countries from the list of iso2 code
     getCountries(e = []) {
       return e.map((t) => this.findCountry(t)).filter(Boolean);
     },
@@ -550,7 +346,8 @@ function G(e, t, n, s, a, d) {
       ]),
       C(u("input", {
         "onUpdate:modelValue": t[3] || (t[3] = (i) => e.phone = i),
-        pattern: "[0-9]*",
+        inputmode: "numeric",
+        pattern: "\\d*",
         ref: "input",
         type: e.inputOptions.type,
         autocomplete: e.inputOptions.autocomplete,
@@ -585,7 +382,7 @@ function G(e, t, n, s, a, d) {
     })
   ], 64);
 }
-const _ = /* @__PURE__ */ M(E, [["render", G], ["__scopeId", "data-v-5198d519"]]);
+const _ = /* @__PURE__ */ M(E, [["render", G], ["__scopeId", "data-v-a2b07445"]]);
 export {
   _ as default
 };