@ozdao/prometheus-framework 0.2.59 → 0.2.61

package/dist/prometheus-framework/src/components/FieldPhone/FieldPhone2.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");require("./FieldPhone2.vue2.cjs");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:"FieldPhone2",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","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("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-medium"]),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-thin"},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-0ab16817"]]);exports.default=Ce;
+"use strict";

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("vue-router"),c=require("vue-i18n"),d=require("../../modules/icons/navigation/IconCross.vue.cjs");require("./Popup.vue2.cjs");const m={key:"popup-content",class:"pd-small popup-wrapper"},v={__name:"Popup",props:{isPopupOpen:{type:Boolean,default:!1},style:String},emits:["close-popup"],setup(o,{emit:l}){const u=o,a=l;function n(){a("close-popup")}e.watch(()=>u.isPopupOpen,t=>{t?document.body.classList.add("no-scroll"):document.body.classList.remove("no-scroll")}),r.useRoute(),r.useRouter();const i={messages:{en:{},ru:{}}};return c.useI18n(i),(t,s)=>o.isPopupOpen?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(e.Transition,{name:"TransitionTranslateY",appear:""},{default:e.withCtx(()=>[o.isPopupOpen?(e.openBlock(),e.createElementBlock("div",m,[e.createVNode(e.Transition,{name:"TransitionTranslateY",mode:"out-in"},{default:e.withCtx(()=>[o.isPopupOpen?(e.openBlock(),e.createElementBlock("section",e.mergeProps({key:0,class:"pos-relative z-index-4"},t.$attrs),[e.createVNode(d.default,{onClick:s[0]||(s[0]=p=>n()),class:"cursor-pointer pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-regular z-index-5"}),e.renderSlot(t.$slots,"default")],16)):e.createCommentVNode("",!0)]),_:3}),e.createElementVNode("div",{onClick:s[1]||(s[1]=p=>n()),class:e.normalizeClass([{active:o.isPopupOpen===!0},"color-overlay z-index-3"])},null,2)])):e.createCommentVNode("",!0)]),_:3})])):e.createCommentVNode("",!0)}};exports.default=v;
+"use strict";

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

@@ -1,72 +1 @@
-import { watch as f, openBlock as s, createBlock as v, Teleport as y, createVNode as n, Transition as l, withCtx as i, createElementBlock as a, mergeProps as P, renderSlot as k, createCommentVNode as r, createElementVNode as x, normalizeClass as C } from "vue";
-import { useRoute as O, useRouter as T } from "vue-router";
-import { useI18n as b } from "vue-i18n";
-import g from "../../modules/icons/navigation/IconCross.vue.js";
-import "./Popup.vue2.js";
-const z = {
-  key: "popup-content",
-  class: "pd-small popup-wrapper"
-}, I = {
-  __name: "Popup",
-  props: {
-    isPopupOpen: {
-      type: Boolean,
-      default: !1
-    },
-    style: String
-  },
-  emits: ["close-popup"],
-  setup(e, { emit: u }) {
-    const m = e, c = u;
-    function p() {
-      c("close-popup");
-    }
-    return f(() => m.isPopupOpen, (o) => {
-      o ? document.body.classList.add("no-scroll") : document.body.classList.remove("no-scroll");
-    }), O(), T(), b({
-      messages: {
-        en: {},
-        ru: {}
-      }
-    }), (o, t) => e.isPopupOpen ? (s(), v(y, {
-      key: 0,
-      to: "body"
-    }, [
-      n(l, {
-        name: "TransitionTranslateY",
-        appear: ""
-      }, {
-        default: i(() => [
-          e.isPopupOpen ? (s(), a("div", z, [
-            n(l, {
-              name: "TransitionTranslateY",
-              mode: "out-in"
-            }, {
-              default: i(() => [
-                e.isPopupOpen ? (s(), a("section", P({
-                  key: 0,
-                  class: "pos-relative z-index-4"
-                }, o.$attrs), [
-                  n(g, {
-                    onClick: t[0] || (t[0] = (d) => p()),
-                    class: "cursor-pointer pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-regular z-index-5"
-                  }),
-                  k(o.$slots, "default")
-                ], 16)) : r("", !0)
-              ]),
-              _: 3
-            }),
-            x("div", {
-              onClick: t[1] || (t[1] = (d) => p()),
-              class: C([{ active: e.isPopupOpen === !0 }, "color-overlay z-index-3"])
-            }, null, 2)
-          ])) : r("", !0)
-        ]),
-        _: 3
-      })
-    ])) : r("", !0);
-  }
-};
-export {
-  I as default
-};
+

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

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("vue-router"),c=require("vue-i18n"),d=require("../../modules/icons/navigation/IconCross.vue.cjs");require("./Popup.vue.cjs");const m={key:"popup-content",class:"pd-small popup-wrapper"},v={__name:"Popup",props:{isPopupOpen:{type:Boolean,default:!1},style:String},emits:["close-popup"],setup(o,{emit:l}){const u=o,a=l;function n(){a("close-popup")}e.watch(()=>u.isPopupOpen,t=>{t?document.body.classList.add("no-scroll"):document.body.classList.remove("no-scroll")}),r.useRoute(),r.useRouter();const i={messages:{en:{},ru:{}}};return c.useI18n(i),(t,s)=>o.isPopupOpen?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(e.Transition,{name:"TransitionTranslateY",appear:""},{default:e.withCtx(()=>[o.isPopupOpen?(e.openBlock(),e.createElementBlock("div",m,[e.createVNode(e.Transition,{name:"TransitionTranslateY",mode:"out-in"},{default:e.withCtx(()=>[o.isPopupOpen?(e.openBlock(),e.createElementBlock("section",e.mergeProps({key:0,class:"pos-relative z-index-4"},t.$attrs),[e.createVNode(d.default,{onClick:s[0]||(s[0]=p=>n()),class:"cursor-pointer pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-regular z-index-5"}),e.renderSlot(t.$slots,"default")],16)):e.createCommentVNode("",!0)]),_:3}),e.createElementVNode("div",{onClick:s[1]||(s[1]=p=>n()),class:e.normalizeClass([{active:o.isPopupOpen===!0},"color-overlay z-index-3"])},null,2)])):e.createCommentVNode("",!0)]),_:3})])):e.createCommentVNode("",!0)}};exports.default=v;

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

@@ -1 +1,72 @@
-
+import { watch as f, openBlock as s, createBlock as v, Teleport as y, createVNode as n, Transition as l, withCtx as i, createElementBlock as a, mergeProps as P, renderSlot as k, createCommentVNode as r, createElementVNode as x, normalizeClass as C } from "vue";
+import { useRoute as O, useRouter as T } from "vue-router";
+import { useI18n as b } from "vue-i18n";
+import g from "../../modules/icons/navigation/IconCross.vue.js";
+import "./Popup.vue.js";
+const z = {
+  key: "popup-content",
+  class: "pd-small popup-wrapper"
+}, I = {
+  __name: "Popup",
+  props: {
+    isPopupOpen: {
+      type: Boolean,
+      default: !1
+    },
+    style: String
+  },
+  emits: ["close-popup"],
+  setup(e, { emit: u }) {
+    const m = e, c = u;
+    function p() {
+      c("close-popup");
+    }
+    return f(() => m.isPopupOpen, (o) => {
+      o ? document.body.classList.add("no-scroll") : document.body.classList.remove("no-scroll");
+    }), O(), T(), b({
+      messages: {
+        en: {},
+        ru: {}
+      }
+    }), (o, t) => e.isPopupOpen ? (s(), v(y, {
+      key: 0,
+      to: "body"
+    }, [
+      n(l, {
+        name: "TransitionTranslateY",
+        appear: ""
+      }, {
+        default: i(() => [
+          e.isPopupOpen ? (s(), a("div", z, [
+            n(l, {
+              name: "TransitionTranslateY",
+              mode: "out-in"
+            }, {
+              default: i(() => [
+                e.isPopupOpen ? (s(), a("section", P({
+                  key: 0,
+                  class: "pos-relative z-index-4"
+                }, o.$attrs), [
+                  n(g, {
+                    onClick: t[0] || (t[0] = (d) => p()),
+                    class: "cursor-pointer pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-regular z-index-5"
+                  }),
+                  k(o.$slots, "default")
+                ], 16)) : r("", !0)
+              ]),
+              _: 3
+            }),
+            x("div", {
+              onClick: t[1] || (t[1] = (d) => p()),
+              class: C([{ active: e.isPopupOpen === !0 }, "color-overlay z-index-3"])
+            }, null, 2)
+          ])) : r("", !0)
+        ]),
+        _: 3
+      })
+    ])) : r("", !0);
+  }
+};
+export {
+  I as default
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../FieldPhone/click-outside.cjs");require("./Select.vue2.cjs");const g=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),B={key:0,class:"t-transp mn-r-small"},w={class:"w-100"},b=["onClick"],S={key:0,class:"w-100"},_={key:0,class:"mn-t-thin invalid-feedback"},C={__name:"Select",props:{label:String,select:[String,Object],property:String,placeholder:{type:String,default:"Please select an item"},options:{type:Array,default:()=>[]},validation:Boolean},emits:["update:select","focus","blur"],setup(o,{emit:m}){const i=m;let f=y.default;const t=o,n=e.ref(t.property?u(t.select,t.property,t.options):t.select),a=e.ref(!1);function v(){a.value=!1}function u(l,p,c){for(const s of c)if(s[p]===l||s===l)return s;return null}e.watch(()=>t.select,l=>{n.value=t.property?u(t.select,t.property,t.options):t.select});const k=e.computed(()=>t.select?t.options.filter(l=>l!==t.select):t.options),d=()=>{a.value=!a.value,i(a.value?"focus":"blur")},h=l=>{n.value=l,d(),t.property?i("update:select",n.value[t.property]):i("update:select",n.value)};return(l,p)=>{var c,s;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{onClick:e.withModifiers(d,["stop"]),class:e.normalizeClass([l.$attrs.class,"cursor-pointer flex-v-center flex-nowrap flex pos-relative"])},[o.label?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("span",null,e.toDisplayString(o.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",w,[e.createElementVNode("span",null,e.toDisplayString((c=n.value)!=null&&c.name?(s=n.value)==null?void 0:s.name:n.value||o.placeholder),1)]),e.createVNode(e.Transition,{mode:"out-in",name:"TransitionTranslateY"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("ul",{class:e.normalizeClass([l.$attrs.class,"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin"]),style:{"min-width":"max-content"}},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,r=>(e.openBlock(),e.createElementBlock("li",{onClick:e.withModifiers(V=>h(r),["stop"])},[r?(e.openBlock(),e.createElementBlock("span",S,e.toDisplayString(r.name||r),1)):e.createCommentVNode("",!0)],8,b))),256))],2),[[e.vShow,a.value]])]),_:1})],2)),[[e.unref(f),v]]),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[o.validation?(e.openBlock(),e.createElementBlock("div",_," * "+e.toDisplayString(o.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64)}}},E=g.default(C,[["__scopeId","data-v-67f55841"]]);exports.default=E;
+"use strict";

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

@@ -1,97 +1 @@
-import { ref as y, watch as M, computed as N, openBlock as s, createElementBlock as n, Fragment as k, withDirectives as b, withModifiers as w, normalizeClass as _, createElementVNode as u, toDisplayString as d, createCommentVNode as m, createVNode as g, Transition as S, withCtx as x, renderList as T, vShow as $, unref as z } from "vue";
-import D from "../FieldPhone/click-outside.js";
-import "./Select.vue2.js";
-import E from "../../../../_virtual/_plugin-vue_export-helper.js";
-const L = {
-  key: 0,
-  class: "t-transp mn-r-small"
-}, A = { class: "w-100" }, F = ["onClick"], I = {
-  key: 0,
-  class: "w-100"
-}, P = {
-  key: 0,
-  class: "mn-t-thin invalid-feedback"
-}, Y = {
-  __name: "Select",
-  props: {
-    label: String,
-    select: [String, Object],
-    property: String,
-    placeholder: { type: String, default: "Please select an item" },
-    options: { type: Array, default: () => [] },
-    validation: Boolean
-  },
-  emits: ["update:select", "focus", "blur"],
-  setup(o, { emit: C }) {
-    const p = C;
-    let O = D;
-    const e = o, l = y(e.property ? f(e.select, e.property, e.options) : e.select), i = y(!1);
-    function B() {
-      i.value = !1;
-    }
-    function f(t, h, c) {
-      for (const a of c)
-        if (a[h] === t || a === t)
-          return a;
-      return null;
-    }
-    M(() => e.select, (t) => {
-      l.value = e.property ? f(e.select, e.property, e.options) : e.select;
-    });
-    const V = N(() => e.select ? e.options.filter((t) => t !== e.select) : e.options), v = () => {
-      i.value = !i.value, p(i.value ? "focus" : "blur");
-    }, j = (t) => {
-      l.value = t, v(), e.property ? p("update:select", l.value[e.property]) : p("update:select", l.value);
-    };
-    return (t, h) => {
-      var c, a;
-      return s(), n(k, null, [
-        b((s(), n("div", {
-          onClick: w(v, ["stop"]),
-          class: _([t.$attrs.class, "cursor-pointer flex-v-center flex-nowrap flex pos-relative"])
-        }, [
-          o.label ? (s(), n("div", L, [
-            u("span", null, d(o.label), 1)
-          ])) : m("", !0),
-          u("li", A, [
-            u("span", null, d((c = l.value) != null && c.name ? (a = l.value) == null ? void 0 : a.name : l.value || o.placeholder), 1)
-          ]),
-          g(S, {
-            mode: "out-in",
-            name: "TransitionTranslateY"
-          }, {
-            default: x(() => [
-              b(u("ul", {
-                class: _([t.$attrs.class, "bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin"]),
-                style: { "min-width": "max-content" }
-              }, [
-                (s(!0), n(k, null, T(V.value, (r) => (s(), n("li", {
-                  onClick: w((q) => j(r), ["stop"])
-                }, [
-                  r ? (s(), n("span", I, d(r.name || r), 1)) : m("", !0)
-                ], 8, F))), 256))
-              ], 2), [
-                [$, i.value]
-              ])
-            ]),
-            _: 1
-          })
-        ], 2)), [
-          [z(O), B]
-        ]),
-        g(S, {
-          mode: "out-in",
-          name: "fade"
-        }, {
-          default: x(() => [
-            o.validation ? (s(), n("div", P, " * " + d(o.validation.message), 1)) : m("", !0)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-}, Q = /* @__PURE__ */ E(Y, [["__scopeId", "data-v-67f55841"]]);
-export {
-  Q as default
-};
+