maz-ui 3.5.0 → 3.6.2

package/components/MazLazyImg.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}.m-lazy-img-component[data-v-2dd96791]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:var(--maz-color-bg-lighter);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component-loader[data-v-2dd96791]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component:not(.m-lazy-error,.m-lazy-no-photo) img[data-v-2dd96791]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-2dd96791]{max-height:100%!important;width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important;max-width:-webkit-min-content!important;max-width:-moz-min-content!important;max-width:min-content!important}.m-lazy-img-component:not(.m-lazy-loaded,.m-lazy-no-photo) .m-lazy-img-component-loader[data-v-2dd96791]{display:-webkit-box;display:-ms-flexbox;display:flex}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+var __defProp=Object.defineProperty,__defNormalProp=(e,t,s)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,__publicField=(e,t,s)=>(__defNormalProp(e,"symbol"!=typeof t?t+"":t,s),s);!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazLazyImg=t(e.Vue)}(this,(function(e){"use strict";const t={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class s{constructor(e={}){__publicField(this,"observers",[]),__publicField(this,"defaultOptions",t),__publicField(this,"options"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"onImgErrorCallback"),__publicField(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>u));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,s;this.addClass(e,this.options.loadingClass),null==(s=(t=this.options).onLoading)||s.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,s;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(s=(t=this.options).onLoaded)||s.call(t,e)}imageHasError(e,t){var s,o;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(o=(s=this.options).onError)||o.call(s,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const s=this.getImgElement(e).getAttribute("data-src");if(s)return s;const o="object"==typeof t.value?t.value.src:t.value;return o||console.warn("[maz-ui][MazLazyImg] src url is not defined"),o}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const s of t){const e=s.getAttribute("data-srcset");e?s.srcset=e:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"')}else console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),s=e.querySelectorAll("source");if(s.length>0)for await(const o of s)o.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const s=this.getImageUrl(e,t);if(!s)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${s}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,s))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,s,o){var a,i;this.observers.push(o);for(const r of s)if(r.isIntersecting){if(null==(i=(a=this.options).onIntersecting)||i.call(a,r.target),this.options.observerOnce&&o.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const s=this.options.observerOptions;new IntersectionObserver(((s,o)=>{this.handleIntersectionObserver(e,t,s,o)}),s).observe(e)}async imageHandler(e,t,s){if("update"===s)for await(const o of this.observers)o.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,s){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,s)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const s of this.observers)s.unobserve(e);this.observers=[]}}let o;const a={created(e,t){const a="object"==typeof t.value?t.value:{};o=new s(a),o.add(e,t)},updated(e,t){o.update(e,t)},unmounted(e,t){o.remove(e,t)}},i=["width","height"],r=[(t=>(e.pushScopeId("data-v-503fe527"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],n=(e,t)=>{const s=e.__vccOpts||e;for(const[o,a]of t)s[o]=a;return s},l=n(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:e=>["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:t=>(s,o)=>(e.openBlock(),e.createElementBlock("svg",{width:t.size,height:t.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${t.color}`]),style:{"enable-background":"new 0 0 50 50"}},r,10,i))}),[["__scopeId","data-v-503fe527"]]),d=["data-srcset","media"],c={key:0,class:"m-lazy-img-component-loader"},g=n(e.defineComponent({__name:"MazLazyImg",props:{image:{type:[String,Object],default:void 0},noPhoto:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},noObserverOnce:{type:Boolean,default:!1},loadOnce:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},observerOptions:{type:Object,default:null}},emits:["intersecting","loading","loaded","error"],setup(t){const s=t,o=e.computed((()=>{var e;return"string"==typeof s.image?[{srcset:s.image}]:null==(e=s.image)?void 0:e.sources}));return(s,i)=>e.withDirectives((e.openBlock(),e.createElementBlock("picture",{class:e.normalizeClass(["m-lazy-img-component",{"-use-loader":!t.noLoader,"--height-full":t.imageHeightFull}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(({srcset:t,media:s},o)=>(e.openBlock(),e.createElementBlock("source",{key:o,"data-srcset":t,media:s},null,8,d)))),128)),e.createElementVNode("img",e.mergeProps(s.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}),null,16),t.noLoader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",c,[e.createVNode(l,{color:"black",size:"2em"})])),e.renderSlot(s.$slots,"default",{},void 0,!0)],2)),[[e.unref(a),{noPhoto:t.noPhoto,observerOnce:!t.noObserverOnce,loadOnce:t.loadOnce,onIntersecting:e=>s.$emit("intersecting",e),onLoading:e=>s.$emit("loading",e),onLoaded:e=>s.$emit("loaded",e),onError:e=>s.$emit("error",e),observerOptions:t.observerOptions}]])}}),[["__scopeId","data-v-2dd96791"]]),u=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjQ4cHgiIGZpbGw9IiNjZGNkY2QiPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg=="},Symbol.toStringTag,{value:"Module"}));return g}));

package/components/MazPhoneNumberInput/constantes/locales.d.ts

@@ -1,12 +1,12 @@
-declare const _default: {
-    countrySelector: {
-        placeholder: string;
-        error: string;
-        searchPlaceholder: string;
-    };
-    phoneInput: {
-        placeholder: string;
-        example: string;
-    };
-};
-export default _default;
+declare const _default: {
+    countrySelector: {
+        placeholder: string;
+        error: string;
+        searchPlaceholder: string;
+    };
+    phoneInput: {
+        placeholder: string;
+        example: string;
+    };
+};
+export default _default;

package/components/MazPhoneNumberInput/types.d.ts

@@ -1,21 +1,21 @@
-import type { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
-import type locales from './constantes/locales';
-export type Result = {
-    isValid: boolean;
-    isPossible?: boolean;
-    countryCode?: CountryCode;
-    countryCallingCode?: CountryCallingCode;
-    nationalNumber?: NationalNumber;
-    type?: NumberType;
-    formatInternational?: string;
-    formatNational?: string;
-    uri?: string;
-    e164?: string;
-    rfc3966?: string;
-};
-export type Translations = typeof locales;
-export type Country = {
-    iso2: CountryCode;
-    dialCode: CountryCallingCode;
-    name: string;
-};
+import type { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
+import type locales from './constantes/locales';
+export type Result = {
+    isValid: boolean;
+    isPossible?: boolean;
+    countryCode?: CountryCode;
+    countryCallingCode?: CountryCallingCode;
+    nationalNumber?: NationalNumber;
+    type?: NumberType;
+    formatInternational?: string;
+    formatNational?: string;
+    uri?: string;
+    e164?: string;
+    rfc3966?: string;
+};
+export type Translations = typeof locales;
+export type Country = {
+    iso2: CountryCode;
+    dialCode: CountryCallingCode;
+    name: string;
+};

package/components/MazPhoneNumberInput/utils/countries-name-list-by-iso-code.d.ts

@@ -1,2 +1,2 @@
-import type { CountryCode } from 'libphonenumber-js';
-export declare const countriesNameListByIsoCode: Record<CountryCode, string>;
+import type { CountryCode } from 'libphonenumber-js';
+export declare const countriesNameListByIsoCode: Record<CountryCode, string>;

package/components/MazPhoneNumberInput/utils/index.d.ts

@@ -1,12 +1,12 @@
-import { type CountryCode, type Examples } from 'libphonenumber-js';
-import type { Country, Result } from '../types';
-export declare function getCountryName(code: CountryCode | string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): string | undefined;
-export declare function loadPhoneNumberExamplesFile(): Promise<Examples>;
-export declare function getExamplePhoneNumber(countryCode: CountryCode): import("libphonenumber-js").PhoneNumber | undefined;
-export declare function sanitizePhoneNumber(input?: string): string | undefined;
-export declare function getCountriesList(customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
-export declare function browserLocale(): string | undefined;
-export declare function isCountryAvailable(locale: string): boolean;
-export declare const getResultsFromPhoneNumber: (countryCode?: CountryCode, phoneNumber?: string) => Result;
-export declare function getAsYouTypeFormat(countryCode: CountryCode, phoneNumber?: string): string | undefined;
-export declare function fetchCountryCode(): Promise<string | undefined>;
+import { type CountryCode, type Examples } from 'libphonenumber-js';
+import type { Country, Result } from '../types';
+export declare function getCountryName(code: CountryCode | string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): string | undefined;
+export declare function loadPhoneNumberExamplesFile(): Promise<Examples>;
+export declare function getExamplePhoneNumber(countryCode: CountryCode): import("libphonenumber-js").PhoneNumber | undefined;
+export declare function sanitizePhoneNumber(input?: string): string | undefined;
+export declare function getCountriesList(customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
+export declare function browserLocale(): string | undefined;
+export declare function isCountryAvailable(locale: string): boolean;
+export declare const getResultsFromPhoneNumber: (countryCode?: CountryCode, phoneNumber?: string) => Result;
+export declare function getAsYouTypeFormat(countryCode: CountryCode, phoneNumber?: string): string | undefined;
+export declare function fetchCountryCode(): Promise<string | undefined>;

package/components/MazPhoneNumberInput.d.ts

@@ -1,255 +1,253 @@
-import type { CountryCode } from 'libphonenumber-js';
-import type { Color, Position, Size } from './types';
-import { type PropType } from 'vue';
-export type { Color, Size, Position } from './types';
-export type { CountryCode } from 'libphonenumber-js';
-export type { Result, Translations } from './MazPhoneNumberInput/types';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: StringConstructor;
-        validator: (prop: string) => boolean;
-        default: undefined;
-    };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultPhoneNumber: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultCountryCode: {
-        type: PropType<string>;
-        default: undefined;
-        validator: (code: string) => boolean;
-    };
-    preferredCountries: {
-        type: PropType<CountryCode[]>;
-        default: undefined;
-    };
-    ignoredCountries: {
-        type: PropType<CountryCode[]>;
-        default: undefined;
-    };
-    onlyCountries: {
-        type: PropType<CountryCode[]>;
-        default: undefined;
-    };
-    translations: {
-        type: PropType<{
-            countrySelector: {
-                placeholder: string;
-                error: string;
-                searchPlaceholder: string;
-            };
-            phoneInput: {
-                placeholder: string;
-                example: string;
-            };
-        }>;
-        default: undefined;
-    };
-    listPosition: {
-        type: PropType<Position>;
-        default: string;
-        validator: (value: Position) => boolean;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    size: {
-        type: PropType<Size>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    noFlags: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noExample: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noSearch: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noUseBrowserLocale: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    fetchCountry: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noCountrySelector: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showCodeOnList: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    customCountriesList: {
-        type: PropType<Record<CountryCode, string>>;
-        default: undefined;
-    };
-}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update" | "update:model-value" | "country-code")[], "update" | "update:model-value" | "country-code", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        validator: (prop: string) => boolean;
-        default: undefined;
-    };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultPhoneNumber: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultCountryCode: {
-        type: PropType<string>;
-        default: undefined;
-        validator: (code: string) => boolean;
-    };
-    preferredCountries: {
-        type: PropType<CountryCode[]>;
-        default: undefined;
-    };
-    ignoredCountries: {
-        type: PropType<CountryCode[]>;
-        default: undefined;
-    };
-    onlyCountries: {
-        type: PropType<CountryCode[]>;
-        default: undefined;
-    };
-    translations: {
-        type: PropType<{
-            countrySelector: {
-                placeholder: string;
-                error: string;
-                searchPlaceholder: string;
-            };
-            phoneInput: {
-                placeholder: string;
-                example: string;
-            };
-        }>;
-        default: undefined;
-    };
-    listPosition: {
-        type: PropType<Position>;
-        default: string;
-        validator: (value: Position) => boolean;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    size: {
-        type: PropType<Size>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    noFlags: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noExample: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noSearch: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noUseBrowserLocale: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    fetchCountry: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noCountrySelector: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showCodeOnList: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    customCountriesList: {
-        type: PropType<Record<CountryCode, string>>;
-        default: undefined;
-    };
-}>> & {
-    onUpdate?: ((...args: any[]) => any) | undefined;
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-    "onCountry-code"?: ((...args: any[]) => any) | undefined;
-}, {
-    id: string;
-    modelValue: string;
-    placeholder: string;
-    defaultPhoneNumber: string;
-    defaultCountryCode: string;
-    preferredCountries: CountryCode[];
-    ignoredCountries: CountryCode[];
-    onlyCountries: CountryCode[];
-    translations: {
-        countrySelector: {
-            placeholder: string;
-            error: string;
-            searchPlaceholder: string;
-        };
-        phoneInput: {
-            placeholder: string;
-            example: string;
-        };
-    };
-    listPosition: Position;
-    color: Color;
-    size: Size;
-    noFlags: boolean;
-    disabled: boolean;
-    noExample: boolean;
-    noSearch: boolean;
-    noUseBrowserLocale: boolean;
-    fetchCountry: boolean;
-    noCountrySelector: boolean;
-    showCodeOnList: boolean;
-    error: boolean;
-    customCountriesList: Record<CountryCode, string>;
-}>;
-export default _default;
+import type { CountryCode } from 'libphonenumber-js';
+import type { Color, Position, Size } from './types';
+import { type PropType } from 'vue';
+export type { Color, Size, Position } from './types';
+export type { CountryCode } from 'libphonenumber-js';
+export type { Result, Translations } from './MazPhoneNumberInput/types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        validator: (prop: string) => boolean;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultPhoneNumber: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultCountryCode: {
+        type: PropType<string>;
+        default: undefined;
+        validator: (code: string) => boolean;
+    };
+    preferredCountries: {
+        type: PropType<CountryCode[]>;
+        default: undefined;
+    };
+    ignoredCountries: {
+        type: PropType<CountryCode[]>;
+        default: undefined;
+    };
+    onlyCountries: {
+        type: PropType<CountryCode[]>;
+        default: undefined;
+    };
+    translations: {
+        type: PropType<{
+            countrySelector: {
+                placeholder: string;
+                error: string;
+                searchPlaceholder: string;
+            };
+            phoneInput: {
+                placeholder: string;
+                example: string;
+            };
+        }>;
+        default: undefined;
+    };
+    listPosition: {
+        type: PropType<Position>;
+        default: string;
+        validator: (value: Position) => boolean;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    noFlags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noExample: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noUseBrowserLocale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fetchCountry: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noCountrySelector: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCodeOnList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customCountriesList: {
+        type: PropType<Record<CountryCode, string>>;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update" | "update:model-value" | "country-code")[], "update" | "update:model-value" | "country-code", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        validator: (prop: string) => boolean;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultPhoneNumber: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultCountryCode: {
+        type: PropType<string>;
+        default: undefined;
+        validator: (code: string) => boolean;
+    };
+    preferredCountries: {
+        type: PropType<CountryCode[]>;
+        default: undefined;
+    };
+    ignoredCountries: {
+        type: PropType<CountryCode[]>;
+        default: undefined;
+    };
+    onlyCountries: {
+        type: PropType<CountryCode[]>;
+        default: undefined;
+    };
+    translations: {
+        type: PropType<{
+            countrySelector: {
+                placeholder: string;
+                error: string;
+                searchPlaceholder: string;
+            };
+            phoneInput: {
+                placeholder: string;
+                example: string;
+            };
+        }>;
+        default: undefined;
+    };
+    listPosition: {
+        type: PropType<Position>;
+        default: string;
+        validator: (value: Position) => boolean;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    noFlags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noExample: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noUseBrowserLocale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fetchCountry: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noCountrySelector: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCodeOnList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customCountriesList: {
+        type: PropType<Record<CountryCode, string>>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    onUpdate?: ((...args: any[]) => any) | undefined;
+    "onCountry-code"?: ((...args: any[]) => any) | undefined;
+}, {
+    error: boolean;
+    size: Size;
+    color: Color;
+    modelValue: string;
+    disabled: boolean;
+    id: string;
+    placeholder: string;
+    listPosition: Position;
+    defaultPhoneNumber: string;
+    defaultCountryCode: string;
+    preferredCountries: CountryCode[];
+    ignoredCountries: CountryCode[];
+    onlyCountries: CountryCode[];
+    translations: {
+        countrySelector: {
+            placeholder: string;
+            error: string;
+            searchPlaceholder: string;
+        };
+        phoneInput: {
+            placeholder: string;
+            example: string;
+        };
+    };
+    noFlags: boolean;
+    noExample: boolean;
+    noSearch: boolean;
+    noUseBrowserLocale: boolean;
+    fetchCountry: boolean;
+    noCountrySelector: boolean;
+    showCodeOnList: boolean;
+    customCountriesList: Record<CountryCode, string>;
+}>;
+export default _default;