@ozdao/prometheus-framework 0.2.80 → 0.2.82

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

@@ -1,10 +1,10 @@
-import { ref as o, watch as v, onMounted as j, openBlock as i, createElementBlock as g, Fragment as k, createBlock as p, normalizeClass as b, createCommentVNode as u, unref as d, TransitionGroup as S, withCtx as y, renderList as w, createVNode as L, Transition as C, renderSlot as O } from "vue";
-import $ from "../../modules/icons/skeletons/SkeletonEvent.vue.js";
+import { ref as i, watch as y, onMounted as j, openBlock as r, createElementBlock as g, Fragment as L, createBlock as f, normalizeClass as k, createCommentVNode as c, unref as d, TransitionGroup as M, withCtx as b, renderList as I, createVNode as B, Transition as T, renderSlot as $, createElementVNode as C } from "vue";
+import x from "../../modules/icons/skeletons/SkeletonEvent.vue.js";
 import "../Loader/Loader.vue.js";
-import x from "../EmptyState/EmptyState.vue.js";
+import z from "../EmptyState/EmptyState.vue.js";
 import "vue-i18n";
-import z from "../../modules/globals/components/blocks/BlockSearch.vue.js";
-const A = {
+import E from "../../modules/globals/components/blocks/BlockSearch.vue.js";
+const H = {
   __name: "Feed",
   props: {
     showLoadMore: {
@@ -12,7 +12,7 @@ const A = {
       default: !0
     },
     search: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: !1
     },
     states: {
@@ -50,84 +50,95 @@ const A = {
       })
     }
   },
-  setup(l) {
-    const t = l, r = o([]), s = o(!1);
-    let c = o(!0), f = o(t.options.skip ? t.options.skip : 0), n = o(t.options.limit ? t.options.limit : 10), h = o("");
-    function B(e) {
-      h.value = e, m();
+  setup(s) {
+    const a = s, n = i([]), l = i(!1);
+    let u = i(!0), S = i(null), p = i(a.options.skip ? a.options.skip : 0), o = i(a.options.limit ? a.options.limit : 10), v = i("");
+    function O(e) {
+      v.value = e, m();
     }
-    const M = async () => {
-      if (s.value) {
-        f.value += n.value;
-        const e = await t.store.read({
-          skip: f.value,
-          limit: n.value,
-          search: h.value,
-          ...t.options
+    const w = async () => {
+      if (l.value) {
+        p.value += o.value;
+        const e = await a.store.read({
+          skip: p.value,
+          limit: o.value,
+          search: v.value,
+          ...a.options
         });
-        e.length === 0 || e.length < n.value ? s.value = !1 : s.value = !0, r.value = [...r.value, ...e];
+        e.length === 0 || e.length < o.value ? l.value = !1 : l.value = !0, n.value = [...n.value, ...e];
       }
     }, m = async () => {
-      const e = await t.store.read({
-        skip: f.value,
-        limit: n.value,
-        search: h.value,
-        ...t.options
+      const e = await a.store.read({
+        skip: p.value,
+        limit: o.value,
+        search: v.value,
+        ...a.options
       });
-      e.length === 0 || e.length < n.value ? s.value = !1 : s.value = !0, r.value = e, c.value = !1;
+      e.length === 0 || e.length < o.value ? l.value = !1 : l.value = !0, n.value = e, u.value = !1;
     };
-    return v(() => t.external, (e) => {
-    }), v(() => t.external, (e, a) => {
-      e !== a && m();
-    }, { deep: !0 }), v(() => t.options, (e, a) => {
-      (e.organization !== a.organization || e.categories !== a.categories || e.prices !== a.prices || e.delivery !== a.delivery || e.search !== a.search || e.status !== a.status || e.hidden !== a.hidden || e.type !== a.type) && m();
+    return y(() => a.external, (e) => {
+    }), y(() => a.external, (e, t) => {
+      e !== t && m();
+    }, { deep: !0 }), y(() => a.options, (e, t) => {
+      (e.organization !== t.organization || e.categories !== t.categories || e.prices !== t.prices || e.delivery !== t.delivery || e.search !== t.search || e.status !== t.status || e.hidden !== t.hidden || e.type !== t.type) && m();
     }, { deep: !0 }), j(async () => {
-      await m();
-    }), (e, a) => (i(), g(k, null, [
-      l.search ? (i(), p(z, {
+      await m(), typeof window < "u" && !a.showLoadMore && new IntersectionObserver((t) => {
+        t.some((h) => h.isIntersecting) && w();
+      }).observe(S.value);
+    }), (e, t) => (r(), g(L, null, [
+      s.search ? (r(), f(E, {
         key: 0,
-        placeholder: l.search.placeholder || "Search...",
-        class: b(l.search.class || "bg-grey mn-b-thin"),
-        onSearch: B
-      }, null, 8, ["placeholder", "class"])) : u("", !0),
-      d(c) ? (i(), p(S, {
+        placeholder: s.search.placeholder || "Search...",
+        class: k(s.search.class || "bg-grey mn-b-thin"),
+        onSearch: O
+      }, null, 8, ["placeholder", "class"])) : c("", !0),
+      d(u) ? (r(), f(M, {
         key: 1,
         tag: "ul",
         name: "scaleTransition",
-        class: "o-hidden bg-grey radius-big"
+        class: k(["o-hidden bg-grey radius-big", e.$attrs.class])
       }, {
-        default: y(() => [
-          d(c) ? (i(!0), g(k, { key: 0 }, w(d(n), (T) => (i(), p($, { key: T }))), 128)) : u("", !0)
+        default: b(() => [
+          d(u) ? (r(!0), g(L, { key: 0 }, I(d(o), (h) => (r(), f(x, {
+            key: "skeleton-" + h
+          }))), 128)) : c("", !0)
         ]),
         _: 1
-      })) : u("", !0),
-      L(C, { name: "scaleTransition" }, {
-        default: y(() => [
-          !d(c) && r.value.length < 1 ? (i(), p(x, {
+      }, 8, ["class"])) : c("", !0),
+      B(T, { name: "scaleTransition" }, {
+        default: b(() => [
+          !d(u) && n.value.length < 1 ? (r(), f(z, {
             key: 0,
-            title: l.states.empty.title,
-            description: l.states.empty.description,
+            title: s.states.empty.title,
+            description: s.states.empty.description,
+            action: s.states.empty.action,
+            callback: s.states.empty.callback,
             class: "pd-medium mn-b-thin bg-grey radius-big"
-          }, null, 8, ["title", "description"])) : u("", !0)
+          }, null, 8, ["title", "description", "action", "callback"])) : c("", !0)
         ]),
         _: 1
       }),
-      L(S, {
+      B(M, {
         tag: "ul",
         name: "scaleTransition",
-        class: b(e.$attrs.class)
+        class: k(e.$attrs.class)
       }, {
-        default: y(() => [
-          !d(c) && r.value.length > 0 ? O(e.$slots, "default", {
+        default: b(() => [
+          !d(u) && n.value.length > 0 ? $(e.$slots, "default", {
             key: 0,
-            items: r.value,
-            user: e.user
-          }) : u("", !0),
-          l.showLoadMore && s.value && r.value.length > 0 ? (i(), g("button", {
+            items: n.value
+          }) : c("", !0),
+          s.showLoadMore && l.value && n.value.length > 0 ? (r(), g("button", {
             key: 1,
-            onClick: M,
+            onClick: w,
             class: "col-w-100 w-100 bg-main button"
-          }, " Load More ")) : u("", !0)
+          }, " Load More ")) : c("", !0),
+          C("div", {
+            key: "sentinel",
+            ref_key: "sentinel",
+            ref: S,
+            class: "sentinel"
+          }, null, 512)
         ]),
         _: 3
       }, 8, ["class"])
@@ -135,5 +146,5 @@ const A = {
   }
 };
 export {
-  A as default
+  H as default
 };

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

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