maz-ui 3.50.1 → 4.0.0-alpha.3

package/dist/types/components/MazIcon.vue.d.ts

@@ -0,0 +1,80 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** The source path of the SVG file - e.g: `/icons/home.svg` */
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The path of the folder where the SVG files are stored - e.g: `/icons` */
+    path: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The name of the SVG file - e.g: `home` */
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The size of the SVG file - e.g: `1em` */
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The title of the SVG file - e.g: `Home` */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The function to transform the source of the SVG file - e.g: `(svg) => svg` */
+    transformSource: {
+        type: PropType<(param: SVGElement) => typeof param>;
+        default: (svg: SVGElement) => SVGElement;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (error: Error) => any;
+    loaded: (svg: SVGElement | undefined) => any;
+    unloaded: () => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** The source path of the SVG file - e.g: `/icons/home.svg` */
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The path of the folder where the SVG files are stored - e.g: `/icons` */
+    path: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The name of the SVG file - e.g: `home` */
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The size of the SVG file - e.g: `1em` */
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The title of the SVG file - e.g: `Home` */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** The function to transform the source of the SVG file - e.g: `(svg) => svg` */
+    transformSource: {
+        type: PropType<(param: SVGElement) => typeof param>;
+        default: (svg: SVGElement) => SVGElement;
+    };
+}>> & Readonly<{
+    onError?: ((error: Error) => any) | undefined;
+    onLoaded?: ((svg: SVGElement | undefined) => any) | undefined;
+    onUnloaded?: (() => any) | undefined;
+}>, {
+    size: string;
+    title: string;
+    src: string;
+    path: string;
+    name: string;
+    transformSource: (param: SVGElement) => typeof param;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/MazInput.vue.d.ts

@@ -0,0 +1,122 @@
+import { Color, Icon, ModelValueSimple, Size } from './types';
+import { HTMLAttributes } from 'vue';
+export interface MazInputProps<T = ModelValueSimple> {
+    /** The style of the component */
+    style?: HTMLAttributes['style'];
+    /** The class of the component */
+    class?: HTMLAttributes['class'];
+    /**
+     * The value of the input
+     * @model
+     */
+    modelValue?: T | undefined;
+    /** The placeholder of the input */
+    placeholder?: string;
+    /**
+     * The label of the component
+     * This label will be displayed inside the input and will be up when the input is focused
+     */
+    label?: string;
+    /**
+     * The top label of the component
+     * This label will be displayed above the input
+     */
+    topLabel?: string;
+    /**
+     * The additional text of the component
+     * This text will be displayed below the input
+     */
+    assistiveText?: string;
+    /** The attribut name of the input */
+    name?: string;
+    /** The color of the component */
+    color?: Color;
+    /** The attribut type of the input */
+    type?: 'text' | 'date' | 'number' | 'tel' | 'search' | 'url' | 'password' | 'month' | 'time' | 'week' | 'email';
+    /** The attribut required of the input */
+    required?: boolean;
+    /** The attribut disabled of the input */
+    disabled?: boolean;
+    /** The attribut readonly of the input */
+    readonly?: boolean;
+    /** The attribut id of the input */
+    id?: string;
+    /** Enable error state UI */
+    error?: boolean;
+    /** Enable success state UI */
+    success?: boolean;
+    /** Enable warning state UI */
+    warning?: boolean;
+    /** The hint will replace the label */
+    hint?: string;
+    /** The class of the input wrapper div element */
+    inputClasses?: string;
+    /** Remove the border of the input */
+    noBorder?: boolean;
+    /** Remove the radius of the input */
+    noRadius?: boolean;
+    /** The attribut inputmode of the input */
+    inputmode?: HTMLAttributes['inputmode'];
+    /** The size of the component */
+    size?: Size;
+    /** Enable debounce on input - can be `boolean | number`, if it is a number, it is used for the debounce delay */
+    debounce?: boolean | number;
+    /**
+     * The delay of the debounce
+     * @deprecated use debounce instead
+     */
+    debounceDelay?: number;
+    /** Display the valid button - this button has type="submit"  */
+    validButton?: boolean;
+    /** Display the loading state on the valid button */
+    validButtonLoading?: boolean;
+    /** if true the input will be focus on render */
+    autoFocus?: boolean;
+    /** if true the component has the colorized border by default, not only on focus */
+    borderActive?: boolean;
+    /**
+     * The left icon of the input
+     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
+     */
+    leftIcon?: string | Icon;
+    /**
+     * The right icon of the input
+     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
+     */
+    rightIcon?: string | Icon;
+    /**
+     * Size radius of the component's border
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     */
+    roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** The input will be displayed in full width */
+    block?: boolean;
+    /** The attribut autocomplete of the input */
+    autocomplete?: string;
+}
+declare const _default: <T extends ModelValueSimple>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onBlur?: ((event: Event) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
+        readonly onClick?: ((event: Event) => any) | undefined;
+        readonly onFocus?: ((event: Event) => any) | undefined;
+        readonly onInput?: ((event: Event) => any) | undefined;
+        readonly "onUpdate:model-value"?: ((value?: T | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClick" | "onUpdate:model-value"> & MazInputProps<T>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        "left-icon"?(_: {}): any;
+        "right-icon"?(_: {}): any;
+        "valid-button"?(_: {}): any;
+    };
+    emit: ((evt: "blur", event: Event) => void) & ((evt: "change", event: Event) => void) & ((evt: "click", event: Event) => void) & ((evt: "focus", event: Event) => void) & ((evt: "input", event: Event) => void) & ((evt: "update:model-value", value?: T | undefined) => void);
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/MazInputCode.vue.d.ts

@@ -0,0 +1,51 @@
+import { Color } from './types';
+import { HTMLAttributes } from 'vue';
+export type MazInputCodeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface MazInputCodeProps<T = string | number> {
+    /** The style of the component. */
+    style?: HTMLAttributes['style'];
+    /** The class of the component. */
+    class?: HTMLAttributes['class'];
+    /** The value of the component (v-model). */
+    modelValue?: T;
+    /** The length of the code. */
+    codeLength?: number;
+    /** The type of the input field. */
+    type?: 'text' | 'number';
+    /** Whether to accept alpha characters. */
+    acceptAlpha?: boolean;
+    /** Whether the input is required. */
+    required?: boolean;
+    /** Whether the input is disabled. */
+    disabled?: boolean;
+    /** Whether there is an error with the input. */
+    error?: boolean;
+    /** Whether the input is successful. */
+    success?: boolean;
+    /** Whether there is a warning with the input. */
+    warning?: boolean;
+    /** The size of the component. */
+    size?: MazInputCodeSize;
+    /** The color of the component. */
+    color?: Color;
+    /** The hint text to display below the input. */
+    hint?: string;
+}
+declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:model-value"?: ((value?: T | undefined) => any) | undefined;
+        readonly onCompleted?: ((value?: void | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:model-value" | "onCompleted"> & MazInputCodeProps<T>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "update:model-value", value?: T | undefined) => void) & ((evt: "completed", value: void) => void);
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/MazInputNumber.vue.d.ts

@@ -0,0 +1,62 @@
+import { Size } from './types';
+import { HTMLAttributes } from 'vue';
+export interface MazInputNumberProps {
+    /** The inline style object for the component. */
+    style?: HTMLAttributes['style'];
+    /** The CSS class name for the component. */
+    class?: HTMLAttributes['class'];
+    /** The value of the component (v-model). */
+    modelValue?: number;
+    /** Whether the input number is disabled or not. */
+    disabled?: boolean;
+    /** The maximum value allowed for the input number. */
+    max?: number;
+    /** The minimum value allowed for the input number. */
+    min?: number;
+    /** The step value for incrementing or decrementing the input number. */
+    step?: number;
+    /** The size of the input number component. */
+    size?: Size;
+    /** Whether to hide the increment and decrement buttons or not. */
+    noButtons?: boolean;
+    /** Whether to center the text inside the input or not. */
+    textCenter?: boolean;
+    /** The inputmode attribute for the input. */
+    inputmode?: HTMLAttributes['inputmode'];
+    /** The input will be displayed in full width */
+    block?: boolean;
+    /** Will display the input in error state. */
+    error?: boolean;
+    /** The hint text to display below the input. */
+    hint?: string;
+    /** Will display the input in success state. */
+    success?: boolean;
+    /** Will display the input in warning state. */
+    warning?: boolean;
+}
+declare const _default: import('vue').DefineComponent<MazInputNumberProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (value: Event) => any;
+    change: (value: Event) => any;
+    click: (value: Event) => any;
+    focus: (value: Event) => any;
+    "update:model-value": (value?: number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<MazInputNumberProps> & Readonly<{
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
+    onClick?: ((value: Event) => any) | undefined;
+    onFocus?: ((value: Event) => any) | undefined;
+    "onUpdate:model-value"?: ((value?: number | undefined) => any) | undefined;
+}>, {
+    size: Size;
+    style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+    class: HTMLAttributes["class"];
+    disabled: boolean;
+    modelValue: number;
+    step: number;
+    inputmode: "search" | "text" | "none" | "email" | "tel" | "decimal" | "url" | "numeric";
+    max: number;
+    min: number;
+    noButtons: boolean;
+    textCenter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/MazInputPhoneNumber/CountrySelector.vue.d.ts

@@ -0,0 +1,101 @@
+import { MazInputPhoneNumberTranslations } from './types';
+import { Color, Position, Size } from '../types';
+import { CountryCode } from 'libphonenumber-js';
+import { HTMLAttributes } from 'vue';
+declare function __VLS_template(): {
+    slots: {
+        "selector-flag"?(_: {
+            countryCode: CountryCode;
+        }): any;
+        "no-results"?(_: {}): any;
+        "country-list-flag"?(_: {
+            countryCode: string;
+            option: import('../MazSelect.vue').NormalizedOption;
+            isSelected: boolean;
+        }): any;
+    };
+    refs: {
+        CountrySelectorRef: import('vue').ShallowUnwrapRef<{
+            openList: (event: Event) => Promise<void>;
+            closeList: (event?: Event) => Promise<void>;
+        }> | null;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    /** Style attribut of the component root element */
+    style?: HTMLAttributes["style"];
+    /** Class attribut of the component root element */
+    class?: HTMLAttributes["class"];
+    modelValue?: CountryCode | undefined | null;
+    id: string;
+    color: Color;
+    size: Size;
+    preferredCountries?: CountryCode[];
+    ignoredCountries?: CountryCode[];
+    onlyCountries?: CountryCode[];
+    customCountriesList?: Record<CountryCode, string>;
+    locales: MazInputPhoneNumberTranslations;
+    listPosition?: Position;
+    noFlags?: boolean;
+    noSearch?: boolean;
+    disabled?: boolean;
+    showCodeOnList?: boolean;
+    countryLocale?: string;
+    success?: boolean;
+    error?: boolean;
+    countrySelectorDisplayName?: boolean;
+    searchThreshold?: number;
+    width: string;
+    excludeSelectors?: string[];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:model-value": (countryCode?: CountryCode | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    /** Style attribut of the component root element */
+    style?: HTMLAttributes["style"];
+    /** Class attribut of the component root element */
+    class?: HTMLAttributes["class"];
+    modelValue?: CountryCode | undefined | null;
+    id: string;
+    color: Color;
+    size: Size;
+    preferredCountries?: CountryCode[];
+    ignoredCountries?: CountryCode[];
+    onlyCountries?: CountryCode[];
+    customCountriesList?: Record<CountryCode, string>;
+    locales: MazInputPhoneNumberTranslations;
+    listPosition?: Position;
+    noFlags?: boolean;
+    noSearch?: boolean;
+    disabled?: boolean;
+    showCodeOnList?: boolean;
+    countryLocale?: string;
+    success?: boolean;
+    error?: boolean;
+    countrySelectorDisplayName?: boolean;
+    searchThreshold?: number;
+    width: string;
+    excludeSelectors?: string[];
+}> & Readonly<{
+    "onUpdate:model-value"?: ((countryCode?: CountryCode | undefined) => any) | undefined;
+}>, {
+    style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+    class: HTMLAttributes["class"];
+    width: string;
+    modelValue: CountryCode | null;
+    listPosition: Position;
+    excludeSelectors: string[];
+    preferredCountries: CountryCode[];
+    ignoredCountries: CountryCode[];
+    onlyCountries: CountryCode[];
+    customCountriesList: Record<CountryCode, string>;
+    countryLocale: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/MazInputPhoneNumber/PhoneInput.vue.d.ts

@@ -0,0 +1,19 @@
+import { MazInputPhoneNumberTranslations } from './types';
+import { MazInputProps } from '../MazInput.vue';
+type PhoneInputProps = Omit<MazInputProps, 'modelValue'> & {
+    id: string;
+    locales: MazInputPhoneNumberTranslations;
+    noExample: boolean;
+    hasRadius: boolean;
+    autoFormat: boolean;
+};
+declare let __VLS_typeProps: PhoneInputProps;
+type __VLS_PublicProps = {
+    modelValue?: string | undefined | null;
+} & typeof __VLS_typeProps;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: string | null | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/MazInputPhoneNumber/types.d.ts

@@ -0,0 +1,62 @@
+import { defaultLocales } from './default-locales';
+import { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
+export interface Results {
+    isValid: boolean;
+    isPossible?: boolean;
+    countryCode?: CountryCode | undefined | null;
+    parsedCountryCode?: CountryCode | undefined | null;
+    countryCallingCode?: CountryCallingCode;
+    nationalNumber?: NationalNumber;
+    type?: NumberType;
+    formatInternational?: string;
+    formatNational?: string;
+    uri?: string;
+    e164?: string;
+    rfc3966?: string;
+    possibleCountries?: CountryCode[];
+    phoneNumber?: string | undefined | null;
+}
+export type MazInputPhoneNumberTranslations = typeof defaultLocales;
+export interface Country {
+    iso2: CountryCode;
+    dialCode: CountryCallingCode;
+    name: string;
+}
+export interface IpWhoResponse {
+    ip: string;
+    success: true;
+    type?: string;
+    continent?: string;
+    continent_code?: string;
+    country?: string;
+    country_code?: string;
+    region?: string;
+    region_code?: string;
+    city?: string;
+    latitude?: number;
+    longitude?: number;
+    is_eu: true;
+    postal?: string;
+    calling_code?: string;
+    capital?: string;
+    borders?: string;
+    flag: {
+        img?: string;
+        emoji?: string;
+        emoji_unicode?: string;
+    };
+    connection: {
+        asn?: number;
+        org?: string;
+        isp?: string;
+        domain?: string;
+    };
+    timezone: {
+        id?: string;
+        abbr?: string;
+        is_dst: false;
+        offset?: number;
+        utc?: string;
+        current_time?: string;
+    };
+}

package/dist/types/components/MazInputPhoneNumber/useLibphonenumber.d.ts

@@ -0,0 +1,26 @@
+import { Results } from './types';
+import { CountryCode, Examples, getCountries, getCountryCallingCode } from 'libphonenumber-js';
+declare function isCountryAvailable(locale: string): boolean;
+declare function getPhoneNumberResults({ phoneNumber, countryCode, checkCountryCode, }: {
+    phoneNumber?: string | undefined | null;
+    countryCode?: CountryCode | undefined | null;
+    checkCountryCode?: boolean;
+}): Results;
+declare function getPhoneNumberExamplesFile(): Promise<Examples>;
+declare function getPhoneNumberExample(countryCode?: CountryCode | undefined | null): string | undefined;
+declare function getAsYouTypeFormat(countryCode?: CountryCode | undefined | null, phoneNumber?: string | undefined | null): string | undefined;
+declare function isSameCountryCallingCode(countryCode: CountryCode, countryCode2: CountryCode): boolean;
+declare function loadExamples(): Promise<void>;
+export declare function useLibphonenumber(): {
+    examples: import('vue').Ref<Examples | undefined, Examples | undefined>;
+    getAsYouTypeFormat: typeof getAsYouTypeFormat;
+    getPhoneNumberResults: typeof getPhoneNumberResults;
+    getPhoneNumberExamplesFile: typeof getPhoneNumberExamplesFile;
+    getPhoneNumberExample: typeof getPhoneNumberExample;
+    isSameCountryCallingCode: typeof isSameCountryCallingCode;
+    isCountryAvailable: typeof isCountryAvailable;
+    getCountries: typeof getCountries;
+    getCountryCallingCode: typeof getCountryCallingCode;
+    loadExamples: typeof loadExamples;
+};
+export {};

package/dist/types/components/MazInputPhoneNumber/useMazInputPhoneNumber.d.ts

@@ -0,0 +1,16 @@
+import { Country } from './types';
+import { CountryCode } from 'libphonenumber-js';
+declare function getBrowserLocale(): {
+    locale: string;
+    browserLocale: string;
+} | undefined;
+declare function getCountriesList(locale?: string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
+declare function fetchCountryCode(): Promise<string | undefined>;
+declare function sanitizePhoneNumber(input?: string | undefined | null): string;
+export declare function useMazInputPhoneNumber(): {
+    sanitizePhoneNumber: typeof sanitizePhoneNumber;
+    fetchCountryCode: typeof fetchCountryCode;
+    getBrowserLocale: typeof getBrowserLocale;
+    getCountriesList: typeof getCountriesList;
+};
+export {};