maz-ui 3.48.1 → 3.48.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/MazPhoneNumberInput/PhoneInput.vue.d.ts +2 -2
- package/components/MazPhoneNumberInput.d.ts +246 -0
- package/components/MazPhoneNumberInput.mjs +1 -1
- package/components/assets/MazPhoneNumberInput.css +1 -1
- package/components/chunks/{MazBtn-DtntHac1.mjs → MazBtn-CuIeT4TK.mjs} +2 -2
- package/components/chunks/{MazCheckbox-DRltX8fl.mjs → MazCheckbox-DKM-G0Pw.mjs} +1 -1
- package/components/chunks/{MazIcon-Cgh-oISK.mjs → MazIcon-BIoDsehI.mjs} +1 -1
- package/components/chunks/{MazPhoneNumberInput-B_f7-FvQ.mjs → MazPhoneNumberInput-ovuoYxd9.mjs} +10 -10
- package/components/chunks/{MazSpinner-BhfC80rl.mjs → MazSpinner-BqgAfyh1.mjs} +1 -1
- package/nuxt/index.json +1 -1
- package/package.json +1 -1
- package/types/components/MazPhoneNumberInput/PhoneInput.vue.d.ts +2 -2
- package/types/components/MazPhoneNumberInput.vue.d.ts +246 -0
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { Props } from '../MazInput.vue';
|
|
2
2
|
import type { Translations } from '../MazPhoneNumberInput.vue';
|
|
3
|
-
|
|
3
|
+
type PhoneInputProps = Omit<Props, 'modelValue'> & {
|
|
4
4
|
id: string;
|
|
5
5
|
locales: Translations;
|
|
6
6
|
noExample: boolean;
|
|
7
7
|
hasRadius: boolean;
|
|
8
8
|
autoFormat: boolean;
|
|
9
|
-
}
|
|
9
|
+
};
|
|
10
10
|
type __VLS_Props = PhoneInputProps;
|
|
11
11
|
type __VLS_PublicProps = {
|
|
12
12
|
modelValue?: string | undefined | null;
|
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
import type { CountryCode } from 'libphonenumber-js';
|
|
2
|
+
import type { Results, Translations } from './MazPhoneNumberInput/types';
|
|
3
|
+
import type { Color, Position, Size } from './types';
|
|
4
|
+
import { type HTMLAttributes } from 'vue';
|
|
5
|
+
export type { Color, CountryCode, Position, Results as Result, Results, Size, Translations };
|
|
6
|
+
export interface Props {
|
|
7
|
+
/** Style attribut of the component root element */
|
|
8
|
+
style?: HTMLAttributes['style'];
|
|
9
|
+
/** Class attribut of the component root element */
|
|
10
|
+
class?: HTMLAttributes['class'];
|
|
11
|
+
/** @model Country calling code + telephone number in international format */
|
|
12
|
+
modelValue?: string | undefined | null;
|
|
13
|
+
/** @deprecated */
|
|
14
|
+
defaultPhoneNumber?: string | undefined | null;
|
|
15
|
+
/** @model Country code selected - Ex: "FR" */
|
|
16
|
+
countryCode?: CountryCode | undefined | null;
|
|
17
|
+
/** @deprecated - use country-code or v-model:country-code */
|
|
18
|
+
defaultCountryCode?: CountryCode | undefined | null;
|
|
19
|
+
/** Id of the component */
|
|
20
|
+
id?: string;
|
|
21
|
+
/** Placeholder of the input */
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
/** label of the input */
|
|
24
|
+
label?: string;
|
|
25
|
+
/** List of country codes to place first in the select list - Ex: ['FR', 'BE', 'GE'] */
|
|
26
|
+
preferredCountries?: CountryCode[];
|
|
27
|
+
/** List of country codes to be removed from the select list - Ex: ['FR', 'BE', 'GE'] */
|
|
28
|
+
ignoredCountries?: CountryCode[];
|
|
29
|
+
/** List of country codes to only have the countries selected in the select list - Ex: ['FR', 'BE', 'GE'] */
|
|
30
|
+
onlyCountries?: CountryCode[];
|
|
31
|
+
/** Locale strings of the component */
|
|
32
|
+
translations?: Partial<Translations>;
|
|
33
|
+
/** Position where the list of countries will be opened */
|
|
34
|
+
listPosition?: Position;
|
|
35
|
+
/** Component color applied - Ex: "secondary" */
|
|
36
|
+
color?: Color;
|
|
37
|
+
/** Component size applied - Ex: "sm" */
|
|
38
|
+
size?: Size;
|
|
39
|
+
/** Remove flags in country list */
|
|
40
|
+
noFlags?: boolean;
|
|
41
|
+
/** Disable input */
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
/** No show the phone number example */
|
|
44
|
+
noExample?: boolean;
|
|
45
|
+
/** Disable search input in country list */
|
|
46
|
+
noSearch?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Threshold of the search input in country list where 1 is a perfect match and 0 is a match with any character
|
|
49
|
+
* @default 0.75
|
|
50
|
+
*/
|
|
51
|
+
searchThreshold?: number;
|
|
52
|
+
/** By default the component use the browser locale to set the default country code if not country code is provided */
|
|
53
|
+
noUseBrowserLocale?: boolean;
|
|
54
|
+
/** The component will make a request (https://ipwho.is) to get the location of the user and use it to set the default country code */
|
|
55
|
+
fetchCountry?: boolean;
|
|
56
|
+
/** No show the country selector */
|
|
57
|
+
noCountrySelector?: boolean;
|
|
58
|
+
/** Show country calling code in the country list */
|
|
59
|
+
showCodeOnList?: boolean;
|
|
60
|
+
/** Replace country names */
|
|
61
|
+
customCountriesList?: Record<CountryCode, string>;
|
|
62
|
+
/**
|
|
63
|
+
* Disabled auto-format when phone is valid
|
|
64
|
+
* @default true
|
|
65
|
+
*/
|
|
66
|
+
autoFormat?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Disabled auto-format as you type
|
|
69
|
+
* @default false
|
|
70
|
+
* @deprecated use autoFormat instead
|
|
71
|
+
*/
|
|
72
|
+
noFormattingAsYouType?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* locale of country list - Ex: "fr-FR"
|
|
75
|
+
* @default {string} browser locale
|
|
76
|
+
*/
|
|
77
|
+
countryLocale?: string;
|
|
78
|
+
/** Disable validation error UI */
|
|
79
|
+
noValidationError?: boolean;
|
|
80
|
+
/** Disable validation success UI */
|
|
81
|
+
noValidationSuccess?: boolean;
|
|
82
|
+
/** Add success UI */
|
|
83
|
+
success?: boolean;
|
|
84
|
+
/** Add error UI */
|
|
85
|
+
error?: boolean;
|
|
86
|
+
/** Will replace the calling code by the country name in the country selector */
|
|
87
|
+
countrySelectorDisplayName?: boolean;
|
|
88
|
+
/** Choose the width of the country selector */
|
|
89
|
+
countrySelectorWidth?: string;
|
|
90
|
+
/** The input will be displayed in full width */
|
|
91
|
+
block?: boolean;
|
|
92
|
+
/** Exclude selectors to close country selector list - usefull when you using custom flag */
|
|
93
|
+
excludeSelectors?: string[];
|
|
94
|
+
/**
|
|
95
|
+
* Orientation of the inputs in the component
|
|
96
|
+
* @default "responsive"
|
|
97
|
+
* @values "row" | "col" | "responsive"
|
|
98
|
+
*/
|
|
99
|
+
orientation?: 'row' | 'col' | 'responsive';
|
|
100
|
+
/**
|
|
101
|
+
* Meta attributes of the country input
|
|
102
|
+
* @default `{Record<string, unknown>}` `{ autocomplete: 'off', name: 'country' }`
|
|
103
|
+
*/
|
|
104
|
+
countrySelectAttributes?: Record<string, unknown>;
|
|
105
|
+
/**
|
|
106
|
+
* Meta attributes of the phone number input
|
|
107
|
+
* @default `{Record<string, unknown>}` `{ autocomplete: 'tel', name: 'phone', inputmode: 'tel' }`
|
|
108
|
+
*/
|
|
109
|
+
phoneInputAttributes?: Record<string, unknown>;
|
|
110
|
+
}
|
|
111
|
+
/** Models */
|
|
112
|
+
declare const phoneNumber: import("vue").Ref<string | null | undefined, string | null | undefined>;
|
|
113
|
+
declare const selectedCountry: import("vue").Ref<CountryCode | null | undefined, CountryCode | null | undefined>;
|
|
114
|
+
declare const results: import("vue").Ref<{
|
|
115
|
+
isValid: boolean;
|
|
116
|
+
isPossible?: boolean | undefined;
|
|
117
|
+
countryCode?: CountryCode | undefined | null;
|
|
118
|
+
parsedCountryCode?: CountryCode | undefined | null;
|
|
119
|
+
countryCallingCode?: import("libphonenumber-js").CountryCallingCode | undefined;
|
|
120
|
+
nationalNumber?: import("libphonenumber-js").NationalNumber | undefined;
|
|
121
|
+
type?: import("libphonenumber-js").NumberType;
|
|
122
|
+
formatInternational?: string | undefined;
|
|
123
|
+
formatNational?: string | undefined;
|
|
124
|
+
uri?: string | undefined;
|
|
125
|
+
e164?: string | undefined;
|
|
126
|
+
rfc3966?: string | undefined;
|
|
127
|
+
possibleCountries?: CountryCode[] | undefined;
|
|
128
|
+
phoneNumber?: string | undefined | null;
|
|
129
|
+
}, Results | {
|
|
130
|
+
isValid: boolean;
|
|
131
|
+
isPossible?: boolean | undefined;
|
|
132
|
+
countryCode?: CountryCode | undefined | null;
|
|
133
|
+
parsedCountryCode?: CountryCode | undefined | null;
|
|
134
|
+
countryCallingCode?: import("libphonenumber-js").CountryCallingCode | undefined;
|
|
135
|
+
nationalNumber?: import("libphonenumber-js").NationalNumber | undefined;
|
|
136
|
+
type?: import("libphonenumber-js").NumberType;
|
|
137
|
+
formatInternational?: string | undefined;
|
|
138
|
+
formatNational?: string | undefined;
|
|
139
|
+
uri?: string | undefined;
|
|
140
|
+
e164?: string | undefined;
|
|
141
|
+
rfc3966?: string | undefined;
|
|
142
|
+
possibleCountries?: CountryCode[] | undefined;
|
|
143
|
+
phoneNumber?: string | undefined | null;
|
|
144
|
+
}>;
|
|
145
|
+
/** Inject */
|
|
146
|
+
export interface InjectedData {
|
|
147
|
+
selectedCountry: typeof selectedCountry;
|
|
148
|
+
phoneNumber: typeof phoneNumber;
|
|
149
|
+
results: typeof results;
|
|
150
|
+
}
|
|
151
|
+
declare function __VLS_template(): {
|
|
152
|
+
attrs: Partial<{}>;
|
|
153
|
+
slots: {
|
|
154
|
+
"no-results"?(_: {}): any;
|
|
155
|
+
"selector-flag"?(_: {
|
|
156
|
+
countryCode: CountryCode;
|
|
157
|
+
}): any;
|
|
158
|
+
"country-list-flag"?(_: {
|
|
159
|
+
countryCode: import("./types").ModelValueSimple;
|
|
160
|
+
option: import("./MazSelect.vue").NormalizedOption;
|
|
161
|
+
isSelected: boolean;
|
|
162
|
+
}): any;
|
|
163
|
+
};
|
|
164
|
+
refs: {
|
|
165
|
+
PhoneInputRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
166
|
+
modelValue?: string | undefined | null;
|
|
167
|
+
} & Omit<import("./MazInput.vue").Props<import("./types").ModelValueSimple>, "modelValue"> & {
|
|
168
|
+
id: string;
|
|
169
|
+
locales: Translations;
|
|
170
|
+
noExample: boolean;
|
|
171
|
+
hasRadius: boolean;
|
|
172
|
+
autoFormat: boolean;
|
|
173
|
+
}> & Readonly<{
|
|
174
|
+
"onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
|
|
175
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
176
|
+
"update:modelValue": (value: string | null | undefined) => any;
|
|
177
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
178
|
+
P: {};
|
|
179
|
+
B: {};
|
|
180
|
+
D: {};
|
|
181
|
+
C: {};
|
|
182
|
+
M: {};
|
|
183
|
+
Defaults: {};
|
|
184
|
+
}, Readonly<{
|
|
185
|
+
modelValue?: string | undefined | null;
|
|
186
|
+
} & Omit<import("./MazInput.vue").Props<import("./types").ModelValueSimple>, "modelValue"> & {
|
|
187
|
+
id: string;
|
|
188
|
+
locales: Translations;
|
|
189
|
+
noExample: boolean;
|
|
190
|
+
hasRadius: boolean;
|
|
191
|
+
autoFormat: boolean;
|
|
192
|
+
}> & Readonly<{
|
|
193
|
+
"onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
|
|
194
|
+
}>, {}, {}, {}, {}, {}> | null;
|
|
195
|
+
};
|
|
196
|
+
rootEl: any;
|
|
197
|
+
};
|
|
198
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
199
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
200
|
+
data: (results: Results) => any;
|
|
201
|
+
"update:model-value": (value: string | null | undefined) => any;
|
|
202
|
+
update: (results: Results) => any;
|
|
203
|
+
"country-code": (countryCode?: CountryCode | null | undefined) => any;
|
|
204
|
+
"update:country-code": (countryCode?: CountryCode | null | undefined) => any;
|
|
205
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
206
|
+
onData?: ((results: Results) => any) | undefined;
|
|
207
|
+
"onUpdate:model-value"?: ((value: string | null | undefined) => any) | undefined;
|
|
208
|
+
onUpdate?: ((results: Results) => any) | undefined;
|
|
209
|
+
"onCountry-code"?: ((countryCode?: CountryCode | null | undefined) => any) | undefined;
|
|
210
|
+
"onUpdate:country-code"?: ((countryCode?: CountryCode | null | undefined) => any) | undefined;
|
|
211
|
+
}>, {
|
|
212
|
+
label: string;
|
|
213
|
+
style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
|
|
214
|
+
size: Size;
|
|
215
|
+
color: Color;
|
|
216
|
+
class: HTMLAttributes["class"];
|
|
217
|
+
id: string;
|
|
218
|
+
modelValue: string | null;
|
|
219
|
+
orientation: "row" | "col" | "responsive";
|
|
220
|
+
placeholder: string;
|
|
221
|
+
listPosition: Position;
|
|
222
|
+
searchThreshold: number;
|
|
223
|
+
excludeSelectors: string[];
|
|
224
|
+
preferredCountries: CountryCode[];
|
|
225
|
+
ignoredCountries: CountryCode[];
|
|
226
|
+
onlyCountries: CountryCode[];
|
|
227
|
+
customCountriesList: Record<CountryCode, string>;
|
|
228
|
+
countryLocale: string;
|
|
229
|
+
countryCode: CountryCode | null;
|
|
230
|
+
noExample: boolean;
|
|
231
|
+
autoFormat: boolean;
|
|
232
|
+
defaultPhoneNumber: string | null;
|
|
233
|
+
defaultCountryCode: CountryCode | null;
|
|
234
|
+
translations: Partial<Translations>;
|
|
235
|
+
noFormattingAsYouType: boolean;
|
|
236
|
+
countrySelectorWidth: string;
|
|
237
|
+
countrySelectAttributes: Record<string, unknown>;
|
|
238
|
+
phoneInputAttributes: Record<string, unknown>;
|
|
239
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
240
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
241
|
+
export default _default;
|
|
242
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
243
|
+
new (): {
|
|
244
|
+
$slots: S;
|
|
245
|
+
};
|
|
246
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-lazy-img-component[data-v-16d47574]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;-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.--block[data-v-16d47574],.m-lazy-img-component.--block img[data-v-16d47574]{width:100%}.m-lazy-img-component-loader[data-v-16d47574]{position:absolute;top:0;right:0;bottom:0;left:0;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.--height-full img[data-v-16d47574]{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.m-lazy-error[data-v-16d47574]:not(.m-lazy-no-photo){background-color:var(--maz-color-bg-light)}.m-lazy-img-component.m-lazy-error:not(.m-lazy-no-photo) img[data-v-16d47574]{height:50%;width:50%}.m-lazy-img-component.m-lazy-loading .m-lazy-img-component-loader[data-v-16d47574]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-input[data-v-04e832e5]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;vertical-align:top}.m-input.--block[data-v-04e832e5]{width:100%}.m-input-top-label[data-v-04e832e5]{margin-bottom:.5rem;color:var(--maz-color-text)}.m-input-bottom-text[data-v-04e832e5]{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.m-input-wrapper[data-v-04e832e5]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--block[data-v-04e832e5]{width:100%}.m-input-wrapper.--default-border[data-v-04e832e5]{border-color:var(--maz-border-color)}.m-input-wrapper.--default-border[data-v-04e832e5]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter)}.m-input-wrapper-input[data-v-04e832e5]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-input.--xl[data-v-04e832e5]{height:calc(4rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--xl .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--xl .m-input-label[data-v-04e832e5]{font-size:1.25rem;line-height:1.75rem}.m-input-wrapper-input.--lg[data-v-04e832e5]{height:calc(3.5rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--lg .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--lg .m-input-label[data-v-04e832e5]{font-size:1.125rem;line-height:1.75rem}.m-input-wrapper-input.--md[data-v-04e832e5]{height:calc(3rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--sm[data-v-04e832e5]{height:calc(2.5rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--sm .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--sm .m-input-label[data-v-04e832e5]{font-size:.875rem;line-height:1.25rem}.m-input-wrapper-input.--xs[data-v-04e832e5]{height:calc(2rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--xs .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--xs .m-input-label[data-v-04e832e5]{font-size:.75rem;line-height:1rem}.m-input-wrapper-input.--mini[data-v-04e832e5]{height:calc(1.5rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--mini .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--mini .m-input-label[data-v-04e832e5]{font-size:.75rem;line-height:1rem}.m-input-wrapper-right[data-v-04e832e5],.m-input-wrapper-left[data-v-04e832e5]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-04e832e5]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-04e832e5]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--maz-tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--maz-tw-space-x-reverse)))}.m-input-wrapper-right[data-v-04e832e5],.m-input-wrapper-left[data-v-04e832e5]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-04e832e5]{padding-right:.5rem}.m-input-wrapper-left[data-v-04e832e5]{padding-left:.5rem}.m-input-wrapper.--rounded-sm[data-v-04e832e5]{border-radius:.125rem}.m-input-wrapper.--rounded-md[data-v-04e832e5]{border-radius:.375rem}.m-input-wrapper.--rounded-lg[data-v-04e832e5]{border-radius:var(--maz-border-radius)}.m-input-wrapper.--rounded-xl[data-v-04e832e5]{border-radius:.75rem}.m-input-wrapper.--rounded-full[data-v-04e832e5]{border-radius:9999px}.m-input-input[data-v-04e832e5]{margin:0;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--maz-tw-shadow: 0 0 #0000;--maz-tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--maz-tw-ring-offset-shadow, 0 0 #0000),var(--maz-tw-ring-shadow, 0 0 #0000),var(--maz-tw-shadow);box-shadow:var(--maz-tw-ring-offset-shadow, 0 0 #0000),var(--maz-tw-ring-shadow, 0 0 #0000),var(--maz-tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-04e832e5]:-webkit-autofill,.m-input-input[data-v-04e832e5]:-webkit-autofill:hover,.m-input-input[data-v-04e832e5]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-input[data-v-04e832e5]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-04e832e5]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-04e832e5]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-04e832e5]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-04e832e5]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-04e832e5]{pointer-events:none;position:absolute;left:.75rem;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;line-height:1.5rem;width:calc(100% + 1.3rem);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input:not(.--should-up) .m-input-label[data-v-04e832e5]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-04e832e5]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-04e832e5]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-04e832e5]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-04e832e5]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-04e832e5]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-04e832e5]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input:not(.--is-disabled) .m-input-wrapper[data-v-04e832e5]:is([class~=dark] *){background-color:var(--maz-color-bg-light)}.m-input.--is-focused .m-input-wrapper[data-v-04e832e5]{z-index:3}.m-input.--has-label .m-input-label[data-v-04e832e5]{padding-right:.75rem}[dir=rtl] .m-input.--has-label .m-input-label[data-v-04e832e5]{padding-right:0;padding-left:.75rem}.m-input.--has-label .m-input-input[data-v-04e832e5]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input-input[data-v-04e832e5]:-webkit-autofill,html.dark .m-input-input[data-v-04e832e5]:-webkit-autofill:hover,html.dark .m-input-input[data-v-04e832e5]:-webkit-autofill:focus,.m-input.dark .m-input-input[data-v-04e832e5]:-webkit-autofill,.m-input.dark .m-input-input[data-v-04e832e5]:-webkit-autofill:hover,.m-input.dark .m-input-input[data-v-04e832e5]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-0050f306]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}.m-select.--mini[data-v-0050f306],.m-select.--xs[data-v-0050f306]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-0050f306]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-0050f306]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-0050f306]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-0050f306]{font-size:1.25rem;line-height:1.75rem}.m-select.--block[data-v-0050f306]{width:100%}.m-select[data-v-0050f306]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-0050f306] .m-input-input,.m-select-input.--has-label[data-v-0050f306] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-0050f306]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-0050f306] input{caret-color:transparent}.m-select-chevron[data-v-0050f306]{font-size:1.2em;color:var(--maz-color-text);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-0050f306]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-0050f306]{position:absolute;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);padding:.5rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-select .m-select-list[data-v-0050f306]:is([class~=dark] *){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-select .m-select-list-optgroup[data-v-0050f306]{-webkit-box-flex:0;-ms-flex:none;flex:none;padding:.125rem;text-align:start;font-size:.875em;color:var(--maz-color-muted)}.m-select .m-select-list[data-v-0050f306]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-0050f306]{bottom:100%}.m-select .m-select-list.--left[data-v-0050f306]{left:0}.m-select .m-select-list.--right[data-v-0050f306]{right:0}.m-select .m-select-list.--bottom[data-v-0050f306]{top:100%}.m-select .m-select-list__scroll-wrapper[data-v-0050f306]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;overflow:auto}.m-select .m-select-list__no-results[data-v-0050f306]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-0050f306]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-border-radius);background-color:transparent;padding-left:.75rem;padding-right:.75rem;padding-top:.5em;padding-bottom:.5em;text-align:start;font-size:1em;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-select .m-select-list-item[data-v-0050f306]:focus-within{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item[data-v-0050f306]:hover{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item span[data-v-0050f306]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-0050f306]{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item.--is-keyboard-selected[data-v-0050f306]:is([class~=dark] *){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-0050f306],.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-0050f306]:hover{background-color:var(--keyboard-selected-bg-color)}.m-select .m-select-list-item.--is-none-value[data-v-0050f306]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-0050f306]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select .m-select-list-item.--is-selected[data-v-0050f306]:hover{background-color:var(--selected-bg-color)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-0050f306]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-0050f306]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}.m-country-selector[data-v-e2fee821]{position:relative}.m-country-selector__country-flag[data-v-e2fee821]{position:absolute;left:.813rem;z-index:4;outline:none;border:none;padding:0;margin:0;top:1.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-country-selector__country-flag.--should-have-bottom-flag[data-v-e2fee821]{bottom:2px}.m-country-selector__select[data-v-e2fee821] .m-input-label{padding:0!important}.m-country-selector__select__item[data-v-e2fee821]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem}.m-country-selector__select__item__flag-container[data-v-e2fee821]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-country-selector:not(.--no-flags) .m-country-selector__select[data-v-e2fee821] .m-select-input input{padding-left:2.5rem!important}.m-phone-number-input.--responsive .m-country-selector[data-v-e2fee821]{min-width:100%}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector[data-v-e2fee821]{min-width:inherit}}.m-phone-number-input.--responsive .m-country-selector__select[data-v-e2fee821]{min-width:100%}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector__select[data-v-e2fee821]{min-width:inherit}}.m-phone-number-input.--responsive .m-country-selector__select[data-v-e2fee821] .m-select-input .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector__select[data-v-e2fee821] .m-select-input .m-input-wrapper{border-bottom-right-radius:var(--maz-border-radius);border-bottom-left-radius:var(--maz-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}}.m-phone-number-input.--row .m-country-selector__select[data-v-e2fee821] .m-select-input .m-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.m-phone-number-input.--col .m-country-selector[data-v-e2fee821],.m-phone-number-input.--col .m-country-selector__select[data-v-e2fee821]{min-width:100%}.m-phone-number-input.--col .m-country-selector__select[data-v-e2fee821] .m-select-input .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--maz-border-radius)}.m-phone-input[data-v-a447a345]{min-width:13rem;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.m-phone-input.--error[data-v-a447a345],.m-phone-input.--focused[data-v-a447a345]{z-index:1}.m-phone-number-input.--responsive .m-phone-input[data-v-a447a345]{margin-top:-.125rem;-webkit-box-flex:0;-ms-flex:none;flex:none}@media (min-width: 425px){.m-phone-number-input.--responsive .m-phone-input[data-v-a447a345]{margin-left:-.125rem;margin-top:0;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}}.m-phone-number-input.--responsive .m-phone-input.--border-radius[data-v-a447a345] .m-input-wrapper{border-top-left-radius:0;border-top-right-radius:0}@media (min-width: 425px){.m-phone-number-input.--responsive .m-phone-input.--border-radius[data-v-a447a345] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--maz-border-radius)}}.m-phone-number-input.--row .m-phone-input[data-v-a447a345]{margin-left:-.125rem}.m-phone-number-input.--row .m-phone-input.--border-radius[data-v-a447a345] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.m-phone-number-input.--col .m-phone-input[data-v-a447a345]{margin-top:-.125rem;margin-left:0;-webkit-box-flex:0;-ms-flex:none;flex:none}.m-phone-number-input.--col .m-phone-input.--border-radius[data-v-a447a345] .m-input-wrapper{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--maz-border-radius)}.m-phone-number-input[data-v-fb5085d5]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:top}.m-phone-number-input.--block[data-v-fb5085d5]{width:100%}.m-phone-number-input.--col[data-v-fb5085d5],.m-phone-number-input.--responsive[data-v-fb5085d5]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 425px){.m-phone-number-input.--responsive[data-v-fb5085d5]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}
|
|
1
|
+
.m-lazy-img-component[data-v-16d47574]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;-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.--block[data-v-16d47574],.m-lazy-img-component.--block img[data-v-16d47574]{width:100%}.m-lazy-img-component-loader[data-v-16d47574]{position:absolute;top:0;right:0;bottom:0;left:0;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.--height-full img[data-v-16d47574]{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.m-lazy-error[data-v-16d47574]:not(.m-lazy-no-photo){background-color:var(--maz-color-bg-light)}.m-lazy-img-component.m-lazy-error:not(.m-lazy-no-photo) img[data-v-16d47574]{height:50%;width:50%}.m-lazy-img-component.m-lazy-loading .m-lazy-img-component-loader[data-v-16d47574]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-input[data-v-04e832e5]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;vertical-align:top}.m-input.--block[data-v-04e832e5]{width:100%}.m-input-top-label[data-v-04e832e5]{margin-bottom:.5rem;color:var(--maz-color-text)}.m-input-bottom-text[data-v-04e832e5]{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.m-input-wrapper[data-v-04e832e5]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--block[data-v-04e832e5]{width:100%}.m-input-wrapper.--default-border[data-v-04e832e5]{border-color:var(--maz-border-color)}.m-input-wrapper.--default-border[data-v-04e832e5]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter)}.m-input-wrapper-input[data-v-04e832e5]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-input.--xl[data-v-04e832e5]{height:calc(4rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--xl .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--xl .m-input-label[data-v-04e832e5]{font-size:1.25rem;line-height:1.75rem}.m-input-wrapper-input.--lg[data-v-04e832e5]{height:calc(3.5rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--lg .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--lg .m-input-label[data-v-04e832e5]{font-size:1.125rem;line-height:1.75rem}.m-input-wrapper-input.--md[data-v-04e832e5]{height:calc(3rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--sm[data-v-04e832e5]{height:calc(2.5rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--sm .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--sm .m-input-label[data-v-04e832e5]{font-size:.875rem;line-height:1.25rem}.m-input-wrapper-input.--xs[data-v-04e832e5]{height:calc(2rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--xs .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--xs .m-input-label[data-v-04e832e5]{font-size:.75rem;line-height:1rem}.m-input-wrapper-input.--mini[data-v-04e832e5]{height:calc(1.5rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--mini .m-input-input[data-v-04e832e5],.m-input-wrapper-input.--mini .m-input-label[data-v-04e832e5]{font-size:.75rem;line-height:1rem}.m-input-wrapper-right[data-v-04e832e5],.m-input-wrapper-left[data-v-04e832e5]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-04e832e5]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-04e832e5]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--maz-tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--maz-tw-space-x-reverse)))}.m-input-wrapper-right[data-v-04e832e5],.m-input-wrapper-left[data-v-04e832e5]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-04e832e5]{padding-right:.5rem}.m-input-wrapper-left[data-v-04e832e5]{padding-left:.5rem}.m-input-wrapper.--rounded-sm[data-v-04e832e5]{border-radius:.125rem}.m-input-wrapper.--rounded-md[data-v-04e832e5]{border-radius:.375rem}.m-input-wrapper.--rounded-lg[data-v-04e832e5]{border-radius:var(--maz-border-radius)}.m-input-wrapper.--rounded-xl[data-v-04e832e5]{border-radius:.75rem}.m-input-wrapper.--rounded-full[data-v-04e832e5]{border-radius:9999px}.m-input-input[data-v-04e832e5]{margin:0;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--maz-tw-shadow: 0 0 #0000;--maz-tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--maz-tw-ring-offset-shadow, 0 0 #0000),var(--maz-tw-ring-shadow, 0 0 #0000),var(--maz-tw-shadow);box-shadow:var(--maz-tw-ring-offset-shadow, 0 0 #0000),var(--maz-tw-ring-shadow, 0 0 #0000),var(--maz-tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-04e832e5]:-webkit-autofill,.m-input-input[data-v-04e832e5]:-webkit-autofill:hover,.m-input-input[data-v-04e832e5]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-input[data-v-04e832e5]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-04e832e5]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-04e832e5]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-04e832e5]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-04e832e5]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-04e832e5]{pointer-events:none;position:absolute;left:.75rem;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;line-height:1.5rem;width:calc(100% + 1.3rem);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input:not(.--should-up) .m-input-label[data-v-04e832e5]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-04e832e5]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-04e832e5]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-04e832e5]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-04e832e5]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-04e832e5]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-04e832e5]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input:not(.--is-disabled) .m-input-wrapper[data-v-04e832e5]:is([class~=dark] *){background-color:var(--maz-color-bg-light)}.m-input.--is-focused .m-input-wrapper[data-v-04e832e5]{z-index:3}.m-input.--has-label .m-input-label[data-v-04e832e5]{padding-right:.75rem}[dir=rtl] .m-input.--has-label .m-input-label[data-v-04e832e5]{padding-right:0;padding-left:.75rem}.m-input.--has-label .m-input-input[data-v-04e832e5]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input-input[data-v-04e832e5]:-webkit-autofill,html.dark .m-input-input[data-v-04e832e5]:-webkit-autofill:hover,html.dark .m-input-input[data-v-04e832e5]:-webkit-autofill:focus,.m-input.dark .m-input-input[data-v-04e832e5]:-webkit-autofill,.m-input.dark .m-input-input[data-v-04e832e5]:-webkit-autofill:hover,.m-input.dark .m-input-input[data-v-04e832e5]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-0050f306]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}.m-select.--mini[data-v-0050f306],.m-select.--xs[data-v-0050f306]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-0050f306]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-0050f306]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-0050f306]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-0050f306]{font-size:1.25rem;line-height:1.75rem}.m-select.--block[data-v-0050f306]{width:100%}.m-select[data-v-0050f306]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-0050f306] .m-input-input,.m-select-input.--has-label[data-v-0050f306] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-0050f306]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-0050f306] input{caret-color:transparent}.m-select-chevron[data-v-0050f306]{font-size:1.2em;color:var(--maz-color-text);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-0050f306]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-0050f306]{position:absolute;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);padding:.5rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-select .m-select-list[data-v-0050f306]:is([class~=dark] *){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-select .m-select-list-optgroup[data-v-0050f306]{-webkit-box-flex:0;-ms-flex:none;flex:none;padding:.125rem;text-align:start;font-size:.875em;color:var(--maz-color-muted)}.m-select .m-select-list[data-v-0050f306]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-0050f306]{bottom:100%}.m-select .m-select-list.--left[data-v-0050f306]{left:0}.m-select .m-select-list.--right[data-v-0050f306]{right:0}.m-select .m-select-list.--bottom[data-v-0050f306]{top:100%}.m-select .m-select-list__scroll-wrapper[data-v-0050f306]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;overflow:auto}.m-select .m-select-list__no-results[data-v-0050f306]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-0050f306]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-border-radius);background-color:transparent;padding-left:.75rem;padding-right:.75rem;padding-top:.5em;padding-bottom:.5em;text-align:start;font-size:1em;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-select .m-select-list-item[data-v-0050f306]:focus-within{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item[data-v-0050f306]:hover{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item span[data-v-0050f306]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-0050f306]{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item.--is-keyboard-selected[data-v-0050f306]:is([class~=dark] *){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-0050f306],.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-0050f306]:hover{background-color:var(--keyboard-selected-bg-color)}.m-select .m-select-list-item.--is-none-value[data-v-0050f306]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-0050f306]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select .m-select-list-item.--is-selected[data-v-0050f306]:hover{background-color:var(--selected-bg-color)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-0050f306]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-0050f306]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}.m-country-selector[data-v-e2fee821]{position:relative}.m-country-selector__country-flag[data-v-e2fee821]{position:absolute;left:.813rem;z-index:4;outline:none;border:none;padding:0;margin:0;top:1.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-country-selector__country-flag.--should-have-bottom-flag[data-v-e2fee821]{bottom:2px}.m-country-selector__select[data-v-e2fee821] .m-input-label{padding:0!important}.m-country-selector__select__item[data-v-e2fee821]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem}.m-country-selector__select__item__flag-container[data-v-e2fee821]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-country-selector:not(.--no-flags) .m-country-selector__select[data-v-e2fee821] .m-select-input input{padding-left:2.5rem!important}.m-phone-number-input.--responsive .m-country-selector[data-v-e2fee821]{min-width:100%}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector[data-v-e2fee821]{min-width:inherit}}.m-phone-number-input.--responsive .m-country-selector__select[data-v-e2fee821]{min-width:100%}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector__select[data-v-e2fee821]{min-width:inherit}}.m-phone-number-input.--responsive .m-country-selector__select[data-v-e2fee821] .m-select-input .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector__select[data-v-e2fee821] .m-select-input .m-input-wrapper{border-bottom-right-radius:var(--maz-border-radius);border-bottom-left-radius:var(--maz-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}}.m-phone-number-input.--row .m-country-selector__select[data-v-e2fee821] .m-select-input .m-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.m-phone-number-input.--col .m-country-selector[data-v-e2fee821],.m-phone-number-input.--col .m-country-selector__select[data-v-e2fee821]{min-width:100%}.m-phone-number-input.--col .m-country-selector__select[data-v-e2fee821] .m-select-input .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--maz-border-radius)}.m-phone-input[data-v-3619d84c]{min-width:13rem;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.m-phone-input.--error[data-v-3619d84c],.m-phone-input.--focused[data-v-3619d84c]{z-index:1}.m-phone-number-input.--responsive .m-phone-input[data-v-3619d84c]{margin-top:-.125rem;-webkit-box-flex:0;-ms-flex:none;flex:none}@media (min-width: 425px){.m-phone-number-input.--responsive .m-phone-input[data-v-3619d84c]{margin-left:-.125rem;margin-top:0;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}}.m-phone-number-input.--responsive .m-phone-input.--border-radius[data-v-3619d84c] .m-input-wrapper{border-top-left-radius:0;border-top-right-radius:0}@media (min-width: 425px){.m-phone-number-input.--responsive .m-phone-input.--border-radius[data-v-3619d84c] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--maz-border-radius)}}.m-phone-number-input.--row .m-phone-input[data-v-3619d84c]{margin-left:-.125rem}.m-phone-number-input.--row .m-phone-input.--border-radius[data-v-3619d84c] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.m-phone-number-input.--col .m-phone-input[data-v-3619d84c]{margin-top:-.125rem;margin-left:0;-webkit-box-flex:0;-ms-flex:none;flex:none}.m-phone-number-input.--col .m-phone-input.--border-radius[data-v-3619d84c] .m-input-wrapper{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--maz-border-radius)}.m-phone-number-input[data-v-fb5085d5]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:top}.m-phone-number-input.--block[data-v-fb5085d5]{width:100%}.m-phone-number-input.--col[data-v-fb5085d5],.m-phone-number-input.--responsive[data-v-fb5085d5]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 425px){.m-phone-number-input.--responsive[data-v-fb5085d5]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as C, defineAsyncComponent as m, useAttrs as $, computed as o, openBlock as t, createBlock as l, resolveDynamicComponent as r, normalizeClass as a, normalizeStyle as S, withCtx as j, renderSlot as i, unref as u, createCommentVNode as d, createElementBlock as M, createVNode as E } from "vue";
|
|
2
|
-
import { _ as F } from "./MazPhoneNumberInput-
|
|
2
|
+
import { _ as F } from "./MazPhoneNumberInput-ovuoYxd9.mjs";
|
|
3
3
|
import '../assets/MazBtn.css';const O = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "m-btn-loader-container"
|
|
@@ -28,7 +28,7 @@ import '../assets/MazBtn.css';const O = {
|
|
|
28
28
|
justify: { default: "center" }
|
|
29
29
|
},
|
|
30
30
|
setup(y) {
|
|
31
|
-
const n = y, v = m(() => import("./MazSpinner-
|
|
31
|
+
const n = y, v = m(() => import("./MazSpinner-BqgAfyh1.mjs")), c = m(() => import("./MazIcon-BIoDsehI.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
|
|
32
32
|
() => (n.loading || n.disabled) && f.value === "button"
|
|
33
33
|
), B = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), I = o(() => n.loading && n.variant === "button"), h = o(() => f.value === "button" ? n.type : void 0), s = o(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "maz-text-xl");
|
|
34
34
|
return (e, D) => (t(), l(r(f.value), {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as N, computed as r, ref as E, openBlock as v, createElementBlock as k, unref as c, normalizeClass as u, normalizeStyle as t, createElementVNode as d, mergeProps as A, createVNode as M, renderSlot as _, createTextVNode as D, toDisplayString as y, createCommentVNode as R } from "vue";
|
|
2
|
-
import { u as $, _ as q } from "./MazPhoneNumberInput-
|
|
2
|
+
import { u as $, _ as q } from "./MazPhoneNumberInput-ovuoYxd9.mjs";
|
|
3
3
|
import F from "./check-C9Q_W85g.mjs";
|
|
4
4
|
import '../assets/MazCheckbox.css';const H = ["for", "aria-checked"], K = ["id", "checked", "disabled", "name"], P = { class: "m-checkbox__text" }, T = /* @__PURE__ */ N({
|
|
5
5
|
inheritAttrs: !1,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as T, ref as m, computed as v, onMounted as x, watchEffect as L, openBlock as P, createElementBlock as _, mergeProps as A, createCommentVNode as C, nextTick as $ } from "vue";
|
|
2
|
-
import { i as q } from "./MazPhoneNumberInput-
|
|
2
|
+
import { i as q } from "./MazPhoneNumberInput-ovuoYxd9.mjs";
|
|
3
3
|
const H = ["innerHTML"], V = /* @__PURE__ */ T({
|
|
4
4
|
__name: "MazIcon",
|
|
5
5
|
props: {
|
package/components/chunks/{MazPhoneNumberInput-B_f7-FvQ.mjs → MazPhoneNumberInput-ovuoYxd9.mjs}
RENAMED
|
@@ -224,7 +224,7 @@ const yo = {
|
|
|
224
224
|
},
|
|
225
225
|
emits: ["intersecting", "loading", "loaded", "error"],
|
|
226
226
|
setup(a) {
|
|
227
|
-
const e = a, t = R(() => import("./MazSpinner-
|
|
227
|
+
const e = a, t = R(() => import("./MazSpinner-BqgAfyh1.mjs")), o = v(() => e.image || e.src), i = v(() => {
|
|
228
228
|
var r;
|
|
229
229
|
return typeof o.value == "string" ? [{ srcset: o.value }] : (r = o.value) == null ? void 0 : r.sources;
|
|
230
230
|
});
|
|
@@ -473,7 +473,7 @@ const Lo = ["for"], Eo = {
|
|
|
473
473
|
},
|
|
474
474
|
emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
|
|
475
475
|
setup(a, { emit: e }) {
|
|
476
|
-
const t = a, o = e, i = R(() => import("./MazBtn-
|
|
476
|
+
const t = a, o = e, i = R(() => import("./MazBtn-CuIeT4TK.mjs")), r = R(() => import("./MazIcon-BIoDsehI.mjs")), g = R(() => import("./eye-slash-BoO00xzs.mjs")), y = R(() => import("./eye-f8zAUc30.mjs")), L = R(() => import("./check-C9Q_W85g.mjs")), C = k(!1), h = k(!1), T = k(), c = we({
|
|
477
477
|
componentName: "MazInput",
|
|
478
478
|
providedId: t.id
|
|
479
479
|
});
|
|
@@ -762,7 +762,7 @@ const Lo = ["for"], Eo = {
|
|
|
762
762
|
},
|
|
763
763
|
emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
|
|
764
764
|
setup(a, { expose: e, emit: t }) {
|
|
765
|
-
const o = a, i = t, r = R(() => import("./MazCheckbox-
|
|
765
|
+
const o = a, i = t, r = R(() => import("./MazCheckbox-DKM-G0Pw.mjs")), g = R(() => import("./magnifying-glass--nBiyXot.mjs")), y = R(() => import("./chevron-down-BkvtON3b.mjs")), L = R(() => import("./no-symbol-CIgKzsrB.mjs"));
|
|
766
766
|
e({
|
|
767
767
|
/** Method to open the option list */
|
|
768
768
|
openList: re,
|
|
@@ -1476,11 +1476,6 @@ function Re() {
|
|
|
1476
1476
|
const at = /* @__PURE__ */ se({
|
|
1477
1477
|
__name: "PhoneInput",
|
|
1478
1478
|
props: /* @__PURE__ */ so({
|
|
1479
|
-
id: {},
|
|
1480
|
-
locales: {},
|
|
1481
|
-
noExample: { type: Boolean },
|
|
1482
|
-
hasRadius: { type: Boolean },
|
|
1483
|
-
autoFormat: { type: Boolean },
|
|
1484
1479
|
style: {},
|
|
1485
1480
|
class: {},
|
|
1486
1481
|
placeholder: {},
|
|
@@ -1493,6 +1488,7 @@ const at = /* @__PURE__ */ se({
|
|
|
1493
1488
|
required: { type: Boolean },
|
|
1494
1489
|
disabled: { type: Boolean },
|
|
1495
1490
|
readonly: { type: Boolean },
|
|
1491
|
+
id: {},
|
|
1496
1492
|
error: { type: Boolean },
|
|
1497
1493
|
success: { type: Boolean },
|
|
1498
1494
|
warning: { type: Boolean },
|
|
@@ -1512,7 +1508,11 @@ const at = /* @__PURE__ */ se({
|
|
|
1512
1508
|
rightIcon: { type: [String, Function, Object] },
|
|
1513
1509
|
roundedSize: {},
|
|
1514
1510
|
block: { type: Boolean },
|
|
1515
|
-
autocomplete: {}
|
|
1511
|
+
autocomplete: {},
|
|
1512
|
+
locales: {},
|
|
1513
|
+
noExample: { type: Boolean },
|
|
1514
|
+
hasRadius: { type: Boolean },
|
|
1515
|
+
autoFormat: { type: Boolean }
|
|
1516
1516
|
}, {
|
|
1517
1517
|
modelValue: {},
|
|
1518
1518
|
modelModifiers: {}
|
|
@@ -1570,7 +1570,7 @@ const at = /* @__PURE__ */ se({
|
|
|
1570
1570
|
onBlur: p[2] || (p[2] = (E) => C.value = !1)
|
|
1571
1571
|
}), null, 16, ["id", "modelValue", "disabled", "color", "error", "size", "success", "name", "inputmode", "autocomplete", "class"]));
|
|
1572
1572
|
}
|
|
1573
|
-
}), st = /* @__PURE__ */ ne(at, [["__scopeId", "data-v-
|
|
1573
|
+
}), st = /* @__PURE__ */ ne(at, [["__scopeId", "data-v-3619d84c"]]), nt = /* @__PURE__ */ se({
|
|
1574
1574
|
name: "MazPhoneNumberInput",
|
|
1575
1575
|
inheritAttrs: !1,
|
|
1576
1576
|
__name: "MazPhoneNumberInput",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as n, openBlock as o, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
|
|
2
|
-
import { _ as a } from "./MazPhoneNumberInput-
|
|
2
|
+
import { _ as a } from "./MazPhoneNumberInput-ovuoYxd9.mjs";
|
|
3
3
|
import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ n({
|
|
4
4
|
__name: "MazSpinner",
|
|
5
5
|
props: {
|
package/nuxt/index.json
CHANGED
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { Props } from '../MazInput.vue';
|
|
2
2
|
import type { Translations } from '../MazPhoneNumberInput.vue';
|
|
3
|
-
|
|
3
|
+
type PhoneInputProps = Omit<Props, 'modelValue'> & {
|
|
4
4
|
id: string;
|
|
5
5
|
locales: Translations;
|
|
6
6
|
noExample: boolean;
|
|
7
7
|
hasRadius: boolean;
|
|
8
8
|
autoFormat: boolean;
|
|
9
|
-
}
|
|
9
|
+
};
|
|
10
10
|
type __VLS_Props = PhoneInputProps;
|
|
11
11
|
type __VLS_PublicProps = {
|
|
12
12
|
modelValue?: string | undefined | null;
|
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
import type { CountryCode } from 'libphonenumber-js';
|
|
2
|
+
import type { Results, Translations } from './MazPhoneNumberInput/types';
|
|
3
|
+
import type { Color, Position, Size } from './types';
|
|
4
|
+
import { type HTMLAttributes } from 'vue';
|
|
5
|
+
export type { Color, CountryCode, Position, Results as Result, Results, Size, Translations };
|
|
6
|
+
export interface Props {
|
|
7
|
+
/** Style attribut of the component root element */
|
|
8
|
+
style?: HTMLAttributes['style'];
|
|
9
|
+
/** Class attribut of the component root element */
|
|
10
|
+
class?: HTMLAttributes['class'];
|
|
11
|
+
/** @model Country calling code + telephone number in international format */
|
|
12
|
+
modelValue?: string | undefined | null;
|
|
13
|
+
/** @deprecated */
|
|
14
|
+
defaultPhoneNumber?: string | undefined | null;
|
|
15
|
+
/** @model Country code selected - Ex: "FR" */
|
|
16
|
+
countryCode?: CountryCode | undefined | null;
|
|
17
|
+
/** @deprecated - use country-code or v-model:country-code */
|
|
18
|
+
defaultCountryCode?: CountryCode | undefined | null;
|
|
19
|
+
/** Id of the component */
|
|
20
|
+
id?: string;
|
|
21
|
+
/** Placeholder of the input */
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
/** label of the input */
|
|
24
|
+
label?: string;
|
|
25
|
+
/** List of country codes to place first in the select list - Ex: ['FR', 'BE', 'GE'] */
|
|
26
|
+
preferredCountries?: CountryCode[];
|
|
27
|
+
/** List of country codes to be removed from the select list - Ex: ['FR', 'BE', 'GE'] */
|
|
28
|
+
ignoredCountries?: CountryCode[];
|
|
29
|
+
/** List of country codes to only have the countries selected in the select list - Ex: ['FR', 'BE', 'GE'] */
|
|
30
|
+
onlyCountries?: CountryCode[];
|
|
31
|
+
/** Locale strings of the component */
|
|
32
|
+
translations?: Partial<Translations>;
|
|
33
|
+
/** Position where the list of countries will be opened */
|
|
34
|
+
listPosition?: Position;
|
|
35
|
+
/** Component color applied - Ex: "secondary" */
|
|
36
|
+
color?: Color;
|
|
37
|
+
/** Component size applied - Ex: "sm" */
|
|
38
|
+
size?: Size;
|
|
39
|
+
/** Remove flags in country list */
|
|
40
|
+
noFlags?: boolean;
|
|
41
|
+
/** Disable input */
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
/** No show the phone number example */
|
|
44
|
+
noExample?: boolean;
|
|
45
|
+
/** Disable search input in country list */
|
|
46
|
+
noSearch?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Threshold of the search input in country list where 1 is a perfect match and 0 is a match with any character
|
|
49
|
+
* @default 0.75
|
|
50
|
+
*/
|
|
51
|
+
searchThreshold?: number;
|
|
52
|
+
/** By default the component use the browser locale to set the default country code if not country code is provided */
|
|
53
|
+
noUseBrowserLocale?: boolean;
|
|
54
|
+
/** The component will make a request (https://ipwho.is) to get the location of the user and use it to set the default country code */
|
|
55
|
+
fetchCountry?: boolean;
|
|
56
|
+
/** No show the country selector */
|
|
57
|
+
noCountrySelector?: boolean;
|
|
58
|
+
/** Show country calling code in the country list */
|
|
59
|
+
showCodeOnList?: boolean;
|
|
60
|
+
/** Replace country names */
|
|
61
|
+
customCountriesList?: Record<CountryCode, string>;
|
|
62
|
+
/**
|
|
63
|
+
* Disabled auto-format when phone is valid
|
|
64
|
+
* @default true
|
|
65
|
+
*/
|
|
66
|
+
autoFormat?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Disabled auto-format as you type
|
|
69
|
+
* @default false
|
|
70
|
+
* @deprecated use autoFormat instead
|
|
71
|
+
*/
|
|
72
|
+
noFormattingAsYouType?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* locale of country list - Ex: "fr-FR"
|
|
75
|
+
* @default {string} browser locale
|
|
76
|
+
*/
|
|
77
|
+
countryLocale?: string;
|
|
78
|
+
/** Disable validation error UI */
|
|
79
|
+
noValidationError?: boolean;
|
|
80
|
+
/** Disable validation success UI */
|
|
81
|
+
noValidationSuccess?: boolean;
|
|
82
|
+
/** Add success UI */
|
|
83
|
+
success?: boolean;
|
|
84
|
+
/** Add error UI */
|
|
85
|
+
error?: boolean;
|
|
86
|
+
/** Will replace the calling code by the country name in the country selector */
|
|
87
|
+
countrySelectorDisplayName?: boolean;
|
|
88
|
+
/** Choose the width of the country selector */
|
|
89
|
+
countrySelectorWidth?: string;
|
|
90
|
+
/** The input will be displayed in full width */
|
|
91
|
+
block?: boolean;
|
|
92
|
+
/** Exclude selectors to close country selector list - usefull when you using custom flag */
|
|
93
|
+
excludeSelectors?: string[];
|
|
94
|
+
/**
|
|
95
|
+
* Orientation of the inputs in the component
|
|
96
|
+
* @default "responsive"
|
|
97
|
+
* @values "row" | "col" | "responsive"
|
|
98
|
+
*/
|
|
99
|
+
orientation?: 'row' | 'col' | 'responsive';
|
|
100
|
+
/**
|
|
101
|
+
* Meta attributes of the country input
|
|
102
|
+
* @default `{Record<string, unknown>}` `{ autocomplete: 'off', name: 'country' }`
|
|
103
|
+
*/
|
|
104
|
+
countrySelectAttributes?: Record<string, unknown>;
|
|
105
|
+
/**
|
|
106
|
+
* Meta attributes of the phone number input
|
|
107
|
+
* @default `{Record<string, unknown>}` `{ autocomplete: 'tel', name: 'phone', inputmode: 'tel' }`
|
|
108
|
+
*/
|
|
109
|
+
phoneInputAttributes?: Record<string, unknown>;
|
|
110
|
+
}
|
|
111
|
+
/** Models */
|
|
112
|
+
declare const phoneNumber: import("vue").Ref<string | null | undefined, string | null | undefined>;
|
|
113
|
+
declare const selectedCountry: import("vue").Ref<CountryCode | null | undefined, CountryCode | null | undefined>;
|
|
114
|
+
declare const results: import("vue").Ref<{
|
|
115
|
+
isValid: boolean;
|
|
116
|
+
isPossible?: boolean | undefined;
|
|
117
|
+
countryCode?: CountryCode | undefined | null;
|
|
118
|
+
parsedCountryCode?: CountryCode | undefined | null;
|
|
119
|
+
countryCallingCode?: import("libphonenumber-js").CountryCallingCode | undefined;
|
|
120
|
+
nationalNumber?: import("libphonenumber-js").NationalNumber | undefined;
|
|
121
|
+
type?: import("libphonenumber-js").NumberType;
|
|
122
|
+
formatInternational?: string | undefined;
|
|
123
|
+
formatNational?: string | undefined;
|
|
124
|
+
uri?: string | undefined;
|
|
125
|
+
e164?: string | undefined;
|
|
126
|
+
rfc3966?: string | undefined;
|
|
127
|
+
possibleCountries?: CountryCode[] | undefined;
|
|
128
|
+
phoneNumber?: string | undefined | null;
|
|
129
|
+
}, Results | {
|
|
130
|
+
isValid: boolean;
|
|
131
|
+
isPossible?: boolean | undefined;
|
|
132
|
+
countryCode?: CountryCode | undefined | null;
|
|
133
|
+
parsedCountryCode?: CountryCode | undefined | null;
|
|
134
|
+
countryCallingCode?: import("libphonenumber-js").CountryCallingCode | undefined;
|
|
135
|
+
nationalNumber?: import("libphonenumber-js").NationalNumber | undefined;
|
|
136
|
+
type?: import("libphonenumber-js").NumberType;
|
|
137
|
+
formatInternational?: string | undefined;
|
|
138
|
+
formatNational?: string | undefined;
|
|
139
|
+
uri?: string | undefined;
|
|
140
|
+
e164?: string | undefined;
|
|
141
|
+
rfc3966?: string | undefined;
|
|
142
|
+
possibleCountries?: CountryCode[] | undefined;
|
|
143
|
+
phoneNumber?: string | undefined | null;
|
|
144
|
+
}>;
|
|
145
|
+
/** Inject */
|
|
146
|
+
export interface InjectedData {
|
|
147
|
+
selectedCountry: typeof selectedCountry;
|
|
148
|
+
phoneNumber: typeof phoneNumber;
|
|
149
|
+
results: typeof results;
|
|
150
|
+
}
|
|
151
|
+
declare function __VLS_template(): {
|
|
152
|
+
attrs: Partial<{}>;
|
|
153
|
+
slots: {
|
|
154
|
+
"no-results"?(_: {}): any;
|
|
155
|
+
"selector-flag"?(_: {
|
|
156
|
+
countryCode: CountryCode;
|
|
157
|
+
}): any;
|
|
158
|
+
"country-list-flag"?(_: {
|
|
159
|
+
countryCode: import("./types").ModelValueSimple;
|
|
160
|
+
option: import("./MazSelect.vue").NormalizedOption;
|
|
161
|
+
isSelected: boolean;
|
|
162
|
+
}): any;
|
|
163
|
+
};
|
|
164
|
+
refs: {
|
|
165
|
+
PhoneInputRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
166
|
+
modelValue?: string | undefined | null;
|
|
167
|
+
} & Omit<import("./MazInput.vue").Props<import("./types").ModelValueSimple>, "modelValue"> & {
|
|
168
|
+
id: string;
|
|
169
|
+
locales: Translations;
|
|
170
|
+
noExample: boolean;
|
|
171
|
+
hasRadius: boolean;
|
|
172
|
+
autoFormat: boolean;
|
|
173
|
+
}> & Readonly<{
|
|
174
|
+
"onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
|
|
175
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
176
|
+
"update:modelValue": (value: string | null | undefined) => any;
|
|
177
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
178
|
+
P: {};
|
|
179
|
+
B: {};
|
|
180
|
+
D: {};
|
|
181
|
+
C: {};
|
|
182
|
+
M: {};
|
|
183
|
+
Defaults: {};
|
|
184
|
+
}, Readonly<{
|
|
185
|
+
modelValue?: string | undefined | null;
|
|
186
|
+
} & Omit<import("./MazInput.vue").Props<import("./types").ModelValueSimple>, "modelValue"> & {
|
|
187
|
+
id: string;
|
|
188
|
+
locales: Translations;
|
|
189
|
+
noExample: boolean;
|
|
190
|
+
hasRadius: boolean;
|
|
191
|
+
autoFormat: boolean;
|
|
192
|
+
}> & Readonly<{
|
|
193
|
+
"onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
|
|
194
|
+
}>, {}, {}, {}, {}, {}> | null;
|
|
195
|
+
};
|
|
196
|
+
rootEl: any;
|
|
197
|
+
};
|
|
198
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
199
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
200
|
+
data: (results: Results) => any;
|
|
201
|
+
"update:model-value": (value: string | null | undefined) => any;
|
|
202
|
+
update: (results: Results) => any;
|
|
203
|
+
"country-code": (countryCode?: CountryCode | null | undefined) => any;
|
|
204
|
+
"update:country-code": (countryCode?: CountryCode | null | undefined) => any;
|
|
205
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
206
|
+
onData?: ((results: Results) => any) | undefined;
|
|
207
|
+
"onUpdate:model-value"?: ((value: string | null | undefined) => any) | undefined;
|
|
208
|
+
onUpdate?: ((results: Results) => any) | undefined;
|
|
209
|
+
"onCountry-code"?: ((countryCode?: CountryCode | null | undefined) => any) | undefined;
|
|
210
|
+
"onUpdate:country-code"?: ((countryCode?: CountryCode | null | undefined) => any) | undefined;
|
|
211
|
+
}>, {
|
|
212
|
+
label: string;
|
|
213
|
+
style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
|
|
214
|
+
size: Size;
|
|
215
|
+
color: Color;
|
|
216
|
+
class: HTMLAttributes["class"];
|
|
217
|
+
id: string;
|
|
218
|
+
modelValue: string | null;
|
|
219
|
+
orientation: "row" | "col" | "responsive";
|
|
220
|
+
placeholder: string;
|
|
221
|
+
listPosition: Position;
|
|
222
|
+
searchThreshold: number;
|
|
223
|
+
excludeSelectors: string[];
|
|
224
|
+
preferredCountries: CountryCode[];
|
|
225
|
+
ignoredCountries: CountryCode[];
|
|
226
|
+
onlyCountries: CountryCode[];
|
|
227
|
+
customCountriesList: Record<CountryCode, string>;
|
|
228
|
+
countryLocale: string;
|
|
229
|
+
countryCode: CountryCode | null;
|
|
230
|
+
noExample: boolean;
|
|
231
|
+
autoFormat: boolean;
|
|
232
|
+
defaultPhoneNumber: string | null;
|
|
233
|
+
defaultCountryCode: CountryCode | null;
|
|
234
|
+
translations: Partial<Translations>;
|
|
235
|
+
noFormattingAsYouType: boolean;
|
|
236
|
+
countrySelectorWidth: string;
|
|
237
|
+
countrySelectAttributes: Record<string, unknown>;
|
|
238
|
+
phoneInputAttributes: Record<string, unknown>;
|
|
239
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
240
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
241
|
+
export default _default;
|
|
242
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
243
|
+
new (): {
|
|
244
|
+
$slots: S;
|
|
245
|
+
};
|
|
246
|
+
};
|