maz-ui 3.45.5 → 3.45.6
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/CountrySelector.vue.d.ts +2 -0
- package/components/MazPhoneNumberInput.d.ts +6 -0
- package/components/MazPhoneNumberInput.mjs +1 -1
- package/components/assets/MazPhoneNumberInput.css +1 -1
- package/components/chunks/{MazBtn-DGI46FMV.mjs → MazBtn-hPyCTfnD.mjs} +2 -2
- package/components/chunks/{MazCheckbox-CVd2hR_t.mjs → MazCheckbox-CR_iUN0_.mjs} +1 -1
- package/components/chunks/{MazIcon-B4uk2ztJ.mjs → MazIcon-B5s0fahc.mjs} +1 -1
- package/components/chunks/{MazPhoneNumberInput-DdMAsaYd.mjs → MazPhoneNumberInput-CSCiLEae.mjs} +182 -178
- package/components/chunks/{MazSpinner-DMC9CAUa.mjs → MazSpinner-DyOBVD2n.mjs} +1 -1
- package/nuxt/index.json +1 -1
- package/package.json +1 -1
- package/types/components/MazPhoneNumberInput/CountrySelector.vue.d.ts +2 -0
- package/types/components/MazPhoneNumberInput.vue.d.ts +6 -0
|
@@ -44,6 +44,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
|
|
|
44
44
|
success?: boolean;
|
|
45
45
|
error?: boolean;
|
|
46
46
|
countrySelectorDisplayName?: boolean;
|
|
47
|
+
searchThreshold?: number;
|
|
47
48
|
width: string;
|
|
48
49
|
excludeSelectors?: string[];
|
|
49
50
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
@@ -71,6 +72,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
|
|
|
71
72
|
success?: boolean;
|
|
72
73
|
error?: boolean;
|
|
73
74
|
countrySelectorDisplayName?: boolean;
|
|
75
|
+
searchThreshold?: number;
|
|
74
76
|
width: string;
|
|
75
77
|
excludeSelectors?: string[];
|
|
76
78
|
}> & Readonly<{
|
|
@@ -44,6 +44,11 @@ export interface Props {
|
|
|
44
44
|
noExample?: boolean;
|
|
45
45
|
/** Disable search input in country list */
|
|
46
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;
|
|
47
52
|
/** By default the component use the browser locale to set the default country code if not country code is provided */
|
|
48
53
|
noUseBrowserLocale?: boolean;
|
|
49
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 */
|
|
@@ -217,6 +222,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
|
|
|
217
222
|
modelValue: string;
|
|
218
223
|
placeholder: string;
|
|
219
224
|
listPosition: Position;
|
|
225
|
+
searchThreshold: number;
|
|
220
226
|
excludeSelectors: string[];
|
|
221
227
|
preferredCountries: CountryCode[];
|
|
222
228
|
ignoredCountries: CountryCode[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-tooltip{position:relative;overflow:visible!important}.m-tooltip:before{content:attr(data-tooltip);pointer-events:none;position:absolute;z-index:1050;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:7rem;max-width:13rem;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);padding:.25rem .5rem;text-align:center;-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:.2s;transition-duration:.2s;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-tooltip--default:before{border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);color:var(--maz-color-text)}.m-tooltip--default:is([class~=dark] *):before{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.m-tooltip--primary:before{border-color:var(--maz-color-primary-600);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-tooltip--secondary:before{border-color:var(--maz-color-secondary-600);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-tooltip--success:before{border-color:var(--maz-color-success-600);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-tooltip--warning:before{border-color:var(--maz-color-warning-600);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-tooltip--danger:before{border-color:var(--maz-color-danger-600);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-tooltip--info:before{border-color:var(--maz-color-info-600);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-tooltip--light:before{border-color:var(--maz-color-text-light);background-color:var(--maz-color-text-light);color:var(--maz-color-text-dark)}.m-tooltip--dark:before{border-color:var(--maz-color-text-dark);background-color:var(--maz-color-text-dark);color:var(--maz-color-text-light)}.m-tooltip--white:before{border-color:var(--maz-color-white);background-color:var(--maz-color-white);color:var(--maz-color-text-dark)}.m-tooltip--black:before{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-text-light)}.m-tooltip--theme:before{border-color:var(--maz-color-bg-theme);background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-tooltip--top:before{-webkit-transform-origin:bottom left;transform-origin:bottom left;bottom:calc(100% + 16px);left:50%;-webkit-transform:scale(0) translate(-50%,0);transform:scale(0) translate(-50%)}.m-tooltip--bottom:before{-webkit-transform-origin:top left;transform-origin:top left;top:calc(100% + 16px);left:50%;-webkit-transform:scale(0) translate(-50%,0);transform:scale(0) translate(-50%)}.m-tooltip--left:before{-webkit-transform-origin:top right;transform-origin:top right;top:50%;right:calc(100% + 16px);-webkit-transform:scale(0) translate(0,-50%);transform:scale(0) translateY(-50%)}.m-tooltip--right:before{-webkit-transform-origin:top left;transform-origin:top left;top:50%;left:calc(100% + 16px);-webkit-transform:scale(0) translate(0,-50%);transform:scale(0) translateY(-50%)}.m-tooltip--open.m-tooltip--top:before,.m-tooltip--open.m-tooltip--bottom:before,.m-tooltip:hover.m-tooltip--top:before,.m-tooltip:hover.m-tooltip--bottom:before{-webkit-transform:scale(1) translate(-50%,0);transform:scale(1) translate(-50%);opacity:1}.m-tooltip--open.m-tooltip--right:before,.m-tooltip--open.m-tooltip--left:before,.m-tooltip:hover.m-tooltip--right:before,.m-tooltip:hover.m-tooltip--left:before{-webkit-transform:scale(1) translate(0,-50%);transform:scale(1) translateY(-50%);opacity:1}html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-42226ee7]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-42226ee7]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;width:100vw;overflow:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-fullscreen-img img[data-v-42226ee7]{position:fixed;z-index:1051;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px}.m-fullscreen-img .m-fullscreen-img-loader[data-v-42226ee7]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-42226ee7]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-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:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-42226ee7]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-42226ee7]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-42226ee7]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-input[data-v-bec4f39d]{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;vertical-align:top}.m-input.--xl[data-v-bec4f39d]{height:4rem}.m-input.--xl .m-input-input[data-v-bec4f39d],.m-input.--xl .m-input-label[data-v-bec4f39d]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-bec4f39d]{height:3.5rem}.m-input.--lg .m-input-input[data-v-bec4f39d],.m-input.--lg .m-input-label[data-v-bec4f39d]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-bec4f39d]{height:3rem}.m-input.--sm[data-v-bec4f39d]{height:2.5rem}.m-input.--sm .m-input-input[data-v-bec4f39d],.m-input.--sm .m-input-label[data-v-bec4f39d]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-bec4f39d]{height:2rem}.m-input.--xs .m-input-input[data-v-bec4f39d],.m-input.--xs .m-input-label[data-v-bec4f39d]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-bec4f39d]{height:1.5rem}.m-input.--mini .m-input-input[data-v-bec4f39d],.m-input.--mini .m-input-label[data-v-bec4f39d]{font-size:.75rem;line-height:1rem}.m-input.--block[data-v-bec4f39d]{width:100%}.m-input-wrapper[data-v-bec4f39d]{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.--default-border[data-v-bec4f39d]{border-color:var(--maz-border-color)}.m-input-wrapper.--default-border[data-v-bec4f39d]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter)}.m-input-wrapper-input[data-v-bec4f39d]{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-right[data-v-bec4f39d],.m-input-wrapper-left[data-v-bec4f39d]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-bec4f39d]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-bec4f39d]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-bec4f39d],.m-input-wrapper-left[data-v-bec4f39d]{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-bec4f39d]{padding-right:.5rem}.m-input-wrapper-left[data-v-bec4f39d]{padding-left:.5rem}.m-input-wrapper.--rounded-none[data-v-bec4f39d]{border-radius:0}.m-input-wrapper.--rounded-sm[data-v-bec4f39d]{border-radius:.125rem}.m-input-wrapper.--rounded-md[data-v-bec4f39d]{border-radius:.375rem}.m-input-wrapper.--rounded-lg[data-v-bec4f39d]{border-radius:var(--maz-border-radius)}.m-input-wrapper.--rounded-xl[data-v-bec4f39d]{border-radius:.75rem}.m-input-wrapper.--rounded-full[data-v-bec4f39d]{border-radius:9999px}.m-input-input[data-v-bec4f39d]{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);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-bec4f39d]:-webkit-autofill,.m-input-input[data-v-bec4f39d]:-webkit-autofill:hover,.m-input-input[data-v-bec4f39d]:-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-bec4f39d]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-bec4f39d]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-bec4f39d]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-bec4f39d]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-bec4f39d]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-bec4f39d]{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-bec4f39d]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-bec4f39d]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-bec4f39d]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-bec4f39d]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-bec4f39d]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-bec4f39d]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-bec4f39d]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input:not(.--is-disabled) .m-input-wrapper[data-v-bec4f39d]:is([class~=dark] *){background-color:var(--maz-color-bg-light)}.m-input.--is-focused .m-input-wrapper[data-v-bec4f39d]{z-index:3}.m-input.--has-label .m-input-label[data-v-bec4f39d]{padding-right:.75rem}[dir=rtl] .m-input.--has-label .m-input-label[data-v-bec4f39d]{padding-right:0;padding-left:.75rem}.m-input.--has-label .m-input-input[data-v-bec4f39d]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill,html.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill:hover,html.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill:focus,.m-input.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill,.m-input.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill:hover,.m-input.dark .m-input-input[data-v-bec4f39d]:-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-a7f3f012]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}.m-select.--mini[data-v-a7f3f012],.m-select.--xs[data-v-a7f3f012]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-a7f3f012]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-a7f3f012]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-a7f3f012]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-a7f3f012]{font-size:1.25rem;line-height:1.75rem}.m-select.--block[data-v-a7f3f012]{width:100%}.m-select[data-v-a7f3f012]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-a7f3f012] .m-input-input,.m-select-input.--has-label[data-v-a7f3f012] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-a7f3f012]{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-a7f3f012] input{caret-color:transparent}.m-select-chevron[data-v-a7f3f012]{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-a7f3f012]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-a7f3f012]{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-a7f3f012]:is([class~=dark] *){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-select .m-select-list-optgroup[data-v-a7f3f012]{-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-a7f3f012]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-a7f3f012]{bottom:100%}.m-select .m-select-list.--left[data-v-a7f3f012]{left:0}.m-select .m-select-list.--right[data-v-a7f3f012]{right:0}.m-select .m-select-list.--bottom[data-v-a7f3f012]{top:100%}.m-select .m-select-list__scroll-wrapper[data-v-a7f3f012]{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-a7f3f012]{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-a7f3f012]{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-a7f3f012]:focus-within{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item[data-v-a7f3f012]:hover{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item span[data-v-a7f3f012]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-a7f3f012]{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item.--is-keyboard-selected[data-v-a7f3f012]:is([class~=dark] *){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-a7f3f012],.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-a7f3f012]:hover{background-color:var(--d98b4010)}.m-select .m-select-list-item.--is-none-value[data-v-a7f3f012]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-a7f3f012]{color:var(--7a8fceb7);background-color:var(--50823a42)}.m-select .m-select-list-item.--is-selected[data-v-a7f3f012]:hover{background-color:var(--d98b4010)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-a7f3f012]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-a7f3f012]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}.m-country-selector[data-v-644104d4]{position:relative}.m-country-selector__country-flag[data-v-644104d4]{position:absolute;left:13px;z-index:4;outline:none;border:none;padding:0;margin:0;cursor:pointer}.m-country-selector__country-flag.--should-have-bottom-flag[data-v-644104d4]{bottom:2px}.m-country-selector__select[data-v-644104d4] .m-input-label{padding:0!important}.m-country-selector__select__item[data-v-644104d4]{width:100%;font-size:.875rem;line-height:1.25rem}.m-country-selector:not(.--no-flags) .m-country-selector__select[data-v-644104d4] .m-select-input input{padding-left:2.5rem!important}.m-phone-number-input.--responsive .m-country-selector[data-v-644104d4]{min-width:100%}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector[data-v-644104d4]{min-width:inherit}}.m-phone-number-input.--responsive .m-country-selector__select[data-v-644104d4]{min-width:100%}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector__select[data-v-644104d4]{min-width:inherit}}.m-phone-number-input.--responsive .m-country-selector__select[data-v-644104d4] .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-644104d4] .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-644104d4] .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-644104d4],.m-phone-number-input.--col .m-country-selector__select[data-v-644104d4]{min-width:100%}.m-phone-number-input.--col .m-country-selector__select[data-v-644104d4] .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-d2da9c0a]{min-width:13rem;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.m-phone-input.--error[data-v-d2da9c0a],.m-phone-input.--focused[data-v-d2da9c0a]{z-index:1}.m-phone-number-input.--responsive .m-phone-input[data-v-d2da9c0a]{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-d2da9c0a]{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-d2da9c0a] .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-d2da9c0a] .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-d2da9c0a]{margin-left:-.125rem}.m-phone-number-input.--row .m-phone-input.--border-radius[data-v-d2da9c0a] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.m-phone-number-input.--col .m-phone-input[data-v-d2da9c0a]{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-d2da9c0a] .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-29647cae]{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-29647cae]{width:100%}.m-phone-number-input.--col[data-v-29647cae],.m-phone-number-input.--responsive[data-v-29647cae]{-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-29647cae]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}
|
|
1
|
+
.m-tooltip{position:relative;overflow:visible!important}.m-tooltip:before{content:attr(data-tooltip);pointer-events:none;position:absolute;z-index:1050;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:7rem;max-width:13rem;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);padding:.25rem .5rem;text-align:center;-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:.2s;transition-duration:.2s;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-tooltip--default:before{border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);color:var(--maz-color-text)}.m-tooltip--default:is([class~=dark] *):before{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.m-tooltip--primary:before{border-color:var(--maz-color-primary-600);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-tooltip--secondary:before{border-color:var(--maz-color-secondary-600);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-tooltip--success:before{border-color:var(--maz-color-success-600);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-tooltip--warning:before{border-color:var(--maz-color-warning-600);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-tooltip--danger:before{border-color:var(--maz-color-danger-600);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-tooltip--info:before{border-color:var(--maz-color-info-600);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-tooltip--light:before{border-color:var(--maz-color-text-light);background-color:var(--maz-color-text-light);color:var(--maz-color-text-dark)}.m-tooltip--dark:before{border-color:var(--maz-color-text-dark);background-color:var(--maz-color-text-dark);color:var(--maz-color-text-light)}.m-tooltip--white:before{border-color:var(--maz-color-white);background-color:var(--maz-color-white);color:var(--maz-color-text-dark)}.m-tooltip--black:before{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-text-light)}.m-tooltip--theme:before{border-color:var(--maz-color-bg-theme);background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-tooltip--top:before{-webkit-transform-origin:bottom left;transform-origin:bottom left;bottom:calc(100% + 16px);left:50%;-webkit-transform:scale(0) translate(-50%,0);transform:scale(0) translate(-50%)}.m-tooltip--bottom:before{-webkit-transform-origin:top left;transform-origin:top left;top:calc(100% + 16px);left:50%;-webkit-transform:scale(0) translate(-50%,0);transform:scale(0) translate(-50%)}.m-tooltip--left:before{-webkit-transform-origin:top right;transform-origin:top right;top:50%;right:calc(100% + 16px);-webkit-transform:scale(0) translate(0,-50%);transform:scale(0) translateY(-50%)}.m-tooltip--right:before{-webkit-transform-origin:top left;transform-origin:top left;top:50%;left:calc(100% + 16px);-webkit-transform:scale(0) translate(0,-50%);transform:scale(0) translateY(-50%)}.m-tooltip--open.m-tooltip--top:before,.m-tooltip--open.m-tooltip--bottom:before,.m-tooltip:hover.m-tooltip--top:before,.m-tooltip:hover.m-tooltip--bottom:before{-webkit-transform:scale(1) translate(-50%,0);transform:scale(1) translate(-50%);opacity:1}.m-tooltip--open.m-tooltip--right:before,.m-tooltip--open.m-tooltip--left:before,.m-tooltip:hover.m-tooltip--right:before,.m-tooltip:hover.m-tooltip--left:before{-webkit-transform:scale(1) translate(0,-50%);transform:scale(1) translateY(-50%);opacity:1}html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-42226ee7]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-42226ee7]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;width:100vw;overflow:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-fullscreen-img img[data-v-42226ee7]{position:fixed;z-index:1051;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px}.m-fullscreen-img .m-fullscreen-img-loader[data-v-42226ee7]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-42226ee7]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-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:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-42226ee7]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-42226ee7]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-42226ee7]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-input[data-v-bec4f39d]{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;vertical-align:top}.m-input.--xl[data-v-bec4f39d]{height:4rem}.m-input.--xl .m-input-input[data-v-bec4f39d],.m-input.--xl .m-input-label[data-v-bec4f39d]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-bec4f39d]{height:3.5rem}.m-input.--lg .m-input-input[data-v-bec4f39d],.m-input.--lg .m-input-label[data-v-bec4f39d]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-bec4f39d]{height:3rem}.m-input.--sm[data-v-bec4f39d]{height:2.5rem}.m-input.--sm .m-input-input[data-v-bec4f39d],.m-input.--sm .m-input-label[data-v-bec4f39d]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-bec4f39d]{height:2rem}.m-input.--xs .m-input-input[data-v-bec4f39d],.m-input.--xs .m-input-label[data-v-bec4f39d]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-bec4f39d]{height:1.5rem}.m-input.--mini .m-input-input[data-v-bec4f39d],.m-input.--mini .m-input-label[data-v-bec4f39d]{font-size:.75rem;line-height:1rem}.m-input.--block[data-v-bec4f39d]{width:100%}.m-input-wrapper[data-v-bec4f39d]{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.--default-border[data-v-bec4f39d]{border-color:var(--maz-border-color)}.m-input-wrapper.--default-border[data-v-bec4f39d]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter)}.m-input-wrapper-input[data-v-bec4f39d]{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-right[data-v-bec4f39d],.m-input-wrapper-left[data-v-bec4f39d]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-bec4f39d]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-bec4f39d]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-bec4f39d],.m-input-wrapper-left[data-v-bec4f39d]{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-bec4f39d]{padding-right:.5rem}.m-input-wrapper-left[data-v-bec4f39d]{padding-left:.5rem}.m-input-wrapper.--rounded-none[data-v-bec4f39d]{border-radius:0}.m-input-wrapper.--rounded-sm[data-v-bec4f39d]{border-radius:.125rem}.m-input-wrapper.--rounded-md[data-v-bec4f39d]{border-radius:.375rem}.m-input-wrapper.--rounded-lg[data-v-bec4f39d]{border-radius:var(--maz-border-radius)}.m-input-wrapper.--rounded-xl[data-v-bec4f39d]{border-radius:.75rem}.m-input-wrapper.--rounded-full[data-v-bec4f39d]{border-radius:9999px}.m-input-input[data-v-bec4f39d]{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);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-bec4f39d]:-webkit-autofill,.m-input-input[data-v-bec4f39d]:-webkit-autofill:hover,.m-input-input[data-v-bec4f39d]:-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-bec4f39d]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-bec4f39d]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-bec4f39d]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-bec4f39d]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-bec4f39d]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-bec4f39d]{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-bec4f39d]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-bec4f39d]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-bec4f39d]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-bec4f39d]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-bec4f39d]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-bec4f39d]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-bec4f39d]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input:not(.--is-disabled) .m-input-wrapper[data-v-bec4f39d]:is([class~=dark] *){background-color:var(--maz-color-bg-light)}.m-input.--is-focused .m-input-wrapper[data-v-bec4f39d]{z-index:3}.m-input.--has-label .m-input-label[data-v-bec4f39d]{padding-right:.75rem}[dir=rtl] .m-input.--has-label .m-input-label[data-v-bec4f39d]{padding-right:0;padding-left:.75rem}.m-input.--has-label .m-input-input[data-v-bec4f39d]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill,html.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill:hover,html.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill:focus,.m-input.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill,.m-input.dark .m-input-input[data-v-bec4f39d]:-webkit-autofill:hover,.m-input.dark .m-input-input[data-v-bec4f39d]:-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-a7f3f012]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}.m-select.--mini[data-v-a7f3f012],.m-select.--xs[data-v-a7f3f012]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-a7f3f012]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-a7f3f012]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-a7f3f012]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-a7f3f012]{font-size:1.25rem;line-height:1.75rem}.m-select.--block[data-v-a7f3f012]{width:100%}.m-select[data-v-a7f3f012]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-a7f3f012] .m-input-input,.m-select-input.--has-label[data-v-a7f3f012] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-a7f3f012]{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-a7f3f012] input{caret-color:transparent}.m-select-chevron[data-v-a7f3f012]{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-a7f3f012]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-a7f3f012]{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-a7f3f012]:is([class~=dark] *){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-select .m-select-list-optgroup[data-v-a7f3f012]{-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-a7f3f012]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-a7f3f012]{bottom:100%}.m-select .m-select-list.--left[data-v-a7f3f012]{left:0}.m-select .m-select-list.--right[data-v-a7f3f012]{right:0}.m-select .m-select-list.--bottom[data-v-a7f3f012]{top:100%}.m-select .m-select-list__scroll-wrapper[data-v-a7f3f012]{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-a7f3f012]{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-a7f3f012]{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-a7f3f012]:focus-within{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item[data-v-a7f3f012]:hover{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item span[data-v-a7f3f012]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-a7f3f012]{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item.--is-keyboard-selected[data-v-a7f3f012]:is([class~=dark] *){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-a7f3f012],.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-a7f3f012]:hover{background-color:var(--d98b4010)}.m-select .m-select-list-item.--is-none-value[data-v-a7f3f012]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-a7f3f012]{color:var(--7a8fceb7);background-color:var(--50823a42)}.m-select .m-select-list-item.--is-selected[data-v-a7f3f012]:hover{background-color:var(--d98b4010)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-a7f3f012]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-a7f3f012]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}.m-country-selector[data-v-904d341c]{position:relative}.m-country-selector__country-flag[data-v-904d341c]{position:absolute;left:13px;z-index:4;outline:none;border:none;padding:0;margin:0;cursor:pointer}.m-country-selector__country-flag.--should-have-bottom-flag[data-v-904d341c]{bottom:2px}.m-country-selector__select[data-v-904d341c] .m-input-label{padding:0!important}.m-country-selector__select__item[data-v-904d341c]{width:100%;font-size:.875rem;line-height:1.25rem}.m-country-selector:not(.--no-flags) .m-country-selector__select[data-v-904d341c] .m-select-input input{padding-left:2.5rem!important}.m-phone-number-input.--responsive .m-country-selector[data-v-904d341c]{min-width:100%}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector[data-v-904d341c]{min-width:inherit}}.m-phone-number-input.--responsive .m-country-selector__select[data-v-904d341c]{min-width:100%}@media (min-width: 425px){.m-phone-number-input.--responsive .m-country-selector__select[data-v-904d341c]{min-width:inherit}}.m-phone-number-input.--responsive .m-country-selector__select[data-v-904d341c] .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-904d341c] .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-904d341c] .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-904d341c],.m-phone-number-input.--col .m-country-selector__select[data-v-904d341c]{min-width:100%}.m-phone-number-input.--col .m-country-selector__select[data-v-904d341c] .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-d2da9c0a]{min-width:13rem;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.m-phone-input.--error[data-v-d2da9c0a],.m-phone-input.--focused[data-v-d2da9c0a]{z-index:1}.m-phone-number-input.--responsive .m-phone-input[data-v-d2da9c0a]{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-d2da9c0a]{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-d2da9c0a] .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-d2da9c0a] .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-d2da9c0a]{margin-left:-.125rem}.m-phone-number-input.--row .m-phone-input.--border-radius[data-v-d2da9c0a] .m-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.m-phone-number-input.--col .m-phone-input[data-v-d2da9c0a]{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-d2da9c0a] .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-7d157444]{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-7d157444]{width:100%}.m-phone-number-input.--col[data-v-7d157444],.m-phone-number-input.--responsive[data-v-7d157444]{-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-7d157444]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as F, defineAsyncComponent as h, useAttrs as j, useSlots as E, onBeforeMount as O, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as R, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
|
|
2
|
-
import { _ as w } from "./MazPhoneNumberInput-
|
|
2
|
+
import { _ as w } from "./MazPhoneNumberInput-CSCiLEae.mjs";
|
|
3
3
|
import '../assets/MazBtn.css';const A = /* @__PURE__ */ F({
|
|
4
4
|
__name: "MazBtn",
|
|
5
5
|
props: {
|
|
@@ -25,7 +25,7 @@ import '../assets/MazBtn.css';const A = /* @__PURE__ */ F({
|
|
|
25
25
|
contentClass: { default: void 0 }
|
|
26
26
|
},
|
|
27
27
|
setup(g) {
|
|
28
|
-
const o = g, z = h(() => import("./MazSpinner-
|
|
28
|
+
const o = g, z = h(() => import("./MazSpinner-DyOBVD2n.mjs")), f = h(() => import("./MazIcon-B5s0fahc.mjs")), { href: k, to: B } = j(), p = E();
|
|
29
29
|
O(() => {
|
|
30
30
|
o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
31
31
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as I, useCssVars as N, computed as r, ref as E, openBlock as p, createElementBlock as h, unref as s, normalizeClass as c, normalizeStyle as A, createElementVNode as u, mergeProps as _, createVNode as M, renderSlot as D, createTextVNode as R, toDisplayString as b, createCommentVNode as q } from "vue";
|
|
2
|
-
import { u as F, _ as H } from "./MazPhoneNumberInput-
|
|
2
|
+
import { u as F, _ as H } from "./MazPhoneNumberInput-CSCiLEae.mjs";
|
|
3
3
|
import K from "./check-C9Q_W85g.mjs";
|
|
4
4
|
import '../assets/MazCheckbox.css';const P = ["for", "aria-checked"], T = ["id", "checked", "disabled", "name"], U = { class: "m-checkbox__text" }, $ = /* @__PURE__ */ I({
|
|
5
5
|
inheritAttrs: !1,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as b, ref as v, computed as g, onMounted as P, watchEffect as _, openBlock as p, createElementBlock as h, Fragment as A, createCommentVNode as i, mergeProps as C, nextTick as $ } from "vue";
|
|
2
|
-
import { i as q } from "./MazPhoneNumberInput-
|
|
2
|
+
import { i as q } from "./MazPhoneNumberInput-CSCiLEae.mjs";
|
|
3
3
|
const H = ["innerHTML"], G = /* @__PURE__ */ b({
|
|
4
4
|
__name: "MazIcon",
|
|
5
5
|
props: {
|
package/components/chunks/{MazPhoneNumberInput-DdMAsaYd.mjs → MazPhoneNumberInput-CSCiLEae.mjs}
RENAMED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { computed as m, getCurrentInstance as We, inject as Qe, defineComponent as re, defineAsyncComponent as H, ref as B, onMounted as be, useSlots as Ge, openBlock as V, createElementBlock as L, normalizeClass as N, normalizeStyle as le, createElementVNode as W, createCommentVNode as g, renderSlot as R, createBlock as O, unref as P, resolveDynamicComponent as Se, withDirectives as Pe, mergeProps as se, toHandlers as Je, vModelDynamic as Ze, createTextVNode as he, toDisplayString as _, withModifiers as te, withCtx as Q, createVNode as Z, useCssVars as Xe, onBeforeMount as xe, nextTick as ae, Transition as _e, Fragment as Ie, renderList as eo, mergeModels as ke, useModel as oo, provide as to, watch as pe } from "vue";
|
|
2
2
|
import { getCountries as Ae, getCountryCallingCode as ie, isSupportedCountry as lo, parsePhoneNumberFromString as no, AsYouType as ao, getExampleNumber as ro } from "libphonenumber-js";
|
|
3
3
|
import '../assets/MazPhoneNumberInput.css';function ze({
|
|
4
|
-
componentName:
|
|
4
|
+
componentName: a,
|
|
5
5
|
providedId: l
|
|
6
6
|
}) {
|
|
7
7
|
return m(() => {
|
|
8
8
|
var e;
|
|
9
|
-
return l ?? `${
|
|
9
|
+
return l ?? `${a}-${(e = We()) == null ? void 0 : e.uid}`;
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
|
-
function Fe(
|
|
13
|
-
return !!
|
|
12
|
+
function Fe(a) {
|
|
13
|
+
return !!a;
|
|
14
14
|
}
|
|
15
|
-
function $e(
|
|
16
|
-
return [...
|
|
15
|
+
function $e(a) {
|
|
16
|
+
return [...a].map((l) => {
|
|
17
17
|
const e = l.codePointAt(0);
|
|
18
18
|
return e ? e % 32 + 127461 : void 0;
|
|
19
19
|
}).filter(Fe).map((l) => String.fromCodePoint(l)).join("");
|
|
20
20
|
}
|
|
21
|
-
function Ee(
|
|
22
|
-
const e = Qe(
|
|
21
|
+
function Ee(a, l) {
|
|
22
|
+
const e = Qe(a, l);
|
|
23
23
|
if (!e)
|
|
24
|
-
throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${
|
|
24
|
+
throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${a}`);
|
|
25
25
|
return e;
|
|
26
26
|
}
|
|
27
27
|
const so = {
|
|
@@ -34,7 +34,7 @@ const so = {
|
|
|
34
34
|
removeNumbers: !1,
|
|
35
35
|
customNormalizationForms: ["NFC", "NFKD"]
|
|
36
36
|
};
|
|
37
|
-
function de(
|
|
37
|
+
function de(a, l) {
|
|
38
38
|
const e = { ...so, ...l }, t = {
|
|
39
39
|
À: "A",
|
|
40
40
|
Á: "A",
|
|
@@ -84,21 +84,21 @@ function de(n, l) {
|
|
|
84
84
|
ñ: "n",
|
|
85
85
|
ó: "o"
|
|
86
86
|
};
|
|
87
|
-
let d =
|
|
87
|
+
let d = a.toString();
|
|
88
88
|
if (e.trim && (d = d.trim()), e.normalizeSpaces && (d = d.replaceAll(/\s+/g, " ")), e.replaceSpaces && (d = d.replaceAll(" ", "-")), e.removeNumbers && (d = d.replaceAll(/\d/g, "")), e.removeAccents && (d = d.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (f) => t[f] || f), d = d.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (d = d.toLowerCase()), e.removeSpecialCharacters && (d = d.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (d = d.trim()), e.customNormalizationForms)
|
|
89
89
|
for (const f of e.customNormalizationForms)
|
|
90
90
|
d = d.normalize(f);
|
|
91
91
|
return d;
|
|
92
92
|
}
|
|
93
|
-
function uo(
|
|
94
|
-
const e =
|
|
93
|
+
function uo(a, l) {
|
|
94
|
+
const e = a.length, t = l.length, d = [];
|
|
95
95
|
for (let f = 0; f <= e; f++)
|
|
96
96
|
d[f] = [f];
|
|
97
97
|
for (let f = 0; f <= t; f++)
|
|
98
98
|
d[0][f] = f;
|
|
99
99
|
for (let f = 1; f <= e; f++)
|
|
100
100
|
for (let b = 1; b <= t; b++) {
|
|
101
|
-
const k =
|
|
101
|
+
const k = a[f - 1] === l[b - 1] ? 0 : 1;
|
|
102
102
|
d[f][b] = Math.min(
|
|
103
103
|
d[f - 1][b] + 1,
|
|
104
104
|
d[f][b - 1] + 1,
|
|
@@ -107,16 +107,16 @@ function uo(n, l) {
|
|
|
107
107
|
}
|
|
108
108
|
return d[e][t];
|
|
109
109
|
}
|
|
110
|
-
function Le(
|
|
111
|
-
const e = uo(
|
|
110
|
+
function Le(a, l) {
|
|
111
|
+
const e = uo(a, l), t = Math.max(a.length, l.length);
|
|
112
112
|
return 1 - e / t;
|
|
113
113
|
}
|
|
114
|
-
function io(
|
|
115
|
-
return Le(
|
|
114
|
+
function io(a, l, e = 0.75) {
|
|
115
|
+
return Le(a, l) >= e;
|
|
116
116
|
}
|
|
117
|
-
function me(
|
|
117
|
+
function me(a, l, e = 0.75) {
|
|
118
118
|
const t = m(
|
|
119
|
-
() => de(typeof
|
|
119
|
+
() => de(typeof a == "string" ? a : a.value)
|
|
120
120
|
), d = m(
|
|
121
121
|
() => de(typeof l == "string" ? l : l.value)
|
|
122
122
|
), f = m(() => typeof e == "number" ? e : e.value), b = m(() => Le(t.value, d.value));
|
|
@@ -127,53 +127,53 @@ function me(n, l, e = 0.75) {
|
|
|
127
127
|
score: b
|
|
128
128
|
};
|
|
129
129
|
}
|
|
130
|
-
function
|
|
130
|
+
function Te(a, l, e) {
|
|
131
131
|
var b;
|
|
132
|
-
|
|
132
|
+
a.stopPropagation();
|
|
133
133
|
const t = typeof e.value == "function" ? e.value : e.value.handler, d = typeof e.value == "object" ? e.value.exclude : void 0;
|
|
134
134
|
let f = !1;
|
|
135
135
|
if (d && d.length > 0) {
|
|
136
136
|
for (const k of d)
|
|
137
|
-
if (!f &&
|
|
137
|
+
if (!f && a.target instanceof HTMLElement) {
|
|
138
138
|
const K = (b = document.querySelector(k)) == null ? void 0 : b.getAttribute("id");
|
|
139
|
-
f =
|
|
139
|
+
f = a.target.getAttribute("id") === K;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
-
!l.contains(
|
|
142
|
+
!l.contains(a.target) && !f && (t == null || t());
|
|
143
143
|
}
|
|
144
|
-
function
|
|
144
|
+
function Me() {
|
|
145
145
|
return document.ontouchstart === null ? "touchstart" : "click";
|
|
146
146
|
}
|
|
147
|
-
function co(
|
|
148
|
-
const e =
|
|
149
|
-
document.removeEventListener(e, (t) =>
|
|
147
|
+
function co(a, l) {
|
|
148
|
+
const e = Me();
|
|
149
|
+
document.removeEventListener(e, (t) => Te(t, a, l));
|
|
150
150
|
}
|
|
151
|
-
function fo(
|
|
151
|
+
function fo(a, l) {
|
|
152
152
|
if (typeof l.value != "function" && typeof l.value == "object" && typeof l.value.handler != "function") {
|
|
153
153
|
console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
|
|
154
154
|
return;
|
|
155
155
|
}
|
|
156
|
-
const e =
|
|
157
|
-
document.addEventListener(e, (t) =>
|
|
156
|
+
const e = Me();
|
|
157
|
+
document.addEventListener(e, (t) => Te(t, a, l));
|
|
158
158
|
}
|
|
159
159
|
const po = {
|
|
160
160
|
mounted: fo,
|
|
161
161
|
unmounted: co
|
|
162
|
-
}, ue = (
|
|
163
|
-
const e =
|
|
162
|
+
}, ue = (a, l) => {
|
|
163
|
+
const e = a.__vccOpts || a;
|
|
164
164
|
for (const [t, d] of l)
|
|
165
165
|
e[t] = d;
|
|
166
166
|
return e;
|
|
167
167
|
};
|
|
168
168
|
let ye = null;
|
|
169
|
-
function mo(
|
|
170
|
-
ye && clearTimeout(ye), ye = setTimeout(
|
|
169
|
+
function mo(a, l) {
|
|
170
|
+
ye && clearTimeout(ye), ye = setTimeout(a, l);
|
|
171
171
|
}
|
|
172
|
-
function yo(
|
|
172
|
+
function yo(a, l) {
|
|
173
173
|
let e;
|
|
174
174
|
return function(...t) {
|
|
175
175
|
clearTimeout(e), e = setTimeout(() => {
|
|
176
|
-
|
|
176
|
+
a.apply(this, t);
|
|
177
177
|
}, l);
|
|
178
178
|
};
|
|
179
179
|
}
|
|
@@ -220,8 +220,8 @@ const vo = {
|
|
|
220
220
|
block: { type: Boolean }
|
|
221
221
|
},
|
|
222
222
|
emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
|
|
223
|
-
setup(
|
|
224
|
-
const e =
|
|
223
|
+
setup(a, { emit: l }) {
|
|
224
|
+
const e = a, t = l, d = H(() => import("./MazBtn-hPyCTfnD.mjs")), f = H(() => import("./MazIcon-B5s0fahc.mjs")), b = H(() => import("./eye-slash-BoO00xzs.mjs")), k = H(() => import("./eye-f8zAUc30.mjs")), K = H(() => import("./check-C9Q_W85g.mjs")), A = B(!1), y = B(!1), S = B(), s = ze({
|
|
225
225
|
componentName: "MazInput",
|
|
226
226
|
providedId: e.id
|
|
227
227
|
});
|
|
@@ -258,9 +258,9 @@ const vo = {
|
|
|
258
258
|
return "--default-border";
|
|
259
259
|
}
|
|
260
260
|
}), D = Ge(), G = m(() => {
|
|
261
|
-
const { required: r, placeholder:
|
|
262
|
-
if (
|
|
263
|
-
return r ? `${
|
|
261
|
+
const { required: r, placeholder: M } = e;
|
|
262
|
+
if (M)
|
|
263
|
+
return r ? `${M} *` : M;
|
|
264
264
|
}), J = m(() => h.value !== void 0 && h.value !== ""), v = yo(
|
|
265
265
|
(r) => {
|
|
266
266
|
t("update:model-value", r);
|
|
@@ -275,14 +275,14 @@ const vo = {
|
|
|
275
275
|
const h = m({
|
|
276
276
|
get: () => e.modelValue,
|
|
277
277
|
set: (r) => z(r)
|
|
278
|
-
}), Y = m(() => (!!e.label || !!e.hint) && (y.value || !!J.value || !!e.placeholder || ["date", "month", "week"].includes(e.type))),
|
|
278
|
+
}), Y = m(() => (!!e.label || !!e.hint) && (y.value || !!J.value || !!e.placeholder || ["date", "month", "week"].includes(e.type))), n = m(() => !!e.label || !!e.hint);
|
|
279
279
|
function $() {
|
|
280
280
|
return !!D["right-icon"] || p.value || !!D["valid-button"] || e.validButton || !!e.rightIcon;
|
|
281
281
|
}
|
|
282
282
|
function E() {
|
|
283
283
|
return !!D["left-icon"] || !!e.leftIcon;
|
|
284
284
|
}
|
|
285
|
-
function
|
|
285
|
+
function T(r) {
|
|
286
286
|
t("focus", r), y.value = !0;
|
|
287
287
|
}
|
|
288
288
|
function U(r) {
|
|
@@ -294,14 +294,14 @@ const vo = {
|
|
|
294
294
|
function X(r) {
|
|
295
295
|
return t("input", r);
|
|
296
296
|
}
|
|
297
|
-
return (r,
|
|
297
|
+
return (r, M) => (V(), L(
|
|
298
298
|
"div",
|
|
299
299
|
{
|
|
300
300
|
class: N(["m-input", [
|
|
301
301
|
{
|
|
302
302
|
"--is-focused": y.value || r.borderActive,
|
|
303
303
|
"--should-up": Y.value,
|
|
304
|
-
"--has-label":
|
|
304
|
+
"--has-label": n.value,
|
|
305
305
|
"--is-disabled": r.disabled,
|
|
306
306
|
"--is-readonly": r.readonly,
|
|
307
307
|
"--has-z-2": r.error || r.warning || r.success,
|
|
@@ -345,7 +345,7 @@ const vo = {
|
|
|
345
345
|
id: P(s),
|
|
346
346
|
ref_key: "input",
|
|
347
347
|
ref: S,
|
|
348
|
-
"onUpdate:modelValue":
|
|
348
|
+
"onUpdate:modelValue": M[0] || (M[0] = (x) => h.value = x),
|
|
349
349
|
type: w.value,
|
|
350
350
|
name: r.name
|
|
351
351
|
}, r.$attrs, {
|
|
@@ -358,11 +358,11 @@ const vo = {
|
|
|
358
358
|
class: "m-input-input"
|
|
359
359
|
}, Je({
|
|
360
360
|
blur: U,
|
|
361
|
-
focus:
|
|
361
|
+
focus: T,
|
|
362
362
|
change: ne,
|
|
363
363
|
input: X
|
|
364
364
|
}, !0), {
|
|
365
|
-
onClick:
|
|
365
|
+
onClick: M[1] || (M[1] = (x) => r.$emit("click", x))
|
|
366
366
|
}), null, 16, go), [
|
|
367
367
|
[Ze, h.value]
|
|
368
368
|
]),
|
|
@@ -409,7 +409,7 @@ const vo = {
|
|
|
409
409
|
color: "transparent",
|
|
410
410
|
tabindex: "-1",
|
|
411
411
|
size: "mini",
|
|
412
|
-
onClick:
|
|
412
|
+
onClick: M[2] || (M[2] = te((x) => A.value = !A.value, ["stop"]))
|
|
413
413
|
}, {
|
|
414
414
|
default: Q(() => [
|
|
415
415
|
A.value ? (V(), O(P(b), {
|
|
@@ -486,13 +486,13 @@ const vo = {
|
|
|
486
486
|
excludeSelectors: { default: void 0 }
|
|
487
487
|
},
|
|
488
488
|
emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
|
|
489
|
-
setup(
|
|
489
|
+
setup(a, { expose: l, emit: e }) {
|
|
490
490
|
Xe((o) => ({
|
|
491
491
|
d98b4010: w.value,
|
|
492
492
|
"7a8fceb7": s.value,
|
|
493
493
|
"50823a42": p.value
|
|
494
494
|
}));
|
|
495
|
-
const t =
|
|
495
|
+
const t = a, d = e, f = H(() => import("./MazCheckbox-CR_iUN0_.mjs")), b = H(() => import("./magnifying-glass--nBiyXot.mjs")), k = H(() => import("./chevron-down-BkvtON3b.mjs")), K = H(() => import("./no-symbol-CIgKzsrB.mjs"));
|
|
496
496
|
l({
|
|
497
497
|
/** Method to open the option list */
|
|
498
498
|
openList: oe,
|
|
@@ -549,11 +549,11 @@ const vo = {
|
|
|
549
549
|
var o;
|
|
550
550
|
(o = t.options) != null && o.length || console.warn("[maz-ui](MazSelect) you must provide options"), fe();
|
|
551
551
|
});
|
|
552
|
-
const h = B(), Y = B(),
|
|
552
|
+
const h = B(), Y = B(), n = B(), $ = B();
|
|
553
553
|
function E(o) {
|
|
554
554
|
return o == null;
|
|
555
555
|
}
|
|
556
|
-
function
|
|
556
|
+
function T(o) {
|
|
557
557
|
var c;
|
|
558
558
|
return (((c = z.value) == null ? void 0 : c.some(
|
|
559
559
|
(i) => i[t.optionValueKey] === o[t.optionValueKey]
|
|
@@ -575,14 +575,14 @@ const vo = {
|
|
|
575
575
|
}), ne = m(
|
|
576
576
|
() => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
|
|
577
577
|
), X = B(""), r = B("");
|
|
578
|
-
function
|
|
578
|
+
function M(o, u) {
|
|
579
579
|
return u && o && de(o).includes(de(u));
|
|
580
580
|
}
|
|
581
581
|
function x(o) {
|
|
582
582
|
var u;
|
|
583
583
|
return o ? (u = v.value) == null ? void 0 : u.filter((c) => {
|
|
584
584
|
const i = c[t.optionLabelKey], C = c[t.optionValueKey], F = c[t.optionInputValueKey], q = t.searchThreshold;
|
|
585
|
-
return
|
|
585
|
+
return M(i, o) || M(F, o) || M(C, o) || typeof i == "string" && me(i, o, q).isMatching.value || typeof F == "string" && me(F, o, q).isMatching.value || typeof C == "string" && me(C, o, q).isMatching.value;
|
|
586
586
|
}) : v.value;
|
|
587
587
|
}
|
|
588
588
|
const j = m(() => x(X.value));
|
|
@@ -613,7 +613,7 @@ const vo = {
|
|
|
613
613
|
}
|
|
614
614
|
function Ue(o) {
|
|
615
615
|
var u, c;
|
|
616
|
-
X.value = o, (c = ((u =
|
|
616
|
+
X.value = o, (c = ((u = n.value) == null ? void 0 : u.$el).querySelector("input")) == null || c.focus();
|
|
617
617
|
}
|
|
618
618
|
function qe(o) {
|
|
619
619
|
var c;
|
|
@@ -755,7 +755,7 @@ const vo = {
|
|
|
755
755
|
o.search ? (V(), O(ge, {
|
|
756
756
|
key: 0,
|
|
757
757
|
ref_key: "searchInputComponent",
|
|
758
|
-
ref:
|
|
758
|
+
ref: n,
|
|
759
759
|
modelValue: X.value,
|
|
760
760
|
"onUpdate:modelValue": [
|
|
761
761
|
u[2] || (u[2] = (i) => X.value = i),
|
|
@@ -808,7 +808,7 @@ const vo = {
|
|
|
808
808
|
class: N(["m-select-list-item maz-custom maz-flex-none", [
|
|
809
809
|
{
|
|
810
810
|
"--is-keyboard-selected": y.value === C,
|
|
811
|
-
"--is-selected":
|
|
811
|
+
"--is-selected": T(i),
|
|
812
812
|
"--is-none-value": E(i[o.optionValueKey])
|
|
813
813
|
}
|
|
814
814
|
]]),
|
|
@@ -818,7 +818,7 @@ const vo = {
|
|
|
818
818
|
o.multiple ? (V(), O(P(f), {
|
|
819
819
|
key: 0,
|
|
820
820
|
tabindex: "-1",
|
|
821
|
-
"model-value":
|
|
821
|
+
"model-value": T(i),
|
|
822
822
|
size: "sm",
|
|
823
823
|
color: o.color
|
|
824
824
|
}, null, 8, ["model-value", "color"])) : g("v-if", !0),
|
|
@@ -829,7 +829,7 @@ const vo = {
|
|
|
829
829
|
`),
|
|
830
830
|
R(o.$slots, "default", {
|
|
831
831
|
option: i,
|
|
832
|
-
isSelected:
|
|
832
|
+
isSelected: T(i)
|
|
833
833
|
}, () => [
|
|
834
834
|
W(
|
|
835
835
|
"span",
|
|
@@ -871,25 +871,25 @@ const vo = {
|
|
|
871
871
|
function Ke() {
|
|
872
872
|
if (typeof window > "u")
|
|
873
873
|
return;
|
|
874
|
-
const
|
|
875
|
-
if (!
|
|
874
|
+
const a = window.navigator.language;
|
|
875
|
+
if (!a)
|
|
876
876
|
return;
|
|
877
|
-
let l =
|
|
878
|
-
return l === "" && (l =
|
|
877
|
+
let l = a.slice(3, 7).toUpperCase();
|
|
878
|
+
return l === "" && (l = a.slice(0, 2).toUpperCase()), l === "EN" && (l = "US"), l === "JA" && (l = "JP"), {
|
|
879
879
|
locale: l,
|
|
880
|
-
browserLocale:
|
|
880
|
+
browserLocale: a
|
|
881
881
|
};
|
|
882
882
|
}
|
|
883
883
|
let ve, Be;
|
|
884
|
-
function Po(
|
|
885
|
-
return e != null && e[l] ? e[l] : ((Be !==
|
|
884
|
+
function Po(a, l, e) {
|
|
885
|
+
return e != null && e[l] ? e[l] : ((Be !== a || !ve) && (Be = a, ve = new Intl.DisplayNames([a], { type: "region" })), ve.of(l));
|
|
886
886
|
}
|
|
887
|
-
function Ao(
|
|
887
|
+
function Ao(a, l) {
|
|
888
888
|
var d;
|
|
889
889
|
const e = [], t = Ae();
|
|
890
|
-
|
|
890
|
+
a = a ?? ((d = Ke()) == null ? void 0 : d.browserLocale) ?? "en-US";
|
|
891
891
|
for (const f of t) {
|
|
892
|
-
const b = Po(
|
|
892
|
+
const b = Po(a, f, l);
|
|
893
893
|
if (b)
|
|
894
894
|
try {
|
|
895
895
|
const k = ie(f);
|
|
@@ -906,17 +906,17 @@ function Ao(n, l) {
|
|
|
906
906
|
}
|
|
907
907
|
async function Fo() {
|
|
908
908
|
try {
|
|
909
|
-
const
|
|
909
|
+
const a = await fetch("https://ipwho.is"), { country_code: l } = await a.json();
|
|
910
910
|
return l;
|
|
911
|
-
} catch (
|
|
912
|
-
throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${
|
|
911
|
+
} catch (a) {
|
|
912
|
+
throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${a}`);
|
|
913
913
|
}
|
|
914
914
|
}
|
|
915
|
-
function Eo(
|
|
916
|
-
if (!
|
|
915
|
+
function Eo(a) {
|
|
916
|
+
if (!a)
|
|
917
917
|
return "";
|
|
918
918
|
const l = new RegExp(/[^\d ()+-]/g);
|
|
919
|
-
return
|
|
919
|
+
return a.replaceAll(l, "").trim();
|
|
920
920
|
}
|
|
921
921
|
function Ne() {
|
|
922
922
|
return {
|
|
@@ -926,10 +926,10 @@ function Ne() {
|
|
|
926
926
|
getCountriesList: Ao
|
|
927
927
|
};
|
|
928
928
|
}
|
|
929
|
-
const Lo = ["id"],
|
|
929
|
+
const Lo = ["id"], To = {
|
|
930
930
|
key: 0,
|
|
931
931
|
class: "maz-text-lg"
|
|
932
|
-
},
|
|
932
|
+
}, Mo = /* @__PURE__ */ re({
|
|
933
933
|
__name: "CountrySelector",
|
|
934
934
|
props: {
|
|
935
935
|
style: { default: void 0 },
|
|
@@ -952,12 +952,13 @@ const Lo = ["id"], Mo = {
|
|
|
952
952
|
success: { type: Boolean },
|
|
953
953
|
error: { type: Boolean },
|
|
954
954
|
countrySelectorDisplayName: { type: Boolean },
|
|
955
|
+
searchThreshold: {},
|
|
955
956
|
width: { default: "9rem" },
|
|
956
957
|
excludeSelectors: { default: void 0 }
|
|
957
958
|
},
|
|
958
959
|
emits: ["update:model-value"],
|
|
959
|
-
setup(
|
|
960
|
-
const l =
|
|
960
|
+
setup(a) {
|
|
961
|
+
const l = a, { phoneNumber: e } = Ee("data"), t = B(), { getCountriesList: d } = Ne(), f = m(() => d(l.countryLocale, l.customCountriesList)), b = m(
|
|
961
962
|
() => {
|
|
962
963
|
var s;
|
|
963
964
|
return (s = f.value) == null ? void 0 : s.filter((p) => {
|
|
@@ -1047,6 +1048,7 @@ const Lo = ["id"], Mo = {
|
|
|
1047
1048
|
success: s.success,
|
|
1048
1049
|
search: !s.noSearch,
|
|
1049
1050
|
"search-placeholder": s.locales.countrySelector.searchPlaceholder,
|
|
1051
|
+
"search-threshold": s.searchThreshold,
|
|
1050
1052
|
options: y.value,
|
|
1051
1053
|
hint: P(e) && !s.modelValue ? s.locales.countrySelector.error : void 0,
|
|
1052
1054
|
label: s.locales.countrySelector.placeholder,
|
|
@@ -1068,7 +1070,7 @@ const Lo = ["id"], Mo = {
|
|
|
1068
1070
|
}])
|
|
1069
1071
|
},
|
|
1070
1072
|
[
|
|
1071
|
-
!s.noFlags && typeof w.iso2 == "string" ? (V(), L("span",
|
|
1073
|
+
!s.noFlags && typeof w.iso2 == "string" ? (V(), L("span", To, [
|
|
1072
1074
|
g(`
|
|
1073
1075
|
@slot Country list flag
|
|
1074
1076
|
@binding {String} country-code - country code of option - Ex: \`"FR"\`
|
|
@@ -1113,13 +1115,13 @@ const Lo = ["id"], Mo = {
|
|
|
1113
1115
|
]),
|
|
1114
1116
|
_: 3
|
|
1115
1117
|
/* FORWARDED */
|
|
1116
|
-
}, 16, ["id", "model-value", "option-input-value-key", "disabled", "color", "size", "error", "list-position", "success", "search", "search-placeholder", "options", "hint", "label", "style", "exclude-selectors"])
|
|
1118
|
+
}, 16, ["id", "model-value", "option-input-value-key", "disabled", "color", "size", "error", "list-position", "success", "search", "search-placeholder", "search-threshold", "options", "hint", "label", "style", "exclude-selectors"])
|
|
1117
1119
|
],
|
|
1118
1120
|
6
|
|
1119
1121
|
/* CLASS, STYLE */
|
|
1120
1122
|
));
|
|
1121
1123
|
}
|
|
1122
|
-
}), Ko = /* @__PURE__ */ ue(
|
|
1124
|
+
}), Ko = /* @__PURE__ */ ue(Mo, [["__scopeId", "data-v-904d341c"]]), No = {
|
|
1123
1125
|
countrySelector: {
|
|
1124
1126
|
placeholder: "Country code",
|
|
1125
1127
|
error: "Choose country",
|
|
@@ -1130,25 +1132,25 @@ const Lo = ["id"], Mo = {
|
|
|
1130
1132
|
example: "Example:"
|
|
1131
1133
|
}
|
|
1132
1134
|
};
|
|
1133
|
-
function Ro(
|
|
1135
|
+
function Ro(a) {
|
|
1134
1136
|
try {
|
|
1135
|
-
const l = lo(
|
|
1136
|
-
return l || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${
|
|
1137
|
+
const l = lo(a);
|
|
1138
|
+
return l || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${a}" is not available`), !1);
|
|
1137
1139
|
} catch (l) {
|
|
1138
1140
|
return console.error(`[maz-ui](MazPhoneNumberInput) ${l}`), !1;
|
|
1139
1141
|
}
|
|
1140
1142
|
}
|
|
1141
1143
|
function Oo({
|
|
1142
|
-
phoneNumber:
|
|
1144
|
+
phoneNumber: a,
|
|
1143
1145
|
countryCode: l
|
|
1144
1146
|
}) {
|
|
1145
1147
|
try {
|
|
1146
|
-
if (!
|
|
1148
|
+
if (!a)
|
|
1147
1149
|
return {
|
|
1148
1150
|
isValid: !1,
|
|
1149
1151
|
countryCode: l
|
|
1150
1152
|
};
|
|
1151
|
-
const e = no(
|
|
1153
|
+
const e = no(a, l);
|
|
1152
1154
|
return {
|
|
1153
1155
|
countryCode: (e == null ? void 0 : e.country) ?? l,
|
|
1154
1156
|
isValid: (e == null ? void 0 : e.isValid()) ?? !1,
|
|
@@ -1161,33 +1163,33 @@ function Oo({
|
|
|
1161
1163
|
uri: e == null ? void 0 : e.getURI(),
|
|
1162
1164
|
e164: e == null ? void 0 : e.format("E.164"),
|
|
1163
1165
|
rfc3966: e == null ? void 0 : e.format("RFC3966"),
|
|
1164
|
-
phoneNumber:
|
|
1166
|
+
phoneNumber: a
|
|
1165
1167
|
};
|
|
1166
1168
|
} catch (e) {
|
|
1167
1169
|
throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${e}`);
|
|
1168
1170
|
}
|
|
1169
1171
|
}
|
|
1170
|
-
function Do(
|
|
1172
|
+
function Do(a, l) {
|
|
1171
1173
|
try {
|
|
1172
|
-
return l ? new ao(
|
|
1174
|
+
return l ? new ao(a).input(l) : "";
|
|
1173
1175
|
} catch (e) {
|
|
1174
1176
|
throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${e}`);
|
|
1175
1177
|
}
|
|
1176
1178
|
}
|
|
1177
1179
|
async function Uo() {
|
|
1178
|
-
const { default:
|
|
1179
|
-
return
|
|
1180
|
+
const { default: a } = await import("./examples.mobile.json-JpNGylGv.mjs");
|
|
1181
|
+
return a;
|
|
1180
1182
|
}
|
|
1181
|
-
function qo(
|
|
1183
|
+
function qo(a, l) {
|
|
1182
1184
|
var e;
|
|
1183
1185
|
try {
|
|
1184
|
-
return
|
|
1186
|
+
return a && l ? (e = ro(l, a)) == null ? void 0 : e.formatNational() : void 0;
|
|
1185
1187
|
} catch (t) {
|
|
1186
1188
|
console.error(`[maz-ui](MazPhoneNumberInput) ${t}`);
|
|
1187
1189
|
}
|
|
1188
1190
|
}
|
|
1189
1191
|
function Re() {
|
|
1190
|
-
function
|
|
1192
|
+
function a(l, e) {
|
|
1191
1193
|
return ie(l) === ie(e);
|
|
1192
1194
|
}
|
|
1193
1195
|
return {
|
|
@@ -1195,7 +1197,7 @@ function Re() {
|
|
|
1195
1197
|
getPhoneNumberResults: Oo,
|
|
1196
1198
|
getPhoneNumberExamplesFile: Uo,
|
|
1197
1199
|
getPhoneNumberExample: qo,
|
|
1198
|
-
isSameCountryCallingCode:
|
|
1200
|
+
isSameCountryCallingCode: a,
|
|
1199
1201
|
isCountryAvailable: Ro,
|
|
1200
1202
|
getCountries: Ae,
|
|
1201
1203
|
getCountryCallingCode: ie
|
|
@@ -1222,8 +1224,8 @@ const Yo = /* @__PURE__ */ re({
|
|
|
1222
1224
|
modelModifiers: {}
|
|
1223
1225
|
}),
|
|
1224
1226
|
emits: /* @__PURE__ */ ke(["update:model-value"], ["update:modelValue"]),
|
|
1225
|
-
setup(
|
|
1226
|
-
const e =
|
|
1227
|
+
setup(a, { emit: l }) {
|
|
1228
|
+
const e = a, t = l, d = oo(a, "modelValue"), { getPhoneNumberExamplesFile: f, getPhoneNumberExample: b } = Re(), { selectionRange: k, results: K, selectedCountry: A } = Ee("data"), y = B(), S = B(!1);
|
|
1227
1229
|
function s(v, z) {
|
|
1228
1230
|
const h = b(v, z);
|
|
1229
1231
|
return h ? `${e.locales.phoneInput.example} ${h}` : void 0;
|
|
@@ -1312,6 +1314,7 @@ const Yo = /* @__PURE__ */ re({
|
|
|
1312
1314
|
disabled: { type: Boolean },
|
|
1313
1315
|
noExample: { type: Boolean },
|
|
1314
1316
|
noSearch: { type: Boolean },
|
|
1317
|
+
searchThreshold: { default: 0.75 },
|
|
1315
1318
|
noUseBrowserLocale: { type: Boolean },
|
|
1316
1319
|
fetchCountry: { type: Boolean },
|
|
1317
1320
|
noCountrySelector: { type: Boolean },
|
|
@@ -1331,8 +1334,8 @@ const Yo = /* @__PURE__ */ re({
|
|
|
1331
1334
|
orientation: { default: "responsive" }
|
|
1332
1335
|
},
|
|
1333
1336
|
emits: ["update:model-value", "country-code", "update:country-code", "update", "data"],
|
|
1334
|
-
setup(
|
|
1335
|
-
const e =
|
|
1337
|
+
setup(a, { emit: l }) {
|
|
1338
|
+
const e = a, t = l, { fetchCountryCode: d, sanitizePhoneNumber: f, getBrowserLocale: b } = Ne(), { isCountryAvailable: k, getPhoneNumberResults: K, getAsYouTypeFormat: A } = Re(), y = ze({
|
|
1336
1339
|
componentName: "MazPhoneNumberInput",
|
|
1337
1340
|
providedId: e.id
|
|
1338
1341
|
}), S = B(""), s = B(), p = B({
|
|
@@ -1354,49 +1357,49 @@ const Yo = /* @__PURE__ */ re({
|
|
|
1354
1357
|
...e.translations
|
|
1355
1358
|
}));
|
|
1356
1359
|
be(async () => {
|
|
1357
|
-
var
|
|
1360
|
+
var n;
|
|
1358
1361
|
if (z(e.countryCode ?? e.defaultCountryCode), e.fetchCountry && !s.value) {
|
|
1359
1362
|
const $ = await d();
|
|
1360
1363
|
z($);
|
|
1361
1364
|
}
|
|
1362
1365
|
if (!e.defaultCountryCode && !e.noUseBrowserLocale && !s.value) {
|
|
1363
|
-
const $ = (
|
|
1366
|
+
const $ = (n = b()) == null ? void 0 : n.locale;
|
|
1364
1367
|
z($);
|
|
1365
1368
|
}
|
|
1366
1369
|
});
|
|
1367
1370
|
const D = B();
|
|
1368
1371
|
function G() {
|
|
1369
|
-
var
|
|
1370
|
-
return (
|
|
1372
|
+
var n;
|
|
1373
|
+
return (n = D.value) == null ? void 0 : n.$el.querySelector("input");
|
|
1371
1374
|
}
|
|
1372
1375
|
async function J() {
|
|
1373
|
-
var
|
|
1374
|
-
await ae(), (
|
|
1376
|
+
var n;
|
|
1377
|
+
await ae(), (n = G()) == null || n.select();
|
|
1375
1378
|
}
|
|
1376
|
-
function v(
|
|
1379
|
+
function v(n) {
|
|
1377
1380
|
Y({
|
|
1378
|
-
countryCode:
|
|
1381
|
+
countryCode: n,
|
|
1379
1382
|
autoFormat: e.autoFormat,
|
|
1380
1383
|
noFormattingAsYouType: e.noFormattingAsYouType
|
|
1381
1384
|
}), J();
|
|
1382
1385
|
}
|
|
1383
|
-
function z(
|
|
1384
|
-
if (
|
|
1385
|
-
if (!k(
|
|
1386
|
+
function z(n) {
|
|
1387
|
+
if (n) {
|
|
1388
|
+
if (!k(n)) {
|
|
1386
1389
|
s.value = void 0;
|
|
1387
1390
|
return;
|
|
1388
1391
|
}
|
|
1389
|
-
s.value =
|
|
1392
|
+
s.value = n;
|
|
1390
1393
|
}
|
|
1391
1394
|
}
|
|
1392
1395
|
function h({
|
|
1393
|
-
newPhoneNumber:
|
|
1396
|
+
newPhoneNumber: n,
|
|
1394
1397
|
autoFormat: $,
|
|
1395
1398
|
noFormattingAsYouType: E,
|
|
1396
|
-
updateResults:
|
|
1399
|
+
updateResults: T = !0
|
|
1397
1400
|
}) {
|
|
1398
|
-
const U = f(
|
|
1399
|
-
if (
|
|
1401
|
+
const U = f(n);
|
|
1402
|
+
if (T && (p.value = K({
|
|
1400
1403
|
phoneNumber: U,
|
|
1401
1404
|
countryCode: s.value
|
|
1402
1405
|
})), p.value.isValid && p.value.formatNational && $)
|
|
@@ -1414,18 +1417,18 @@ const Yo = /* @__PURE__ */ re({
|
|
|
1414
1417
|
});
|
|
1415
1418
|
}
|
|
1416
1419
|
function Y({
|
|
1417
|
-
countryCode:
|
|
1420
|
+
countryCode: n,
|
|
1418
1421
|
autoFormat: $,
|
|
1419
1422
|
noFormattingAsYouType: E,
|
|
1420
|
-
updateResults:
|
|
1423
|
+
updateResults: T = !0
|
|
1421
1424
|
}) {
|
|
1422
|
-
if (!
|
|
1425
|
+
if (!n) {
|
|
1423
1426
|
s.value = void 0;
|
|
1424
1427
|
return;
|
|
1425
1428
|
}
|
|
1426
|
-
|
|
1429
|
+
n !== s.value && z(n), T && (p.value = K({
|
|
1427
1430
|
phoneNumber: S.value,
|
|
1428
|
-
countryCode:
|
|
1431
|
+
countryCode: n
|
|
1429
1432
|
})), h({
|
|
1430
1433
|
newPhoneNumber: S.value,
|
|
1431
1434
|
autoFormat: $,
|
|
@@ -1435,9 +1438,9 @@ const Yo = /* @__PURE__ */ re({
|
|
|
1435
1438
|
}
|
|
1436
1439
|
return pe(
|
|
1437
1440
|
() => e.modelValue ?? e.defaultPhoneNumber,
|
|
1438
|
-
(
|
|
1439
|
-
|
|
1440
|
-
newPhoneNumber:
|
|
1441
|
+
(n, $) => {
|
|
1442
|
+
n !== $ && n !== S.value && h({
|
|
1443
|
+
newPhoneNumber: n,
|
|
1441
1444
|
autoFormat: e.autoFormat,
|
|
1442
1445
|
noFormattingAsYouType: e.noFormattingAsYouType
|
|
1443
1446
|
});
|
|
@@ -1447,9 +1450,9 @@ const Yo = /* @__PURE__ */ re({
|
|
|
1447
1450
|
}
|
|
1448
1451
|
), pe(
|
|
1449
1452
|
() => e.countryCode ?? e.defaultCountryCode,
|
|
1450
|
-
(
|
|
1451
|
-
|
|
1452
|
-
countryCode:
|
|
1453
|
+
(n, $) => {
|
|
1454
|
+
n && n !== $ && n !== s.value && Y({
|
|
1455
|
+
countryCode: n,
|
|
1453
1456
|
autoFormat: e.autoFormat,
|
|
1454
1457
|
noFormattingAsYouType: e.noFormattingAsYouType
|
|
1455
1458
|
});
|
|
@@ -1459,97 +1462,98 @@ const Yo = /* @__PURE__ */ re({
|
|
|
1459
1462
|
}
|
|
1460
1463
|
), pe(
|
|
1461
1464
|
p,
|
|
1462
|
-
(
|
|
1463
|
-
t("update",
|
|
1465
|
+
(n) => {
|
|
1466
|
+
t("update", n), t("data", n), n.e164 && n.isValid ? t("update:model-value", n.e164) : t("update:model-value", S.value), t("country-code", s.value), t("update:country-code", s.value);
|
|
1464
1467
|
},
|
|
1465
1468
|
{
|
|
1466
1469
|
immediate: !0
|
|
1467
1470
|
}
|
|
1468
|
-
), (
|
|
1471
|
+
), (n, $) => {
|
|
1469
1472
|
var E;
|
|
1470
1473
|
return V(), L(
|
|
1471
1474
|
"div",
|
|
1472
1475
|
{
|
|
1473
|
-
class: N(["m-phone-number-input", [e.class, { "--block":
|
|
1474
|
-
style: le(
|
|
1476
|
+
class: N(["m-phone-number-input", [e.class, { "--block": n.block }, n.orientation ? `--${n.orientation}` : void 0]]),
|
|
1477
|
+
style: le(n.style)
|
|
1475
1478
|
},
|
|
1476
1479
|
[
|
|
1477
|
-
|
|
1480
|
+
n.noCountrySelector ? g("v-if", !0) : (V(), O(Ko, {
|
|
1478
1481
|
key: 0,
|
|
1479
1482
|
id: P(y),
|
|
1480
1483
|
"model-value": s.value,
|
|
1481
|
-
color:
|
|
1482
|
-
size:
|
|
1483
|
-
"country-locale":
|
|
1484
|
-
"country-selector-display-name":
|
|
1485
|
-
"custom-countries-list":
|
|
1486
|
-
"ignored-countries":
|
|
1487
|
-
"list-position":
|
|
1488
|
-
"no-flags":
|
|
1489
|
-
"no-search":
|
|
1490
|
-
"exclude-selectors":
|
|
1491
|
-
error:
|
|
1492
|
-
success:
|
|
1484
|
+
color: n.color,
|
|
1485
|
+
size: n.size,
|
|
1486
|
+
"country-locale": n.countryLocale,
|
|
1487
|
+
"country-selector-display-name": n.countrySelectorDisplayName,
|
|
1488
|
+
"custom-countries-list": n.customCountriesList,
|
|
1489
|
+
"ignored-countries": n.ignoredCountries,
|
|
1490
|
+
"list-position": n.listPosition,
|
|
1491
|
+
"no-flags": n.noFlags,
|
|
1492
|
+
"no-search": n.noSearch,
|
|
1493
|
+
"exclude-selectors": n.excludeSelectors,
|
|
1494
|
+
error: n.error || (n.noValidationError ? !1 : !!S.value && !s.value),
|
|
1495
|
+
success: n.success || (n.noValidationSuccess ? !1 : (E = p.value) == null ? void 0 : E.isValid),
|
|
1493
1496
|
locales: I.value,
|
|
1494
|
-
disabled:
|
|
1495
|
-
"
|
|
1496
|
-
"
|
|
1497
|
-
"
|
|
1498
|
-
|
|
1497
|
+
disabled: n.disabled,
|
|
1498
|
+
"search-threshold": n.searchThreshold,
|
|
1499
|
+
"show-code-on-list": n.showCodeOnList,
|
|
1500
|
+
"only-countries": n.onlyCountries,
|
|
1501
|
+
"preferred-countries": n.preferredCountries,
|
|
1502
|
+
width: n.countrySelectorWidth,
|
|
1499
1503
|
"onUpdate:modelValue": v
|
|
1500
1504
|
}, {
|
|
1501
1505
|
"no-results": Q(() => [
|
|
1502
1506
|
g(`
|
|
1503
1507
|
@slot Replace the "no results" icon in the country selector list
|
|
1504
1508
|
`),
|
|
1505
|
-
R(
|
|
1509
|
+
R(n.$slots, "no-results", {}, void 0, !0)
|
|
1506
1510
|
]),
|
|
1507
|
-
"selector-flag": Q(({ countryCode:
|
|
1511
|
+
"selector-flag": Q(({ countryCode: T }) => [
|
|
1508
1512
|
g(`
|
|
1509
1513
|
@slot Country selector flag
|
|
1510
1514
|
@binding {String} country-code - current selected country code - Ex: \`"FR"\`
|
|
1511
1515
|
`),
|
|
1512
|
-
R(
|
|
1516
|
+
R(n.$slots, "selector-flag", { countryCode: T }, void 0, !0)
|
|
1513
1517
|
]),
|
|
1514
|
-
"country-list-flag": Q(({ isSelected:
|
|
1518
|
+
"country-list-flag": Q(({ isSelected: T, option: U }) => [
|
|
1515
1519
|
g(`
|
|
1516
1520
|
@slot Country list flag
|
|
1517
1521
|
@binding {String} country-code - country code of option - Ex: \`"FR"\`
|
|
1518
1522
|
@binding {{ iso2: string; dialCode: string; name: string; }} option - country data
|
|
1519
1523
|
@binding {Boolean} is-selected - \`true\` if option is selected
|
|
1520
1524
|
`),
|
|
1521
|
-
R(
|
|
1525
|
+
R(n.$slots, "country-list-flag", {
|
|
1522
1526
|
countryCode: U.iso2,
|
|
1523
1527
|
option: U,
|
|
1524
|
-
isSelected:
|
|
1528
|
+
isSelected: T
|
|
1525
1529
|
}, void 0, !0)
|
|
1526
1530
|
]),
|
|
1527
1531
|
_: 3
|
|
1528
1532
|
/* FORWARDED */
|
|
1529
|
-
}, 8, ["id", "model-value", "color", "size", "country-locale", "country-selector-display-name", "custom-countries-list", "ignored-countries", "list-position", "no-flags", "no-search", "exclude-selectors", "error", "success", "locales", "disabled", "show-code-on-list", "only-countries", "preferred-countries", "width"])),
|
|
1533
|
+
}, 8, ["id", "model-value", "color", "size", "country-locale", "country-selector-display-name", "custom-countries-list", "ignored-countries", "list-position", "no-flags", "no-search", "exclude-selectors", "error", "success", "locales", "disabled", "search-threshold", "show-code-on-list", "only-countries", "preferred-countries", "width"])),
|
|
1530
1534
|
Z(jo, se({
|
|
1531
1535
|
id: P(y),
|
|
1532
1536
|
ref_key: "PhoneInputRef",
|
|
1533
1537
|
ref: D,
|
|
1534
1538
|
"model-value": S.value,
|
|
1535
|
-
color:
|
|
1536
|
-
size:
|
|
1537
|
-
"no-example":
|
|
1539
|
+
color: n.color,
|
|
1540
|
+
size: n.size,
|
|
1541
|
+
"no-example": n.noExample,
|
|
1538
1542
|
block: "",
|
|
1539
|
-
disabled:
|
|
1540
|
-
},
|
|
1541
|
-
"has-radius": !
|
|
1542
|
-
success:
|
|
1543
|
-
error:
|
|
1543
|
+
disabled: n.disabled
|
|
1544
|
+
}, n.$attrs, {
|
|
1545
|
+
"has-radius": !n.noCountrySelector,
|
|
1546
|
+
success: n.success || (n.noValidationSuccess ? !1 : p.value.isValid),
|
|
1547
|
+
error: n.error || (n.noValidationError ? !1 : !!S.value && !p.value.isValid),
|
|
1544
1548
|
locales: I.value,
|
|
1545
|
-
"no-formatting-as-you-type":
|
|
1546
|
-
"auto-format":
|
|
1547
|
-
label:
|
|
1548
|
-
placeholder:
|
|
1549
|
-
"onUpdate:modelValue": $[0] || ($[0] = (
|
|
1550
|
-
newPhoneNumber:
|
|
1551
|
-
autoFormat:
|
|
1552
|
-
noFormattingAsYouType:
|
|
1549
|
+
"no-formatting-as-you-type": n.noFormattingAsYouType,
|
|
1550
|
+
"auto-format": n.autoFormat,
|
|
1551
|
+
label: n.label,
|
|
1552
|
+
placeholder: n.placeholder,
|
|
1553
|
+
"onUpdate:modelValue": $[0] || ($[0] = (T) => h({
|
|
1554
|
+
newPhoneNumber: T,
|
|
1555
|
+
autoFormat: n.autoFormat,
|
|
1556
|
+
noFormattingAsYouType: n.noFormattingAsYouType
|
|
1553
1557
|
}))
|
|
1554
1558
|
}), null, 16, ["id", "model-value", "color", "size", "no-example", "disabled", "has-radius", "success", "error", "locales", "no-formatting-as-you-type", "auto-format", "label", "placeholder"])
|
|
1555
1559
|
],
|
|
@@ -1558,7 +1562,7 @@ const Yo = /* @__PURE__ */ re({
|
|
|
1558
1562
|
);
|
|
1559
1563
|
};
|
|
1560
1564
|
}
|
|
1561
|
-
}), Go = /* @__PURE__ */ ue(Ho, [["__scopeId", "data-v-
|
|
1565
|
+
}), Go = /* @__PURE__ */ ue(Ho, [["__scopeId", "data-v-7d157444"]]);
|
|
1562
1566
|
export {
|
|
1563
1567
|
Go as M,
|
|
1564
1568
|
ue as _,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
|
|
2
|
-
import { _ as i } from "./MazPhoneNumberInput-
|
|
2
|
+
import { _ as i } from "./MazPhoneNumberInput-CSCiLEae.mjs";
|
|
3
3
|
import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
|
|
4
4
|
__name: "MazSpinner",
|
|
5
5
|
props: {
|
package/nuxt/index.json
CHANGED
package/package.json
CHANGED
|
@@ -44,6 +44,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
|
|
|
44
44
|
success?: boolean;
|
|
45
45
|
error?: boolean;
|
|
46
46
|
countrySelectorDisplayName?: boolean;
|
|
47
|
+
searchThreshold?: number;
|
|
47
48
|
width: string;
|
|
48
49
|
excludeSelectors?: string[];
|
|
49
50
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
@@ -71,6 +72,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
|
|
|
71
72
|
success?: boolean;
|
|
72
73
|
error?: boolean;
|
|
73
74
|
countrySelectorDisplayName?: boolean;
|
|
75
|
+
searchThreshold?: number;
|
|
74
76
|
width: string;
|
|
75
77
|
excludeSelectors?: string[];
|
|
76
78
|
}> & Readonly<{
|
|
@@ -44,6 +44,11 @@ export interface Props {
|
|
|
44
44
|
noExample?: boolean;
|
|
45
45
|
/** Disable search input in country list */
|
|
46
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;
|
|
47
52
|
/** By default the component use the browser locale to set the default country code if not country code is provided */
|
|
48
53
|
noUseBrowserLocale?: boolean;
|
|
49
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 */
|
|
@@ -217,6 +222,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
|
|
|
217
222
|
modelValue: string;
|
|
218
223
|
placeholder: string;
|
|
219
224
|
listPosition: Position;
|
|
225
|
+
searchThreshold: number;
|
|
220
226
|
excludeSelectors: string[];
|
|
221
227
|
preferredCountries: CountryCode[];
|
|
222
228
|
ignoredCountries: CountryCode[];
|