maz-ui 4.1.7-beta.8 → 4.1.8-beta.0
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/dist/assets/MazBackdrop.CO7YPR-g.css +1 -0
- package/dist/assets/{MazDropzone.B5e-z_Ba.css → MazDropzone.Ch5EPpDi.css} +1 -1
- package/dist/assets/MazInputPhoneNumber.BGz17BIE.css +1 -0
- package/dist/assets/MazSelect.Dx9yL9AD.css +1 -0
- package/dist/chunks/{MazInputPhoneNumber.CbNnLvU_.js → MazInputPhoneNumber.BxMymgj-.js} +7 -6
- package/dist/chunks/{PhoneInput.DQZjDqMK.js → PhoneInput.BUiv9fYr.js} +1 -1
- package/dist/components/MazBackdrop.js +2 -2
- package/dist/components/MazDropzone.js +23 -29
- package/dist/components/MazInputPhoneNumber.js +1 -1
- package/dist/components/MazSelect.js +13 -11
- package/dist/components/index.js +1 -1
- package/dist/types/components/MazDropzone.vue.d.ts +0 -5
- package/package.json +11 -11
- package/dist/assets/MazBackdrop.09bziTPM.css +0 -1
- package/dist/assets/MazInputPhoneNumber.Baeyskod.css +0 -1
- package/dist/assets/MazSelect.CvoR958a.css +0 -1
- package/dist/components/MazAccordion.vue.d.ts +0 -36
- package/dist/components/MazAnimatedCounter.vue.d.ts +0 -59
- package/dist/components/MazAnimatedElement.vue.d.ts +0 -44
- package/dist/components/MazAnimatedText.vue.d.ts +0 -57
- package/dist/components/MazAvatar.vue.d.ts +0 -99
- package/dist/components/MazBackdrop.vue.d.ts +0 -91
- package/dist/components/MazBadge.vue.d.ts +0 -61
- package/dist/components/MazBottomSheet.vue.d.ts +0 -35
- package/dist/components/MazBtn.vue.d.ts +0 -105
- package/dist/components/MazCard.vue.d.ts +0 -81
- package/dist/components/MazCardSpotlight.vue.d.ts +0 -57
- package/dist/components/MazCarousel.vue.d.ts +0 -48
- package/dist/components/MazChart.vue.d.ts +0 -53
- package/dist/components/MazCheckbox.vue.d.ts +0 -55
- package/dist/components/MazChecklist.vue.d.ts +0 -87
- package/dist/components/MazCircularProgressBar.vue.d.ts +0 -106
- package/dist/components/MazDatePicker/MazPickerCalendar.vue.d.ts +0 -28
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue.d.ts +0 -20
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts +0 -133
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts +0 -142
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.vue.d.ts +0 -42
- package/dist/components/MazDatePicker/MazPickerContainer.vue.d.ts +0 -38
- package/dist/components/MazDatePicker/MazPickerHeader.vue.d.ts +0 -15
- package/dist/components/MazDatePicker/MazPickerMonthSwitcher.vue.d.ts +0 -44
- package/dist/components/MazDatePicker/MazPickerShortcuts.vue.d.ts +0 -16
- package/dist/components/MazDatePicker/MazPickerTime.vue.d.ts +0 -107
- package/dist/components/MazDatePicker/MazPickerYearSwitcher.vue.d.ts +0 -36
- package/dist/components/MazDatePicker/types.d.ts +0 -14
- package/dist/components/MazDatePicker/utils.d.ts +0 -61
- package/dist/components/MazDatePicker.vue.d.ts +0 -567
- package/dist/components/MazDialog.vue.d.ts +0 -247
- package/dist/components/MazDialogConfirm/useMazDialogConfirm.d.ts +0 -47
- package/dist/components/MazDialogConfirm.vue.d.ts +0 -270
- package/dist/components/MazDrawer.vue.d.ts +0 -52
- package/dist/components/MazDropdown.vue.d.ts +0 -246
- package/dist/components/MazDropzone.vue.d.ts +0 -299
- package/dist/components/MazExpandAnimation.vue.d.ts +0 -44
- package/dist/components/MazFullscreenLoader.vue.d.ts +0 -26
- package/dist/components/MazGallery.vue.d.ts +0 -85
- package/dist/components/MazIcon.vue.d.ts +0 -33
- package/dist/components/MazInput.vue.d.ts +0 -225
- package/dist/components/MazInputCode.vue.d.ts +0 -49
- package/dist/components/MazInputNumber.vue.d.ts +0 -125
- package/dist/components/MazInputPhoneNumber/PhoneInput.vue.d.ts +0 -29
- package/dist/components/MazInputPhoneNumber/useLibphonenumber.d.ts +0 -26
- package/dist/components/MazInputPhoneNumber/useMazInputPhoneNumber.d.ts +0 -26
- package/dist/components/MazInputPhoneNumber.vue.d.ts +0 -421
- package/dist/components/MazInputPrice.vue.d.ts +0 -48
- package/dist/components/MazInputTags.vue.d.ts +0 -51
- package/dist/components/MazLazyImg.vue.d.ts +0 -78
- package/dist/components/MazLink.vue.d.ts +0 -116
- package/dist/components/MazLoadingBar.vue.d.ts +0 -12
- package/dist/components/MazPagination.vue.d.ts +0 -83
- package/dist/components/MazPopover.vue.d.ts +0 -258
- package/dist/components/MazPullToRefresh.vue.d.ts +0 -52
- package/dist/components/MazRadio.vue.d.ts +0 -55
- package/dist/components/MazRadioButtons.vue.d.ts +0 -74
- package/dist/components/MazReadingProgressBar.vue.d.ts +0 -55
- package/dist/components/MazSelect.vue.d.ts +0 -209
- package/dist/components/MazSelectCountry.vue.d.ts +0 -171
- package/dist/components/MazSlider/utils.d.ts +0 -15
- package/dist/components/MazSlider.vue.d.ts +0 -31
- package/dist/components/MazSpinner.vue.d.ts +0 -15
- package/dist/components/MazStepper.vue.d.ts +0 -60
- package/dist/components/MazSwitch.vue.d.ts +0 -69
- package/dist/components/MazTable.vue.d.ts +0 -324
- package/dist/components/MazTableCell.vue.d.ts +0 -17
- package/dist/components/MazTableRow.vue.d.ts +0 -23
- package/dist/components/MazTableTitle.vue.d.ts +0 -17
- package/dist/components/MazTabs.vue.d.ts +0 -30
- package/dist/components/MazTabsBar.vue.d.ts +0 -96
- package/dist/components/MazTabsContent.vue.d.ts +0 -17
- package/dist/components/MazTabsContentItem.vue.d.ts +0 -31
- package/dist/components/MazTextarea.vue.d.ts +0 -88
- package/dist/components/constantes.d.ts +0 -2
- package/dist/components/index.d.ts +0 -109
- package/dist/components/types.d.ts +0 -4
- package/dist/composables/index.d.ts +0 -22
- package/dist/composables/useAos.d.ts +0 -2
- package/dist/composables/useBreakpoints.d.ts +0 -38
- package/dist/composables/useDialog.d.ts +0 -2
- package/dist/composables/useDisplayNames.d.ts +0 -101
- package/dist/composables/useDropzone.d.ts +0 -27
- package/dist/composables/useFormField.d.ts +0 -16
- package/dist/composables/useFormValidator/config.d.ts +0 -7
- package/dist/composables/useFormValidator/dom-events.d.ts +0 -19
- package/dist/composables/useFormValidator/state-management.d.ts +0 -72
- package/dist/composables/useFormValidator/types.d.ts +0 -98
- package/dist/composables/useFormValidator/validation.d.ts +0 -37
- package/dist/composables/useFormValidator.d.ts +0 -23
- package/dist/composables/useFreezeValue.d.ts +0 -5
- package/dist/composables/useIdleTimeout.d.ts +0 -5
- package/dist/composables/useInjectStrict.d.ts +0 -2
- package/dist/composables/useInstanceUniqId.d.ts +0 -4
- package/dist/composables/useMountComponent.d.ts +0 -14
- package/dist/composables/useMutationObserver.d.ts +0 -13
- package/dist/composables/useReadingTime.d.ts +0 -25
- package/dist/composables/useStringMatching.d.ts +0 -5
- package/dist/composables/useSwipe.d.ts +0 -14
- package/dist/composables/useTimer.d.ts +0 -30
- package/dist/composables/useToast.d.ts +0 -22
- package/dist/composables/useUserVisibility.d.ts +0 -5
- package/dist/composables/useWait.d.ts +0 -2
- package/dist/composables/useWindowSize.d.ts +0 -32
- package/dist/directives/index.d.ts +0 -5
- package/dist/directives/vClickOutside.d.ts +0 -36
- package/dist/directives/vFullscreenImg/MazFullscreenImg.vue.d.ts +0 -50
- package/dist/directives/vFullscreenImg/fullscreen-img.directive.d.ts +0 -5
- package/dist/directives/vFullscreenImg/fullscreen-img.handler.d.ts +0 -36
- package/dist/directives/vFullscreenImg.d.ts +0 -11
- package/dist/directives/vLazyImg/lazy-img.directive.d.ts +0 -5
- package/dist/directives/vLazyImg/lazy-img.handler.d.ts +0 -38
- package/dist/directives/vLazyImg/types.d.ts +0 -29
- package/dist/directives/vLazyImg.d.ts +0 -12
- package/dist/directives/vTooltip.d.ts +0 -54
- package/dist/directives/vZoomImg/style.d.ts +0 -1
- package/dist/directives/vZoomImg/svgs.d.ts +0 -3
- package/dist/directives/vZoomImg/zoom-img.directive.d.ts +0 -8
- package/dist/directives/vZoomImg/zoom-img.handler.d.ts +0 -46
- package/dist/directives/vZoomImg.d.ts +0 -10
- package/dist/index.d.ts +0 -1
- package/dist/plugins/aos.d.ts +0 -81
- package/dist/plugins/dialog/DialogHandler.d.ts +0 -16
- package/dist/plugins/dialog.d.ts +0 -26
- package/dist/plugins/index.d.ts +0 -5
- package/dist/plugins/maz-ui.d.ts +0 -43
- package/dist/plugins/toast/MazToast.vue.d.ts +0 -34
- package/dist/plugins/toast/ToastHandler.d.ts +0 -29
- package/dist/plugins/toast/types.d.ts +0 -104
- package/dist/plugins/toast.d.ts +0 -25
- package/dist/plugins/wait.d.ts +0 -33
- package/dist/resolvers/MazComponentsResolver.d.ts +0 -10
- package/dist/resolvers/MazDirectivesResolver.d.ts +0 -11
- package/dist/resolvers/MazModulesResolver.d.ts +0 -11
- package/dist/resolvers/index.d.ts +0 -3
- package/dist/tailwindcss/index.d.ts +0 -6
- package/dist/tailwindcss/tailwind.config.d.ts +0 -89
- package/dist/tailwindcss/utils/colors.d.ts +0 -7
- package/dist/tailwindcss/variables/breakpoints.d.ts +0 -15
- package/dist/tailwindcss/variables/colors.d.ts +0 -21
- package/dist/tailwindcss/variables/design-tokens.d.ts +0 -35
- package/dist/tailwindcss/variables/utilities.d.ts +0 -17
- package/dist/tailwindcss/variables/z-indexes.d.ts +0 -14
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { IconComponent } from '@maz-ui/icons';
|
|
2
|
-
import { HTMLAttributes } from 'vue';
|
|
3
|
-
import { RouteLocationRaw } from 'vue-router';
|
|
4
|
-
import { MazColor } from './types';
|
|
5
|
-
export interface MazLinkProps {
|
|
6
|
-
/**
|
|
7
|
-
* The class attribute of the link
|
|
8
|
-
* @default undefined
|
|
9
|
-
*/
|
|
10
|
-
class?: HTMLAttributes['class'];
|
|
11
|
-
/**
|
|
12
|
-
* The style attribute of the link
|
|
13
|
-
* @default undefined
|
|
14
|
-
*/
|
|
15
|
-
style?: HTMLAttributes['style'];
|
|
16
|
-
/**
|
|
17
|
-
* The component to use for the link - if not provided, it will be `router-link` if `to` is provided, will be `a` if `href` is provided, otherwise it will be `button`, you can force the component to be used with `as` prop
|
|
18
|
-
* @default depends on the provided props
|
|
19
|
-
* @values 'a', 'router-link', 'nuxt-link', 'button'
|
|
20
|
-
*/
|
|
21
|
-
as?: string | 'a' | 'router-link' | 'nuxt-link' | 'button';
|
|
22
|
-
/**
|
|
23
|
-
* The id of the link
|
|
24
|
-
* @default undefined
|
|
25
|
-
*/
|
|
26
|
-
id?: string;
|
|
27
|
-
/**
|
|
28
|
-
* The title of the link
|
|
29
|
-
* @default undefined
|
|
30
|
-
*/
|
|
31
|
-
title?: string;
|
|
32
|
-
/**
|
|
33
|
-
* The href of the link
|
|
34
|
-
* @default undefined
|
|
35
|
-
*/
|
|
36
|
-
href?: string;
|
|
37
|
-
/** The route location (router-link) of the link */
|
|
38
|
-
to?: RouteLocationRaw;
|
|
39
|
-
/**
|
|
40
|
-
* The color of the link
|
|
41
|
-
* @default 'primary'
|
|
42
|
-
* When 'none', the link will not have any color, so it will inherit the color of the parent
|
|
43
|
-
*/
|
|
44
|
-
color?: MazColor | 'muted' | 'background' | 'inherit';
|
|
45
|
-
/**
|
|
46
|
-
* The target of the link
|
|
47
|
-
* @default '_self'
|
|
48
|
-
* @values '_blank', '_self', '_parent', '_top'
|
|
49
|
-
*/
|
|
50
|
-
target?: '_blank' | '_self' | '_parent' | '_top' | string;
|
|
51
|
-
/**
|
|
52
|
-
* The download of the link
|
|
53
|
-
* @default undefined
|
|
54
|
-
*/
|
|
55
|
-
download?: string;
|
|
56
|
-
/**
|
|
57
|
-
* The rel of the link
|
|
58
|
-
* @default undefined
|
|
59
|
-
*/
|
|
60
|
-
rel?: string;
|
|
61
|
-
/**
|
|
62
|
-
* The aria-label of the link
|
|
63
|
-
* @default undefined
|
|
64
|
-
*/
|
|
65
|
-
ariaLabel?: string;
|
|
66
|
-
/**
|
|
67
|
-
* Add an underline to the link
|
|
68
|
-
* @default false
|
|
69
|
-
*/
|
|
70
|
-
underline?: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Add an underline only on hover
|
|
73
|
-
* @default true
|
|
74
|
-
*/
|
|
75
|
-
underlineHover?: boolean;
|
|
76
|
-
/**
|
|
77
|
-
* Add an external icon to the link if target is '_blank'
|
|
78
|
-
* @default true
|
|
79
|
-
*/
|
|
80
|
-
autoExternal?: boolean;
|
|
81
|
-
/**
|
|
82
|
-
* The name of the icon or component to display on the left of the text
|
|
83
|
-
* `@type` `{string | FunctionalComponent | ComponentPublicInstance | Component}`
|
|
84
|
-
*/
|
|
85
|
-
leftIcon?: string | IconComponent;
|
|
86
|
-
/**
|
|
87
|
-
* The name of the icon or component to display on the right of the text
|
|
88
|
-
* `@type` `{string | FunctionalComponent | ComponentPublicInstance | Component}`
|
|
89
|
-
*/
|
|
90
|
-
rightIcon?: string | IconComponent;
|
|
91
|
-
/**
|
|
92
|
-
* The disabled state of the link if the component is a button
|
|
93
|
-
* @default false
|
|
94
|
-
*/
|
|
95
|
-
disabled?: boolean;
|
|
96
|
-
}
|
|
97
|
-
declare function __VLS_template(): {
|
|
98
|
-
attrs: Partial<{}>;
|
|
99
|
-
slots: {
|
|
100
|
-
'left-icon'?(_: {}): any;
|
|
101
|
-
default?(_: {}): any;
|
|
102
|
-
'right-icon'?(_: {}): any;
|
|
103
|
-
'external-icon'?(_: {}): any;
|
|
104
|
-
};
|
|
105
|
-
refs: {};
|
|
106
|
-
rootEl: any;
|
|
107
|
-
};
|
|
108
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
109
|
-
declare const __VLS_component: import('vue').DefineComponent<MazLinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
110
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
111
|
-
export default _default;
|
|
112
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
113
|
-
new (): {
|
|
114
|
-
$slots: S;
|
|
115
|
-
};
|
|
116
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { MazColor } from './types';
|
|
2
|
-
export interface MazLoadingBarProps {
|
|
3
|
-
/** The color of the component. */
|
|
4
|
-
color?: MazColor;
|
|
5
|
-
/** The height of the component. */
|
|
6
|
-
height?: string;
|
|
7
|
-
}
|
|
8
|
-
declare const _default: import('vue').DefineComponent<MazLoadingBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazLoadingBarProps> & Readonly<{}>, {
|
|
9
|
-
height: string;
|
|
10
|
-
color: MazColor;
|
|
11
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
12
|
-
export default _default;
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { MazBtnProps } from './MazBtn.vue';
|
|
2
|
-
import { MazColor, MazSize } from './types';
|
|
3
|
-
export interface MazPaginationProps {
|
|
4
|
-
/**
|
|
5
|
-
* The current page number.
|
|
6
|
-
* @model
|
|
7
|
-
* @default 1
|
|
8
|
-
*/
|
|
9
|
-
modelValue?: number;
|
|
10
|
-
/**
|
|
11
|
-
* Props apply to the MazBtn components.
|
|
12
|
-
* @type {Partial<MazBtnProps>}
|
|
13
|
-
* @default undefined
|
|
14
|
-
*/
|
|
15
|
-
buttonProps?: Partial<MazBtnProps>;
|
|
16
|
-
/**
|
|
17
|
-
* Number of results in this page. Useful for accessibility to set aria-setsize attribute. Partial of MazBtn props.
|
|
18
|
-
* @default undefined
|
|
19
|
-
*/
|
|
20
|
-
resultsSize?: number;
|
|
21
|
-
/**
|
|
22
|
-
* Color of the active button.
|
|
23
|
-
* @values 'contrast', 'primary', 'secondary', 'info', 'success', 'warning', 'destructive', 'accent', 'background'
|
|
24
|
-
* @default 'contrast'
|
|
25
|
-
*/
|
|
26
|
-
activeColor?: MazColor | 'background';
|
|
27
|
-
/**
|
|
28
|
-
* Size of the buttons.
|
|
29
|
-
* @values 'mini', 'xs', 'sm', 'md', 'lg', 'xl'
|
|
30
|
-
* @default 'md'
|
|
31
|
-
*/
|
|
32
|
-
size?: MazSize;
|
|
33
|
-
/**
|
|
34
|
-
* Total number of pages.
|
|
35
|
-
* @default 10
|
|
36
|
-
*/
|
|
37
|
-
totalPages: number;
|
|
38
|
-
/**
|
|
39
|
-
* Number of buttons to display before and after the current page.
|
|
40
|
-
* @default 1
|
|
41
|
-
*/
|
|
42
|
-
pageRange?: number;
|
|
43
|
-
/**
|
|
44
|
-
* Enable loading state of current button
|
|
45
|
-
* @default false
|
|
46
|
-
*/
|
|
47
|
-
loading?: boolean;
|
|
48
|
-
}
|
|
49
|
-
declare function __VLS_template(): {
|
|
50
|
-
attrs: Partial<{}>;
|
|
51
|
-
slots: {
|
|
52
|
-
'first-page-sr'?(_: {
|
|
53
|
-
page: number;
|
|
54
|
-
}): any;
|
|
55
|
-
'previous-page-sr'?(_: {
|
|
56
|
-
page: number;
|
|
57
|
-
}): any;
|
|
58
|
-
'page-sr'?(_: {
|
|
59
|
-
page: number;
|
|
60
|
-
}): any;
|
|
61
|
-
'next-page-sr'?(_: {
|
|
62
|
-
page: number;
|
|
63
|
-
}): any;
|
|
64
|
-
'last-page-sr'?(_: {
|
|
65
|
-
page: number;
|
|
66
|
-
}): any;
|
|
67
|
-
};
|
|
68
|
-
refs: {};
|
|
69
|
-
rootEl: HTMLElement;
|
|
70
|
-
};
|
|
71
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
72
|
-
declare const __VLS_component: import('vue').DefineComponent<MazPaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
73
|
-
"update:model-value": (value: number) => any;
|
|
74
|
-
}, string, import('vue').PublicProps, Readonly<MazPaginationProps> & Readonly<{
|
|
75
|
-
"onUpdate:model-value"?: ((value: number) => any) | undefined;
|
|
76
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
77
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
78
|
-
export default _default;
|
|
79
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
80
|
-
new (): {
|
|
81
|
-
$slots: S;
|
|
82
|
-
};
|
|
83
|
-
};
|
|
@@ -1,258 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'vue';
|
|
2
|
-
import { MazColor } from './types';
|
|
3
|
-
type __VLS_Props = MazPopoverProps;
|
|
4
|
-
export type MazPopoverPosition = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'auto';
|
|
5
|
-
export type MazPopoverPreferPosition = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
|
|
6
|
-
export type MazPopoverFallbackPosition = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
|
|
7
|
-
export type MazPopoverTrigger = 'click' | 'hover' | 'manual' | 'adaptive';
|
|
8
|
-
export type MazPopoverRole = 'dialog' | 'tooltip' | 'menu';
|
|
9
|
-
export interface MazPopoverProps {
|
|
10
|
-
/**
|
|
11
|
-
* Controls the popover open state
|
|
12
|
-
* @model
|
|
13
|
-
* @type {boolean}
|
|
14
|
-
* @default false
|
|
15
|
-
*/
|
|
16
|
-
modelValue?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Position of the popover relative to trigger
|
|
19
|
-
* @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
|
|
20
|
-
* @default auto
|
|
21
|
-
* @description Position of the popover relative to trigger
|
|
22
|
-
*/
|
|
23
|
-
position?: MazPopoverPosition;
|
|
24
|
-
/**
|
|
25
|
-
* Preferred position of the popover relative to trigger when auto position is used
|
|
26
|
-
* @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
|
|
27
|
-
* @default 'bottom-start'
|
|
28
|
-
* @description Preferred position of the popover relative to trigger
|
|
29
|
-
*/
|
|
30
|
-
preferPosition?: MazPopoverPreferPosition;
|
|
31
|
-
/**
|
|
32
|
-
* Fallback position of the popover relative to trigger when prefer position is not visible
|
|
33
|
-
* @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
|
|
34
|
-
* @default auto
|
|
35
|
-
* @description Fallback position of the popover relative to trigger
|
|
36
|
-
*/
|
|
37
|
-
fallbackPosition?: MazPopoverFallbackPosition;
|
|
38
|
-
/**
|
|
39
|
-
* How the popover is triggered
|
|
40
|
-
* @values click, hover, manual, adaptive
|
|
41
|
-
* @default click
|
|
42
|
-
* @description How the popover is triggered. 'adaptive' uses hover on desktop and click on mobile
|
|
43
|
-
*/
|
|
44
|
-
trigger?: MazPopoverTrigger;
|
|
45
|
-
/**
|
|
46
|
-
* ARIA role for accessibility
|
|
47
|
-
* @values dialog, tooltip
|
|
48
|
-
* @default dialog
|
|
49
|
-
* @description ARIA role for accessibility
|
|
50
|
-
*/
|
|
51
|
-
role?: MazPopoverRole;
|
|
52
|
-
/**
|
|
53
|
-
* ARIA label for the popover
|
|
54
|
-
* @default undefined
|
|
55
|
-
*/
|
|
56
|
-
ariaLabel?: string;
|
|
57
|
-
/**
|
|
58
|
-
* Announce content changes to screen readers
|
|
59
|
-
* @default false
|
|
60
|
-
*/
|
|
61
|
-
announceChanges?: boolean;
|
|
62
|
-
/**
|
|
63
|
-
* Disables the popover
|
|
64
|
-
* @default false
|
|
65
|
-
* @description Disables the popover
|
|
66
|
-
*/
|
|
67
|
-
disabled?: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Distance between trigger and popover in pixels
|
|
70
|
-
* @default 8
|
|
71
|
-
*/
|
|
72
|
-
offset?: number;
|
|
73
|
-
/**
|
|
74
|
-
* Delay before showing/hiding in milliseconds
|
|
75
|
-
* @default 0
|
|
76
|
-
*/
|
|
77
|
-
delay?: number;
|
|
78
|
-
/**
|
|
79
|
-
* Delay before closing on hover in milliseconds
|
|
80
|
-
* @default 150
|
|
81
|
-
*/
|
|
82
|
-
hoverDelay?: number;
|
|
83
|
-
/**
|
|
84
|
-
* CSS transition name for animations
|
|
85
|
-
* @default popover
|
|
86
|
-
*/
|
|
87
|
-
transition?: 'scale-pop' | 'scale-fade' | string;
|
|
88
|
-
/**
|
|
89
|
-
* Teleport target selector
|
|
90
|
-
* @default body
|
|
91
|
-
*/
|
|
92
|
-
teleportTo?: string;
|
|
93
|
-
/**
|
|
94
|
-
* Additional CSS classes for the overlay wrapper
|
|
95
|
-
* @default undefined
|
|
96
|
-
*/
|
|
97
|
-
overlayClass?: HTMLAttributes['class'];
|
|
98
|
-
/**
|
|
99
|
-
* Additional CSS classes for the popover panel
|
|
100
|
-
* @default undefined
|
|
101
|
-
*/
|
|
102
|
-
panelClass?: HTMLAttributes['class'];
|
|
103
|
-
/**
|
|
104
|
-
* Inline styles for the popover panel
|
|
105
|
-
* @default undefined
|
|
106
|
-
*/
|
|
107
|
-
panelStyle?: HTMLAttributes['style'];
|
|
108
|
-
/**
|
|
109
|
-
* Close popover when clicking outside
|
|
110
|
-
* @default true
|
|
111
|
-
*/
|
|
112
|
-
closeOnClickOutside?: boolean;
|
|
113
|
-
/**
|
|
114
|
-
* Close popover when pressing Escape key
|
|
115
|
-
* @default true
|
|
116
|
-
*/
|
|
117
|
-
closeOnEscape?: boolean;
|
|
118
|
-
/**
|
|
119
|
-
* Prevent auto-close (ignores click outside and escape key)
|
|
120
|
-
* @default false
|
|
121
|
-
*/
|
|
122
|
-
persistent?: boolean;
|
|
123
|
-
/**
|
|
124
|
-
* Custom ID for the popover element
|
|
125
|
-
* @default undefined
|
|
126
|
-
*/
|
|
127
|
-
id?: string;
|
|
128
|
-
/**
|
|
129
|
-
* ARIA labelledby attribute for accessibility
|
|
130
|
-
* @default undefined
|
|
131
|
-
*/
|
|
132
|
-
ariaLabelledby?: string;
|
|
133
|
-
/**
|
|
134
|
-
* ARIA describedby attribute for accessibility
|
|
135
|
-
* @default undefined
|
|
136
|
-
*/
|
|
137
|
-
ariaDescribedby?: string;
|
|
138
|
-
/**
|
|
139
|
-
* Color variant of the popover
|
|
140
|
-
* @values primary, secondary, accent, info, success, warning, destructive, contrast, background
|
|
141
|
-
* @default background
|
|
142
|
-
*/
|
|
143
|
-
color?: MazColor | 'background';
|
|
144
|
-
/**
|
|
145
|
-
* Trap focus inside the popover
|
|
146
|
-
* @default true
|
|
147
|
-
*/
|
|
148
|
-
trapFocus?: boolean;
|
|
149
|
-
/**
|
|
150
|
-
* Keep popover open when hovering over the panel
|
|
151
|
-
* @default false
|
|
152
|
-
*/
|
|
153
|
-
keepOpenOnHover?: boolean;
|
|
154
|
-
/**
|
|
155
|
-
* The popover will be full width of the trigger
|
|
156
|
-
* @default false
|
|
157
|
-
*/
|
|
158
|
-
block?: boolean;
|
|
159
|
-
/**
|
|
160
|
-
* CSS selector or element reference to use for positioning calculations
|
|
161
|
-
* @description When provided, the popover will position relative to this element instead of the trigger
|
|
162
|
-
* Useful for components with labels where you want to position relative to the actual input
|
|
163
|
-
* @type {string | HTMLElement}
|
|
164
|
-
* @default undefined
|
|
165
|
-
* @example "input" or "#my-input" or HTMLElement
|
|
166
|
-
*/
|
|
167
|
-
positionReference?: string | HTMLElement;
|
|
168
|
-
}
|
|
169
|
-
declare function open(): void;
|
|
170
|
-
declare function close(): void;
|
|
171
|
-
declare function toggle(): void;
|
|
172
|
-
declare const __VLS_defaults: {
|
|
173
|
-
modelValue: boolean;
|
|
174
|
-
};
|
|
175
|
-
type __VLS_PublicProps = {
|
|
176
|
-
modelValue?: typeof __VLS_defaults['modelValue'];
|
|
177
|
-
} & __VLS_Props;
|
|
178
|
-
declare function __VLS_template(): {
|
|
179
|
-
attrs: Partial<{}>;
|
|
180
|
-
slots: {
|
|
181
|
-
trigger?(_: {
|
|
182
|
-
open: typeof open;
|
|
183
|
-
close: typeof close;
|
|
184
|
-
toggle: typeof toggle;
|
|
185
|
-
isOpen: boolean;
|
|
186
|
-
trigger: "click" | "hover" | "manual";
|
|
187
|
-
}): any;
|
|
188
|
-
default?(_: {
|
|
189
|
-
open: typeof open;
|
|
190
|
-
close: typeof close;
|
|
191
|
-
toggle: typeof toggle;
|
|
192
|
-
isOpen: true;
|
|
193
|
-
}): any;
|
|
194
|
-
};
|
|
195
|
-
refs: {
|
|
196
|
-
trigger: HTMLDivElement;
|
|
197
|
-
panel: HTMLDivElement;
|
|
198
|
-
};
|
|
199
|
-
rootEl: any;
|
|
200
|
-
};
|
|
201
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
202
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
203
|
-
/**
|
|
204
|
-
* Open the popover
|
|
205
|
-
* @description Programmatically open the popover
|
|
206
|
-
* @usage `mazPopoverInstance.value?.open()`
|
|
207
|
-
*/
|
|
208
|
-
open: typeof open;
|
|
209
|
-
/**
|
|
210
|
-
* Close the popover
|
|
211
|
-
* @description Programmatically close the popover
|
|
212
|
-
* @usage `mazPopoverInstance.value?.close()`
|
|
213
|
-
*/
|
|
214
|
-
close: typeof close;
|
|
215
|
-
/**
|
|
216
|
-
* Toggle the popover
|
|
217
|
-
* @description Programmatically toggle the popover open/close state
|
|
218
|
-
* @usage `mazPopoverInstance.value?.toggle()`
|
|
219
|
-
*/
|
|
220
|
-
toggle: typeof toggle;
|
|
221
|
-
/**
|
|
222
|
-
* Check if the popover is open
|
|
223
|
-
* @type {ModelRef<boolean>}
|
|
224
|
-
* @description Reactive reference to the popover open state
|
|
225
|
-
* @usage `const isPopoverOpen = mazPopoverInstance.value?.isOpen`
|
|
226
|
-
*/
|
|
227
|
-
isOpen: import('vue').ModelRef<boolean, string, boolean, boolean>;
|
|
228
|
-
/**
|
|
229
|
-
* Update the popover position
|
|
230
|
-
* @description Manually recalculate and update the popover position
|
|
231
|
-
* @usage `mazPopoverInstance.value?.updatePosition()`
|
|
232
|
-
*/
|
|
233
|
-
updatePosition: () => void;
|
|
234
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
235
|
-
close: () => any;
|
|
236
|
-
toggle: (value: boolean) => any;
|
|
237
|
-
open: () => any;
|
|
238
|
-
"update:model-value": (value: boolean) => any;
|
|
239
|
-
"update:modelValue": (value: boolean) => any;
|
|
240
|
-
"after-close-animation": () => any;
|
|
241
|
-
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
242
|
-
onClose?: (() => any) | undefined;
|
|
243
|
-
onToggle?: ((value: boolean) => any) | undefined;
|
|
244
|
-
onOpen?: (() => any) | undefined;
|
|
245
|
-
"onUpdate:model-value"?: ((value: boolean) => any) | undefined;
|
|
246
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
247
|
-
"onAfter-close-animation"?: (() => any) | undefined;
|
|
248
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
249
|
-
trigger: HTMLDivElement;
|
|
250
|
-
panel: HTMLDivElement;
|
|
251
|
-
}, any>;
|
|
252
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
253
|
-
export default _default;
|
|
254
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
255
|
-
new (): {
|
|
256
|
-
$slots: S;
|
|
257
|
-
};
|
|
258
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { MazColor } from './types';
|
|
2
|
-
export interface MazPullToRefreshProps {
|
|
3
|
-
distance?: number;
|
|
4
|
-
offset?: number;
|
|
5
|
-
onClick?: () => unknown;
|
|
6
|
-
containerSelector?: string;
|
|
7
|
-
headerClass?: string;
|
|
8
|
-
spinnerColor?: MazColor;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
standaloneMode?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare function __VLS_template(): {
|
|
13
|
-
attrs: Partial<{}>;
|
|
14
|
-
slots: {
|
|
15
|
-
'pull-before'?(_: {}): any;
|
|
16
|
-
'pull-ready'?(_: {}): any;
|
|
17
|
-
'pull-loading'?(_: {}): any;
|
|
18
|
-
default?(_: {}): any;
|
|
19
|
-
};
|
|
20
|
-
refs: {};
|
|
21
|
-
rootEl: HTMLDivElement;
|
|
22
|
-
};
|
|
23
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
24
|
-
declare const __VLS_component: import('vue').DefineComponent<MazPullToRefreshProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
25
|
-
error: (...args: any[]) => void;
|
|
26
|
-
loaded: (...args: any[]) => void;
|
|
27
|
-
start: (...args: any[]) => void;
|
|
28
|
-
response: (...args: any[]) => void;
|
|
29
|
-
finish: (...args: any[]) => void;
|
|
30
|
-
}, string, import('vue').PublicProps, Readonly<MazPullToRefreshProps> & Readonly<{
|
|
31
|
-
onError?: ((...args: any[]) => any) | undefined;
|
|
32
|
-
onLoaded?: ((...args: any[]) => any) | undefined;
|
|
33
|
-
onStart?: ((...args: any[]) => any) | undefined;
|
|
34
|
-
onResponse?: ((...args: any[]) => any) | undefined;
|
|
35
|
-
onFinish?: ((...args: any[]) => any) | undefined;
|
|
36
|
-
}>, {
|
|
37
|
-
onClick: () => unknown;
|
|
38
|
-
disabled: boolean;
|
|
39
|
-
offset: number;
|
|
40
|
-
distance: number;
|
|
41
|
-
containerSelector: string;
|
|
42
|
-
headerClass: string;
|
|
43
|
-
spinnerColor: MazColor;
|
|
44
|
-
standaloneMode: boolean;
|
|
45
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
46
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
47
|
-
export default _default;
|
|
48
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
-
new (): {
|
|
50
|
-
$slots: S;
|
|
51
|
-
};
|
|
52
|
-
};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'vue';
|
|
2
|
-
import { MazColor, MazSize } from './types';
|
|
3
|
-
export interface MazRadioProps<T = string | number | boolean> {
|
|
4
|
-
/** Style attribut of the component root element */
|
|
5
|
-
style?: HTMLAttributes['style'];
|
|
6
|
-
/** Class attribut of the component root element */
|
|
7
|
-
class?: HTMLAttributes['class'];
|
|
8
|
-
/** The id of the radio */
|
|
9
|
-
id?: string;
|
|
10
|
-
/** @model The value of the radio */
|
|
11
|
-
modelValue?: T;
|
|
12
|
-
/** The value of the radio */
|
|
13
|
-
value: T;
|
|
14
|
-
/** The name of the radio */
|
|
15
|
-
name: string;
|
|
16
|
-
/** The label of the radio */
|
|
17
|
-
label?: string;
|
|
18
|
-
/** The color of the radio */
|
|
19
|
-
color?: MazColor;
|
|
20
|
-
/** The size of the radio */
|
|
21
|
-
size?: MazSize;
|
|
22
|
-
/** The disabled state of the radio */
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
/** Whether there is an error with the input. */
|
|
25
|
-
error?: boolean;
|
|
26
|
-
/** Whether the input is successful. */
|
|
27
|
-
success?: boolean;
|
|
28
|
-
/** Whether there is a warning with the input. */
|
|
29
|
-
warning?: boolean;
|
|
30
|
-
/** The hint text to display below the input. */
|
|
31
|
-
hint?: string;
|
|
32
|
-
}
|
|
33
|
-
declare const _default: <T extends string | number | boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
34
|
-
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
35
|
-
readonly onBlur?: ((value: FocusEvent) => any) | undefined;
|
|
36
|
-
readonly onChange?: ((value: T) => any) | undefined;
|
|
37
|
-
readonly onFocus?: ((value: FocusEvent) => any) | undefined;
|
|
38
|
-
readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
|
|
39
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioProps<T> & Partial<{}>> & import('vue').PublicProps;
|
|
40
|
-
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
41
|
-
attrs: any;
|
|
42
|
-
slots: {
|
|
43
|
-
default?(_: {
|
|
44
|
-
isSelected: boolean;
|
|
45
|
-
value: T;
|
|
46
|
-
}): any;
|
|
47
|
-
};
|
|
48
|
-
emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: T) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: T) => void);
|
|
49
|
-
}>) => import('vue').VNode & {
|
|
50
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
51
|
-
};
|
|
52
|
-
export default _default;
|
|
53
|
-
type __VLS_PrettifyLocal<T> = {
|
|
54
|
-
[K in keyof T]: T[K];
|
|
55
|
-
} & {};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'vue';
|
|
2
|
-
import { MazColor, MazSize } from './types';
|
|
3
|
-
export type MazRadioButtonsOption<T = string | number | boolean> = {
|
|
4
|
-
/** The label of the option */
|
|
5
|
-
label: string;
|
|
6
|
-
/** The value of the option */
|
|
7
|
-
value: T;
|
|
8
|
-
/** The classes to apply to the option */
|
|
9
|
-
classes?: any;
|
|
10
|
-
/** The style to apply to the option */
|
|
11
|
-
style?: HTMLAttributes['style'];
|
|
12
|
-
} & Record<string, unknown>;
|
|
13
|
-
export interface MazRadioButtonsProps<T = string | number | boolean, Option extends MazRadioButtonsOption<T> = MazRadioButtonsOption<T>> {
|
|
14
|
-
/** @model The value of the selected option */
|
|
15
|
-
modelValue?: T;
|
|
16
|
-
/** The options to display */
|
|
17
|
-
options: Option[];
|
|
18
|
-
/** The name of the radio group */
|
|
19
|
-
name?: string;
|
|
20
|
-
/** The color of the selected radio buttons */
|
|
21
|
-
color?: MazColor | 'background';
|
|
22
|
-
/** Add elevation to the radio buttons */
|
|
23
|
-
elevation?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* The orientation of the radio buttons
|
|
26
|
-
* @values 'row' | 'col'
|
|
27
|
-
* @default 'row'
|
|
28
|
-
*/
|
|
29
|
-
orientation?: 'row' | 'col';
|
|
30
|
-
/** Disable the wrap of the radio buttons */
|
|
31
|
-
wrap?: boolean;
|
|
32
|
-
/** Make all radio buttons the same size */
|
|
33
|
-
equalSize?: boolean;
|
|
34
|
-
/** Display a selector icon */
|
|
35
|
-
selector?: boolean;
|
|
36
|
-
/** The component will be displayed in full width */
|
|
37
|
-
block?: boolean;
|
|
38
|
-
/** Whether there is an error with the input. */
|
|
39
|
-
error?: boolean;
|
|
40
|
-
/** Whether the input is successful. */
|
|
41
|
-
success?: boolean;
|
|
42
|
-
/** Whether there is a warning with the input. */
|
|
43
|
-
warning?: boolean;
|
|
44
|
-
/** The hint text to display below the input. */
|
|
45
|
-
hint?: string;
|
|
46
|
-
/**
|
|
47
|
-
* The size of the radio buttons
|
|
48
|
-
* @default 'md'
|
|
49
|
-
*/
|
|
50
|
-
size?: MazSize;
|
|
51
|
-
}
|
|
52
|
-
declare const _default: <T extends string | number | boolean, Option extends MazRadioButtonsOption<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
53
|
-
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
54
|
-
readonly onBlur?: ((value: FocusEvent) => any) | undefined;
|
|
55
|
-
readonly onChange?: ((value: Option["value"]) => any) | undefined;
|
|
56
|
-
readonly onFocus?: ((value: FocusEvent) => any) | undefined;
|
|
57
|
-
readonly "onUpdate:model-value"?: ((value: Option["value"]) => any) | undefined;
|
|
58
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioButtonsProps<T, Option> & Partial<{}>> & import('vue').PublicProps;
|
|
59
|
-
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
60
|
-
attrs: any;
|
|
61
|
-
slots: {
|
|
62
|
-
default?(_: {
|
|
63
|
-
option: Option;
|
|
64
|
-
selected: boolean;
|
|
65
|
-
}): any;
|
|
66
|
-
};
|
|
67
|
-
emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: Option["value"]) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: Option["value"]) => void);
|
|
68
|
-
}>) => import('vue').VNode & {
|
|
69
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
70
|
-
};
|
|
71
|
-
export default _default;
|
|
72
|
-
type __VLS_PrettifyLocal<T> = {
|
|
73
|
-
[K in keyof T]: T[K];
|
|
74
|
-
} & {};
|