@ozdao/prometheus-framework 0.2.35 → 0.2.37

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
 };

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

@@ -0,0 +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;