maz-ui 4.1.8-beta.1 → 4.1.8-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/MazAccordion.vue.d.ts +36 -0
- package/dist/components/MazAnimatedCounter.vue.d.ts +59 -0
- package/dist/components/MazAnimatedElement.vue.d.ts +44 -0
- package/dist/components/MazAnimatedText.vue.d.ts +57 -0
- package/dist/components/MazAvatar.vue.d.ts +99 -0
- package/dist/components/MazBackdrop.vue.d.ts +91 -0
- package/dist/components/MazBadge.vue.d.ts +61 -0
- package/dist/components/MazBottomSheet.vue.d.ts +35 -0
- package/dist/components/MazBtn.vue.d.ts +105 -0
- package/dist/components/MazCard.vue.d.ts +81 -0
- package/dist/components/MazCardSpotlight.vue.d.ts +57 -0
- package/dist/components/MazCarousel.vue.d.ts +48 -0
- package/dist/components/MazChart.vue.d.ts +53 -0
- package/dist/components/MazCheckbox.vue.d.ts +55 -0
- package/dist/components/MazChecklist.vue.d.ts +87 -0
- package/dist/components/MazCircularProgressBar.vue.d.ts +106 -0
- package/dist/components/MazDatePicker/MazPickerCalendar.vue.d.ts +28 -0
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue.d.ts +20 -0
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts +133 -0
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts +142 -0
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.vue.d.ts +42 -0
- package/dist/components/MazDatePicker/MazPickerContainer.vue.d.ts +38 -0
- package/dist/components/MazDatePicker/MazPickerHeader.vue.d.ts +15 -0
- package/dist/components/MazDatePicker/MazPickerMonthSwitcher.vue.d.ts +44 -0
- package/dist/components/MazDatePicker/MazPickerShortcuts.vue.d.ts +16 -0
- package/dist/components/MazDatePicker/MazPickerTime.vue.d.ts +107 -0
- package/dist/components/MazDatePicker/MazPickerYearSwitcher.vue.d.ts +36 -0
- package/dist/components/MazDatePicker/types.d.ts +14 -0
- package/dist/components/MazDatePicker/utils.d.ts +61 -0
- package/dist/components/MazDatePicker.vue.d.ts +567 -0
- package/dist/components/MazDialog.vue.d.ts +247 -0
- package/dist/components/MazDialogConfirm/useMazDialogConfirm.d.ts +47 -0
- package/dist/components/MazDialogConfirm.vue.d.ts +270 -0
- package/dist/components/MazDrawer.vue.d.ts +52 -0
- package/dist/components/MazDropdown.vue.d.ts +246 -0
- package/dist/components/MazDropzone.vue.d.ts +294 -0
- package/dist/components/MazExpandAnimation.vue.d.ts +44 -0
- package/dist/components/MazFullscreenLoader.vue.d.ts +26 -0
- package/dist/components/MazGallery.vue.d.ts +85 -0
- package/dist/components/MazIcon.vue.d.ts +33 -0
- package/dist/components/MazInput.vue.d.ts +225 -0
- package/dist/components/MazInputCode.vue.d.ts +49 -0
- package/dist/components/MazInputNumber.vue.d.ts +125 -0
- package/dist/components/MazInputPhoneNumber/PhoneInput.vue.d.ts +29 -0
- package/dist/components/MazInputPhoneNumber/useLibphonenumber.d.ts +26 -0
- package/dist/components/MazInputPhoneNumber/useMazInputPhoneNumber.d.ts +26 -0
- package/dist/components/MazInputPhoneNumber.vue.d.ts +421 -0
- package/dist/components/MazInputPrice.vue.d.ts +48 -0
- package/dist/components/MazInputTags.vue.d.ts +51 -0
- package/dist/components/MazLazyImg.vue.d.ts +78 -0
- package/dist/components/MazLink.vue.d.ts +116 -0
- package/dist/components/MazLoadingBar.vue.d.ts +12 -0
- package/dist/components/MazPagination.vue.d.ts +83 -0
- package/dist/components/MazPopover.vue.d.ts +258 -0
- package/dist/components/MazPullToRefresh.vue.d.ts +52 -0
- package/dist/components/MazRadio.vue.d.ts +55 -0
- package/dist/components/MazRadioButtons.vue.d.ts +74 -0
- package/dist/components/MazReadingProgressBar.vue.d.ts +55 -0
- package/dist/components/MazSelect.vue.d.ts +209 -0
- package/dist/components/MazSelectCountry.vue.d.ts +171 -0
- package/dist/components/MazSlider/utils.d.ts +15 -0
- package/dist/components/MazSlider.vue.d.ts +31 -0
- package/dist/components/MazSpinner.vue.d.ts +15 -0
- package/dist/components/MazStepper.vue.d.ts +60 -0
- package/dist/components/MazSwitch.vue.d.ts +69 -0
- package/dist/components/MazTable.vue.d.ts +324 -0
- package/dist/components/MazTableCell.vue.d.ts +17 -0
- package/dist/components/MazTableRow.vue.d.ts +23 -0
- package/dist/components/MazTableTitle.vue.d.ts +17 -0
- package/dist/components/MazTabs.vue.d.ts +30 -0
- package/dist/components/MazTabsBar.vue.d.ts +96 -0
- package/dist/components/MazTabsContent.vue.d.ts +17 -0
- package/dist/components/MazTabsContentItem.vue.d.ts +31 -0
- package/dist/components/MazTextarea.vue.d.ts +88 -0
- package/dist/components/constantes.d.ts +2 -0
- package/dist/components/index.d.ts +109 -0
- package/dist/components/types.d.ts +4 -0
- package/dist/composables/index.d.ts +22 -0
- package/dist/composables/useAos.d.ts +2 -0
- package/dist/composables/useBreakpoints.d.ts +38 -0
- package/dist/composables/useDialog.d.ts +2 -0
- package/dist/composables/useDisplayNames.d.ts +101 -0
- package/dist/composables/useDropzone.d.ts +27 -0
- package/dist/composables/useFormField.d.ts +16 -0
- package/dist/composables/useFormValidator/config.d.ts +7 -0
- package/dist/composables/useFormValidator/dom-events.d.ts +19 -0
- package/dist/composables/useFormValidator/state-management.d.ts +72 -0
- package/dist/composables/useFormValidator/types.d.ts +98 -0
- package/dist/composables/useFormValidator/validation.d.ts +37 -0
- package/dist/composables/useFormValidator.d.ts +23 -0
- package/dist/composables/useFreezeValue.d.ts +5 -0
- package/dist/composables/useIdleTimeout.d.ts +5 -0
- package/dist/composables/useInjectStrict.d.ts +2 -0
- package/dist/composables/useInstanceUniqId.d.ts +4 -0
- package/dist/composables/useMountComponent.d.ts +14 -0
- package/dist/composables/useMutationObserver.d.ts +13 -0
- package/dist/composables/useReadingTime.d.ts +25 -0
- package/dist/composables/useStringMatching.d.ts +5 -0
- package/dist/composables/useSwipe.d.ts +14 -0
- package/dist/composables/useTimer.d.ts +30 -0
- package/dist/composables/useToast.d.ts +22 -0
- package/dist/composables/useUserVisibility.d.ts +5 -0
- package/dist/composables/useWait.d.ts +2 -0
- package/dist/composables/useWindowSize.d.ts +32 -0
- package/dist/directives/index.d.ts +5 -0
- package/dist/directives/vClickOutside.d.ts +36 -0
- package/dist/directives/vFullscreenImg/MazFullscreenImg.vue.d.ts +50 -0
- package/dist/directives/vFullscreenImg/fullscreen-img.directive.d.ts +5 -0
- package/dist/directives/vFullscreenImg/fullscreen-img.handler.d.ts +36 -0
- package/dist/directives/vFullscreenImg.d.ts +11 -0
- package/dist/directives/vLazyImg/lazy-img.directive.d.ts +5 -0
- package/dist/directives/vLazyImg/lazy-img.handler.d.ts +38 -0
- package/dist/directives/vLazyImg/types.d.ts +29 -0
- package/dist/directives/vLazyImg.d.ts +12 -0
- package/dist/directives/vTooltip.d.ts +54 -0
- package/dist/directives/vZoomImg/style.d.ts +1 -0
- package/dist/directives/vZoomImg/svgs.d.ts +3 -0
- package/dist/directives/vZoomImg/zoom-img.directive.d.ts +8 -0
- package/dist/directives/vZoomImg/zoom-img.handler.d.ts +46 -0
- package/dist/directives/vZoomImg.d.ts +10 -0
- package/dist/index.d.ts +1 -0
- package/dist/plugins/aos.d.ts +81 -0
- package/dist/plugins/dialog/DialogHandler.d.ts +16 -0
- package/dist/plugins/dialog.d.ts +26 -0
- package/dist/plugins/index.d.ts +5 -0
- package/dist/plugins/maz-ui.d.ts +43 -0
- package/dist/plugins/toast/MazToast.vue.d.ts +34 -0
- package/dist/plugins/toast/ToastHandler.d.ts +29 -0
- package/dist/plugins/toast/types.d.ts +104 -0
- package/dist/plugins/toast.d.ts +25 -0
- package/dist/plugins/wait.d.ts +33 -0
- package/dist/resolvers/MazComponentsResolver.d.ts +10 -0
- package/dist/resolvers/MazDirectivesResolver.d.ts +11 -0
- package/dist/resolvers/MazModulesResolver.d.ts +11 -0
- package/dist/resolvers/index.d.ts +3 -0
- package/dist/tailwindcss/index.d.ts +6 -0
- package/dist/tailwindcss/tailwind.config.d.ts +89 -0
- package/dist/tailwindcss/utils/colors.d.ts +7 -0
- package/dist/tailwindcss/variables/breakpoints.d.ts +15 -0
- package/dist/tailwindcss/variables/colors.d.ts +21 -0
- package/dist/tailwindcss/variables/design-tokens.d.ts +35 -0
- package/dist/tailwindcss/variables/utilities.d.ts +17 -0
- package/dist/tailwindcss/variables/z-indexes.d.ts +14 -0
- package/package.json +2 -2
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export interface MazAccordionProps {
|
|
2
|
+
id?: string;
|
|
3
|
+
modelValue?: number;
|
|
4
|
+
contentClass?: unknown;
|
|
5
|
+
}
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: Partial<Record<`title-${number}`, (_: {
|
|
9
|
+
isOpen: boolean;
|
|
10
|
+
}) => any>> & Partial<Record<`content-${number}`, (_: {
|
|
11
|
+
isOpen: boolean;
|
|
12
|
+
}) => any>> & {
|
|
13
|
+
content?(_: {
|
|
14
|
+
isOpen: boolean;
|
|
15
|
+
}): any;
|
|
16
|
+
};
|
|
17
|
+
refs: {};
|
|
18
|
+
rootEl: HTMLDivElement;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
"update:model-value": (...args: any[]) => void;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<MazAccordionProps> & Readonly<{
|
|
24
|
+
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
id: string;
|
|
27
|
+
modelValue: number;
|
|
28
|
+
contentClass: undefined;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
export interface MazAnimatedCounterProps {
|
|
2
|
+
/**
|
|
3
|
+
* The number to animate
|
|
4
|
+
*/
|
|
5
|
+
count: number;
|
|
6
|
+
/**
|
|
7
|
+
* Duration of the animation in milliseconds
|
|
8
|
+
* @default 1000
|
|
9
|
+
*/
|
|
10
|
+
duration?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Suffix to display next to the number
|
|
13
|
+
*/
|
|
14
|
+
prefix?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Suffix to display next to the number
|
|
17
|
+
*/
|
|
18
|
+
suffix?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Delay before the animation starts in milliseconds
|
|
21
|
+
* @default 100
|
|
22
|
+
*/
|
|
23
|
+
delay?: number;
|
|
24
|
+
/**
|
|
25
|
+
* Play the animation only once
|
|
26
|
+
* @default true
|
|
27
|
+
*/
|
|
28
|
+
once?: boolean;
|
|
29
|
+
}
|
|
30
|
+
declare function __VLS_template(): {
|
|
31
|
+
attrs: Partial<{}>;
|
|
32
|
+
slots: {
|
|
33
|
+
prefix?(_: {}): any;
|
|
34
|
+
prefix?(_: {}): any;
|
|
35
|
+
suffix?(_: {}): any;
|
|
36
|
+
suffix?(_: {}): any;
|
|
37
|
+
};
|
|
38
|
+
refs: {
|
|
39
|
+
elementRef: HTMLSpanElement;
|
|
40
|
+
};
|
|
41
|
+
rootEl: HTMLSpanElement;
|
|
42
|
+
};
|
|
43
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
44
|
+
declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {
|
|
45
|
+
duration: number;
|
|
46
|
+
delay: number;
|
|
47
|
+
once: boolean;
|
|
48
|
+
prefix: string;
|
|
49
|
+
suffix: string;
|
|
50
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
51
|
+
elementRef: HTMLSpanElement;
|
|
52
|
+
}, HTMLSpanElement>;
|
|
53
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
54
|
+
export default _default;
|
|
55
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
56
|
+
new (): {
|
|
57
|
+
$slots: S;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export interface MazAnimatedElementProps {
|
|
2
|
+
/**
|
|
3
|
+
* The direction of the animation
|
|
4
|
+
* @default "up"
|
|
5
|
+
* @values "up", "down", "left", "right"
|
|
6
|
+
*/
|
|
7
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
8
|
+
/**
|
|
9
|
+
* The delay of the animation
|
|
10
|
+
* @default 0
|
|
11
|
+
*/
|
|
12
|
+
delay?: number;
|
|
13
|
+
/**
|
|
14
|
+
* The duration of the animation
|
|
15
|
+
* @default 2000
|
|
16
|
+
*/
|
|
17
|
+
duration?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Play the animation only once
|
|
20
|
+
* @default true
|
|
21
|
+
*/
|
|
22
|
+
once?: boolean;
|
|
23
|
+
}
|
|
24
|
+
declare function __VLS_template(): {
|
|
25
|
+
attrs: Partial<{}>;
|
|
26
|
+
slots: {
|
|
27
|
+
default?(_: {}): any;
|
|
28
|
+
};
|
|
29
|
+
refs: {
|
|
30
|
+
element: HTMLDivElement;
|
|
31
|
+
};
|
|
32
|
+
rootEl: HTMLDivElement;
|
|
33
|
+
};
|
|
34
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
35
|
+
declare const __VLS_component: import('vue').DefineComponent<MazAnimatedElementProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
36
|
+
element: HTMLDivElement;
|
|
37
|
+
}, HTMLDivElement>;
|
|
38
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
39
|
+
export default _default;
|
|
40
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
export interface MazAnimatedTextProps {
|
|
2
|
+
/**
|
|
3
|
+
* The text to animate
|
|
4
|
+
* @example "Hello"
|
|
5
|
+
*/
|
|
6
|
+
text: string;
|
|
7
|
+
/**
|
|
8
|
+
* The last word(s) to be highlighted
|
|
9
|
+
* @example "world"
|
|
10
|
+
*/
|
|
11
|
+
lastWord?: string;
|
|
12
|
+
/**
|
|
13
|
+
* The delay of the animation
|
|
14
|
+
* @default 0
|
|
15
|
+
*/
|
|
16
|
+
delay?: number;
|
|
17
|
+
/**
|
|
18
|
+
* The direction of the animation
|
|
19
|
+
* @default "up"
|
|
20
|
+
* @values "up", "down", "left", "right"
|
|
21
|
+
*/
|
|
22
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
23
|
+
/**
|
|
24
|
+
* The tag to use for the text
|
|
25
|
+
* @default "span"
|
|
26
|
+
*/
|
|
27
|
+
tag?: string;
|
|
28
|
+
/**
|
|
29
|
+
* The delay between each word
|
|
30
|
+
* @default 75
|
|
31
|
+
*/
|
|
32
|
+
wordDelay?: number;
|
|
33
|
+
/**
|
|
34
|
+
* The column gap between each word
|
|
35
|
+
* @default 0.5
|
|
36
|
+
*/
|
|
37
|
+
columnGap?: number;
|
|
38
|
+
/**
|
|
39
|
+
* The row gap between each word
|
|
40
|
+
* @default 0
|
|
41
|
+
*/
|
|
42
|
+
rowGap?: number;
|
|
43
|
+
/**
|
|
44
|
+
* The duration of the animation
|
|
45
|
+
* @default 2000
|
|
46
|
+
*/
|
|
47
|
+
duration?: number;
|
|
48
|
+
/**
|
|
49
|
+
* Play the animation only once
|
|
50
|
+
* @default true
|
|
51
|
+
*/
|
|
52
|
+
once?: boolean;
|
|
53
|
+
}
|
|
54
|
+
declare const _default: import('vue').DefineComponent<MazAnimatedTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
55
|
+
element: unknown;
|
|
56
|
+
}, any>;
|
|
57
|
+
export default _default;
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { MazColor } from './types';
|
|
3
|
+
export interface MazAvatarProps {
|
|
4
|
+
/** The style of the component */
|
|
5
|
+
style?: HTMLAttributes['style'];
|
|
6
|
+
/** The class of the component */
|
|
7
|
+
class?: HTMLAttributes['class'];
|
|
8
|
+
/** The source of the image */
|
|
9
|
+
src?: string | null;
|
|
10
|
+
/** The caption of the avatar */
|
|
11
|
+
caption?: string | null;
|
|
12
|
+
/** The link of the avatar */
|
|
13
|
+
href?: string;
|
|
14
|
+
/** The link (router-link) of the avatar */
|
|
15
|
+
to?: string | Record<string, unknown>;
|
|
16
|
+
/** The alt of the image */
|
|
17
|
+
alt?: string;
|
|
18
|
+
/** The target of the link */
|
|
19
|
+
target?: string;
|
|
20
|
+
/** The size of the avatar */
|
|
21
|
+
size?: string;
|
|
22
|
+
/** Add a border to the avatar */
|
|
23
|
+
bordered?: boolean;
|
|
24
|
+
/** Make the avatar clickable */
|
|
25
|
+
clickable?: boolean;
|
|
26
|
+
/** Make the avatar square */
|
|
27
|
+
square?: boolean;
|
|
28
|
+
/** Remove the shadow */
|
|
29
|
+
noElevation?: boolean;
|
|
30
|
+
/** Show the caption */
|
|
31
|
+
showCaption?: boolean;
|
|
32
|
+
/** Make the image height full */
|
|
33
|
+
imageHeightFull?: boolean;
|
|
34
|
+
/** Remove the loader */
|
|
35
|
+
hideLoader?: boolean;
|
|
36
|
+
/** The color of the clickable button */
|
|
37
|
+
buttonColor?: MazColor;
|
|
38
|
+
/** Remove the icon on hover when component is clickable */
|
|
39
|
+
hideClickableIcon?: boolean;
|
|
40
|
+
/** Number of letters to display in the round text */
|
|
41
|
+
letterCount?: number;
|
|
42
|
+
/**
|
|
43
|
+
* Size of the rounded
|
|
44
|
+
* @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
|
|
45
|
+
*/
|
|
46
|
+
roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
47
|
+
/** The fallback src to replace the src on loading error */
|
|
48
|
+
fallbackSrc?: string;
|
|
49
|
+
/**
|
|
50
|
+
* The loading strategy of the image - lazy, eager or intersecting
|
|
51
|
+
* @default 'intersecting'
|
|
52
|
+
* @values `'lazy' | 'eager' | 'intersecting'`
|
|
53
|
+
*/
|
|
54
|
+
loading?: 'lazy' | 'eager' | 'intersecting';
|
|
55
|
+
}
|
|
56
|
+
declare function __VLS_template(): {
|
|
57
|
+
attrs: Partial<{}>;
|
|
58
|
+
slots: {
|
|
59
|
+
'round-text'?(_: {}): any;
|
|
60
|
+
icon?(_: {}): any;
|
|
61
|
+
caption?(_: {}): any;
|
|
62
|
+
};
|
|
63
|
+
refs: {};
|
|
64
|
+
rootEl: any;
|
|
65
|
+
};
|
|
66
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
67
|
+
declare const __VLS_component: import('vue').DefineComponent<MazAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
68
|
+
click: (event: MouseEvent) => any;
|
|
69
|
+
error: (el: Element) => any;
|
|
70
|
+
loaded: (el: Element) => any;
|
|
71
|
+
loading: (el: Element) => any;
|
|
72
|
+
intersecting: (el: Element) => any;
|
|
73
|
+
}, string, import('vue').PublicProps, Readonly<MazAvatarProps> & Readonly<{
|
|
74
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
75
|
+
onError?: ((el: Element) => any) | undefined;
|
|
76
|
+
onLoaded?: ((el: Element) => any) | undefined;
|
|
77
|
+
onLoading?: ((el: Element) => any) | undefined;
|
|
78
|
+
onIntersecting?: ((el: Element) => any) | undefined;
|
|
79
|
+
}>, {
|
|
80
|
+
src: string | null;
|
|
81
|
+
size: string;
|
|
82
|
+
caption: string | null;
|
|
83
|
+
roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
|
|
84
|
+
loading: "lazy" | "eager" | "intersecting";
|
|
85
|
+
href: string;
|
|
86
|
+
to: string | Record<string, unknown>;
|
|
87
|
+
target: string;
|
|
88
|
+
alt: string;
|
|
89
|
+
fallbackSrc: string;
|
|
90
|
+
buttonColor: MazColor;
|
|
91
|
+
letterCount: number;
|
|
92
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
93
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
94
|
+
export default _default;
|
|
95
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
96
|
+
new (): {
|
|
97
|
+
$slots: S;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface MazBackdropProps {
|
|
3
|
+
/** @model Modal's model value */
|
|
4
|
+
modelValue?: boolean;
|
|
5
|
+
/** Teleport selector */
|
|
6
|
+
teleportSelector?: string;
|
|
7
|
+
/** Function called before modal is close */
|
|
8
|
+
beforeClose?: () => Promise<void> | void;
|
|
9
|
+
/** Persistent dialog (not closable by clicking outside and remove close button) */
|
|
10
|
+
persistent?: boolean;
|
|
11
|
+
/** Prevent close on escape key */
|
|
12
|
+
closeOnEscape?: boolean;
|
|
13
|
+
/** Transition name */
|
|
14
|
+
transitionName?: string;
|
|
15
|
+
/** Backdrop class */
|
|
16
|
+
backdropClass?: HTMLAttributes['class'];
|
|
17
|
+
/** Backdrop content class */
|
|
18
|
+
backdropContentClass?: HTMLAttributes['class'];
|
|
19
|
+
/** Add padding to the content */
|
|
20
|
+
contentPadding?: boolean;
|
|
21
|
+
/** Justify content */
|
|
22
|
+
justify?: 'center' | 'end' | 'start' | 'space-between' | 'space-around' | 'none';
|
|
23
|
+
/** Align content */
|
|
24
|
+
align?: 'center' | 'end' | 'start' | 'none';
|
|
25
|
+
/** Variant */
|
|
26
|
+
variant?: 'bottom-sheet' | 'dialog' | 'drawer';
|
|
27
|
+
/** ID for aria-labelledby */
|
|
28
|
+
ariaLabelledby?: string;
|
|
29
|
+
/** ID for aria-describedby */
|
|
30
|
+
ariaDescribedby?: string;
|
|
31
|
+
}
|
|
32
|
+
declare function close(): void;
|
|
33
|
+
declare function toggleModal(value?: boolean): Promise<void>;
|
|
34
|
+
declare function onBackdropAnimationLeave(): void;
|
|
35
|
+
declare function onKeyPress(event: KeyboardEvent): void;
|
|
36
|
+
declare function __VLS_template(): {
|
|
37
|
+
attrs: Partial<{}>;
|
|
38
|
+
slots: {
|
|
39
|
+
default?(_: {
|
|
40
|
+
close: typeof close;
|
|
41
|
+
}): any;
|
|
42
|
+
};
|
|
43
|
+
refs: {};
|
|
44
|
+
rootEl: any;
|
|
45
|
+
};
|
|
46
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
47
|
+
declare const __VLS_component: import('vue').DefineComponent<MazBackdropProps, {
|
|
48
|
+
/**
|
|
49
|
+
* Animation leave event
|
|
50
|
+
* @description This is used to handle animation leave events
|
|
51
|
+
*/
|
|
52
|
+
onBackdropAnimationLeave: typeof onBackdropAnimationLeave;
|
|
53
|
+
/**
|
|
54
|
+
* Close the backdrop
|
|
55
|
+
* @description This is used to close the backdrop
|
|
56
|
+
*/
|
|
57
|
+
close: typeof close;
|
|
58
|
+
/**
|
|
59
|
+
* The present state of the backdrop
|
|
60
|
+
* @description This is used to check if the backdrop is present (open)
|
|
61
|
+
*/
|
|
62
|
+
present: import('vue').Ref<boolean, boolean>;
|
|
63
|
+
/**
|
|
64
|
+
* Toggle the backdrop
|
|
65
|
+
* @description This is used to toggle the backdrop
|
|
66
|
+
* @param {boolean} value - The value to toggle the backdrop (optional)
|
|
67
|
+
*/
|
|
68
|
+
toggleModal: typeof toggleModal;
|
|
69
|
+
/**
|
|
70
|
+
* Key press event
|
|
71
|
+
* @description This is used to handle key press events
|
|
72
|
+
*/
|
|
73
|
+
onKeyPress: typeof onKeyPress;
|
|
74
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
75
|
+
close: (value: void) => any;
|
|
76
|
+
open: (value: void) => any;
|
|
77
|
+
"update:model-value": (value: boolean) => any;
|
|
78
|
+
"before-close": (value: void) => any;
|
|
79
|
+
}, string, import('vue').PublicProps, Readonly<MazBackdropProps> & Readonly<{
|
|
80
|
+
onClose?: ((value?: void | undefined) => any) | undefined;
|
|
81
|
+
onOpen?: ((value?: void | undefined) => any) | undefined;
|
|
82
|
+
"onUpdate:model-value"?: ((value: boolean) => any) | undefined;
|
|
83
|
+
"onBefore-close"?: ((value?: void | undefined) => any) | undefined;
|
|
84
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
85
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
86
|
+
export default _default;
|
|
87
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
88
|
+
new (): {
|
|
89
|
+
$slots: S;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { MazColor } from './types';
|
|
2
|
+
export type MazBadgeColor = MazColor | 'background';
|
|
3
|
+
export type MazBadgeRoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
4
|
+
export interface MazBadgeProps {
|
|
5
|
+
/**
|
|
6
|
+
* Color of the badge
|
|
7
|
+
* @values `'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'destructive' | 'contrast' | 'background'`
|
|
8
|
+
* @default primary
|
|
9
|
+
*/
|
|
10
|
+
color?: MazBadgeColor;
|
|
11
|
+
/**
|
|
12
|
+
* Size of the badge
|
|
13
|
+
* @default 0.8em
|
|
14
|
+
*/
|
|
15
|
+
size?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Will not wrap the text
|
|
18
|
+
* @default false
|
|
19
|
+
*/
|
|
20
|
+
nowrap?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Will add a border to the badge
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
outlined?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Will add a pastel style to the badge
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
30
|
+
pastel?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Size radius of the component's border
|
|
33
|
+
* @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
|
|
34
|
+
* @default md
|
|
35
|
+
*/
|
|
36
|
+
roundedSize?: MazBadgeRoundedSize;
|
|
37
|
+
}
|
|
38
|
+
declare function __VLS_template(): {
|
|
39
|
+
attrs: Partial<{}>;
|
|
40
|
+
slots: {
|
|
41
|
+
default?(_: {}): any;
|
|
42
|
+
};
|
|
43
|
+
refs: {};
|
|
44
|
+
rootEl: HTMLSpanElement;
|
|
45
|
+
};
|
|
46
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
47
|
+
declare const __VLS_component: import('vue').DefineComponent<MazBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazBadgeProps> & Readonly<{}>, {
|
|
48
|
+
size: string;
|
|
49
|
+
color: MazBadgeColor;
|
|
50
|
+
roundedSize: MazBadgeRoundedSize;
|
|
51
|
+
outlined: boolean;
|
|
52
|
+
pastel: boolean;
|
|
53
|
+
nowrap: boolean;
|
|
54
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
55
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
56
|
+
export default _default;
|
|
57
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
58
|
+
new (): {
|
|
59
|
+
$slots: S;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export interface MazBottomSheetProps {
|
|
2
|
+
/** @model Modal's model value */
|
|
3
|
+
modelValue?: boolean;
|
|
4
|
+
/** Remove the close button */
|
|
5
|
+
hideCloseButton?: boolean;
|
|
6
|
+
/** Remove the padding on the container */
|
|
7
|
+
padding?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
default?(_: {
|
|
13
|
+
close: () => void;
|
|
14
|
+
}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {};
|
|
17
|
+
rootEl: any;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<MazBottomSheetProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
close: (value: void) => any;
|
|
22
|
+
open: (value: void) => any;
|
|
23
|
+
"update:model-value": (value: boolean) => any;
|
|
24
|
+
}, string, import('vue').PublicProps, Readonly<MazBottomSheetProps> & Readonly<{
|
|
25
|
+
onClose?: ((value?: void | undefined) => any) | undefined;
|
|
26
|
+
onOpen?: ((value?: void | undefined) => any) | undefined;
|
|
27
|
+
"onUpdate:model-value"?: ((value: boolean) => any) | undefined;
|
|
28
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { IconComponent } from '@maz-ui/icons';
|
|
2
|
+
import { MazColor, MazSize } from './types';
|
|
3
|
+
export interface MazBtnProps {
|
|
4
|
+
/**
|
|
5
|
+
* The text of the button, if not provided, the slot will be used
|
|
6
|
+
* @default undefined
|
|
7
|
+
*/
|
|
8
|
+
text?: string;
|
|
9
|
+
/**
|
|
10
|
+
* The size of the button
|
|
11
|
+
* @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
|
|
12
|
+
*/
|
|
13
|
+
size?: MazSize;
|
|
14
|
+
/**
|
|
15
|
+
* The color of the button
|
|
16
|
+
* @values `'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'destructive' | 'transparent' | 'contrast' | 'accent' | 'background'`
|
|
17
|
+
*/
|
|
18
|
+
color?: MazColor | 'background';
|
|
19
|
+
/**
|
|
20
|
+
* The type of the button
|
|
21
|
+
* @values `'submit' | 'reset' | 'button'`
|
|
22
|
+
*/
|
|
23
|
+
type?: 'submit' | 'reset' | 'button';
|
|
24
|
+
/**
|
|
25
|
+
* Size of the rounded
|
|
26
|
+
* @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
|
|
27
|
+
* @default 'lg'
|
|
28
|
+
*/
|
|
29
|
+
roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
30
|
+
/**
|
|
31
|
+
* If true, the button have the "border" style
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
34
|
+
outlined?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* If true, the button will have a pastel color
|
|
37
|
+
* @default false
|
|
38
|
+
*/
|
|
39
|
+
pastel?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* If true, the button will have a full width
|
|
42
|
+
* @default false
|
|
43
|
+
*/
|
|
44
|
+
block?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Enable the button loader
|
|
47
|
+
* @default false
|
|
48
|
+
*/
|
|
49
|
+
loading?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Disable the button
|
|
52
|
+
* @default false
|
|
53
|
+
*/
|
|
54
|
+
disabled?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* If true, the button will have a fab style
|
|
57
|
+
* @default false
|
|
58
|
+
*/
|
|
59
|
+
fab?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* The name of the icon to display or component, only with fab
|
|
62
|
+
* `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
|
|
63
|
+
*/
|
|
64
|
+
icon?: string | IconComponent;
|
|
65
|
+
/**
|
|
66
|
+
* The name of the icon or component to display on the left of the button
|
|
67
|
+
* `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
|
|
68
|
+
*/
|
|
69
|
+
leftIcon?: string | IconComponent;
|
|
70
|
+
/**
|
|
71
|
+
* The name of the icon or component to display on the right of the button
|
|
72
|
+
* `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
|
|
73
|
+
*/
|
|
74
|
+
rightIcon?: string | IconComponent;
|
|
75
|
+
/**
|
|
76
|
+
* If true, the button will have no padding
|
|
77
|
+
* @default true
|
|
78
|
+
*/
|
|
79
|
+
padding?: boolean;
|
|
80
|
+
/**
|
|
81
|
+
* Choose how the elements are aligned in the button
|
|
82
|
+
*/
|
|
83
|
+
justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
|
|
84
|
+
}
|
|
85
|
+
declare function __VLS_template(): {
|
|
86
|
+
attrs: Partial<{}>;
|
|
87
|
+
slots: {
|
|
88
|
+
'left-icon'?(_: {}): any;
|
|
89
|
+
icon?(_: {}): any;
|
|
90
|
+
default?(_: {}): any;
|
|
91
|
+
'right-icon'?(_: {}): any;
|
|
92
|
+
loader?(_: {}): any;
|
|
93
|
+
};
|
|
94
|
+
refs: {};
|
|
95
|
+
rootEl: any;
|
|
96
|
+
};
|
|
97
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
98
|
+
declare const __VLS_component: import('vue').DefineComponent<MazBtnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazBtnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
99
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
100
|
+
export default _default;
|
|
101
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
102
|
+
new (): {
|
|
103
|
+
$slots: S;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { RouterLinkProps } from 'vue-router';
|
|
3
|
+
import { MazGalleryProps } from './MazGallery.vue';
|
|
4
|
+
type __VLS_Props = MazCardProps;
|
|
5
|
+
export interface MazCardProps {
|
|
6
|
+
/** Card variant: Must be `column | row | row-reverse | column-reverse` */
|
|
7
|
+
orientation?: 'column' | 'row' | 'row-reverse' | 'column-reverse';
|
|
8
|
+
/** Make card a link (footer area excluded) */
|
|
9
|
+
href?: string;
|
|
10
|
+
/** Make card a link with a router-link (footer area excluded) */
|
|
11
|
+
to?: RouterLinkProps['to'];
|
|
12
|
+
/** Target option of link: Muse be one of `_blank | _self | _parent | _top | framename` */
|
|
13
|
+
hrefTarget?: '_blank' | '_self' | '_parent' | '_top' | string;
|
|
14
|
+
/** Footer text alignment: `right | left` */
|
|
15
|
+
footerAlign?: 'right' | 'left';
|
|
16
|
+
/**
|
|
17
|
+
* Images gallery props options (see `MazGallery` component)
|
|
18
|
+
* @default `{ displayedCount: 3, remaining: false, zoom: !href && !to, width: 200, height: 150 }`
|
|
19
|
+
* If `href` or `to` is set, `zoom` is set to `false`
|
|
20
|
+
*/
|
|
21
|
+
gallery?: MazGalleryProps;
|
|
22
|
+
/** scale animation on hover (only linked cards) */
|
|
23
|
+
scale?: boolean;
|
|
24
|
+
/** Set elevation to card (box-shadow) */
|
|
25
|
+
elevation?: boolean;
|
|
26
|
+
/** Set radius to card */
|
|
27
|
+
radius?: boolean;
|
|
28
|
+
/** Set border to card (in dark mode, the card is always bordered) */
|
|
29
|
+
bordered?: boolean;
|
|
30
|
+
/** add classes to wrapper */
|
|
31
|
+
wrapperClass?: HTMLAttributes['class'];
|
|
32
|
+
/** Remove padding from content wrapper */
|
|
33
|
+
padding?: boolean;
|
|
34
|
+
/** Hide overflow */
|
|
35
|
+
overflowHidden?: boolean;
|
|
36
|
+
/** Make card collapsible */
|
|
37
|
+
collapsible?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Card is open by default if `true`
|
|
40
|
+
* @model
|
|
41
|
+
*/
|
|
42
|
+
collapseOpen?: boolean;
|
|
43
|
+
/** Title of the card in header */
|
|
44
|
+
title?: string;
|
|
45
|
+
/** The card will be displayed in full width */
|
|
46
|
+
block?: boolean;
|
|
47
|
+
}
|
|
48
|
+
type __VLS_PublicProps = {
|
|
49
|
+
'collapseOpen'?: boolean;
|
|
50
|
+
} & __VLS_Props;
|
|
51
|
+
declare function __VLS_template(): {
|
|
52
|
+
attrs: Partial<{}>;
|
|
53
|
+
slots: {
|
|
54
|
+
title?(_: {}): any;
|
|
55
|
+
'content-title'?(_: {
|
|
56
|
+
collapseOpen: boolean;
|
|
57
|
+
}): any;
|
|
58
|
+
'content-subtitle'?(_: {}): any;
|
|
59
|
+
'content-body'?(_: {}): any;
|
|
60
|
+
default?(_: {
|
|
61
|
+
collapseOpen: boolean;
|
|
62
|
+
}): any;
|
|
63
|
+
footer?(_: {}): any;
|
|
64
|
+
actions?(_: {}): any;
|
|
65
|
+
};
|
|
66
|
+
refs: {};
|
|
67
|
+
rootEl: HTMLDivElement;
|
|
68
|
+
};
|
|
69
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
70
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
71
|
+
"update:collapseOpen": (...args: unknown[]) => any;
|
|
72
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
73
|
+
"onUpdate:collapseOpen"?: ((...args: unknown[]) => any) | undefined;
|
|
74
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
75
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
76
|
+
export default _default;
|
|
77
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
78
|
+
new (): {
|
|
79
|
+
$slots: S;
|
|
80
|
+
};
|
|
81
|
+
};
|