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
package/dist/plugins/aos.d.ts
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { Plugin } from 'vue';
|
|
2
|
-
import { Router } from 'vue-router';
|
|
3
|
-
export interface AosOptions {
|
|
4
|
-
animation?: {
|
|
5
|
-
/**
|
|
6
|
-
* The delay of the animation
|
|
7
|
-
* @default 0
|
|
8
|
-
*/
|
|
9
|
-
delay?: number;
|
|
10
|
-
/**
|
|
11
|
-
* The duration of the animation
|
|
12
|
-
* @default 300
|
|
13
|
-
*/
|
|
14
|
-
duration?: number;
|
|
15
|
-
/**
|
|
16
|
-
* If true, the animation will be triggered only once
|
|
17
|
-
* @default true
|
|
18
|
-
*/
|
|
19
|
-
once?: boolean;
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* The delay before the animation starts
|
|
23
|
-
* @default 100
|
|
24
|
-
*/
|
|
25
|
-
delay?: number;
|
|
26
|
-
/**
|
|
27
|
-
* The observer options
|
|
28
|
-
* @default {
|
|
29
|
-
* root: undefined,
|
|
30
|
-
* rootMargin: '0px',
|
|
31
|
-
* threshold: 0.2,
|
|
32
|
-
* }
|
|
33
|
-
*/
|
|
34
|
-
observer?: IntersectionObserverInit;
|
|
35
|
-
/**
|
|
36
|
-
* The router instance to trigger the animation on route change
|
|
37
|
-
* @default undefined
|
|
38
|
-
*/
|
|
39
|
-
router?: Router;
|
|
40
|
-
}
|
|
41
|
-
interface ClassOptions extends Omit<AosOptions, 'router'> {
|
|
42
|
-
animation: {
|
|
43
|
-
delay: number;
|
|
44
|
-
duration: number;
|
|
45
|
-
once: boolean;
|
|
46
|
-
};
|
|
47
|
-
delay: number;
|
|
48
|
-
observer: IntersectionObserverInit & {
|
|
49
|
-
rootMargin: string;
|
|
50
|
-
threshold: number | number[];
|
|
51
|
-
};
|
|
52
|
-
}
|
|
53
|
-
export declare class AosHandler {
|
|
54
|
-
options: ClassOptions;
|
|
55
|
-
constructor(options?: Omit<AosOptions, 'router'>);
|
|
56
|
-
private handleIntersect;
|
|
57
|
-
private handleObserver;
|
|
58
|
-
runAnimations(): Promise<void> | undefined;
|
|
59
|
-
}
|
|
60
|
-
export declare const AosPlugin: Plugin<[AosOptions?]>;
|
|
61
|
-
declare module 'vue' {
|
|
62
|
-
interface ComponentCustomProperties {
|
|
63
|
-
/**
|
|
64
|
-
* Aos handler instance
|
|
65
|
-
* @description You should install the plugin to use this property
|
|
66
|
-
* @examl
|
|
67
|
-
* ```ts
|
|
68
|
-
* import { AosPlugin } from 'maz-ui/plugins/aos'
|
|
69
|
-
* import { createApp } from 'vue'
|
|
70
|
-
*
|
|
71
|
-
* const app = createApp(App)
|
|
72
|
-
* app.use(AosPlugin)
|
|
73
|
-
*
|
|
74
|
-
* const aos = useAos()
|
|
75
|
-
* aos.runAnimations()
|
|
76
|
-
*/
|
|
77
|
-
$mazAos: AosHandler;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
export declare function getAosInstance(): AosHandler;
|
|
81
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { App } from 'vue';
|
|
2
|
-
import { MazDialogConfirmProps } from '../../components/MazDialogConfirm.vue';
|
|
3
|
-
export type DialogOptions = Partial<Omit<MazDialogConfirmProps, 'modelValue' | 'variant' | 'justify'>> & {
|
|
4
|
-
onClose?: () => unknown;
|
|
5
|
-
onAccept?: (response: unknown) => unknown;
|
|
6
|
-
onReject?: (response: unknown) => unknown;
|
|
7
|
-
};
|
|
8
|
-
export declare class DialogHandler {
|
|
9
|
-
private readonly app;
|
|
10
|
-
readonly globalOptions: DialogOptions;
|
|
11
|
-
constructor(app: App, globalOptions?: DialogOptions);
|
|
12
|
-
open(options: DialogOptions): {
|
|
13
|
-
destroy: () => void;
|
|
14
|
-
close: () => void;
|
|
15
|
-
};
|
|
16
|
-
}
|
package/dist/plugins/dialog.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Plugin } from 'vue';
|
|
2
|
-
import { DialogOptions, DialogHandler } from './dialog/DialogHandler';
|
|
3
|
-
export declare const DialogPlugin: Plugin<[DialogOptions?]>;
|
|
4
|
-
declare module 'vue' {
|
|
5
|
-
interface ComponentCustomProperties {
|
|
6
|
-
/**
|
|
7
|
-
* Dialog handler instance
|
|
8
|
-
* @description You should install the plugin to use this property
|
|
9
|
-
* @examl
|
|
10
|
-
* ```ts
|
|
11
|
-
* import { DialogPlugin } from 'maz-ui/plugins/dialog'
|
|
12
|
-
* import { createApp } from 'vue'
|
|
13
|
-
*
|
|
14
|
-
* const app = createApp(App)
|
|
15
|
-
* app.use(DialogPlugin)
|
|
16
|
-
*
|
|
17
|
-
* const dialog = useDialog()
|
|
18
|
-
* dialog.open({
|
|
19
|
-
* title: 'Hello',
|
|
20
|
-
* message: 'This is a dialog',
|
|
21
|
-
* })
|
|
22
|
-
*/
|
|
23
|
-
$mazDialog: Omit<DialogHandler, 'app'>;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
export { DialogHandler, type DialogOptions } from './dialog/DialogHandler';
|
package/dist/plugins/index.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { AosHandler, type AosOptions, AosPlugin, getAosInstance } from './aos';
|
|
2
|
-
export { type DialogOptions, DialogPlugin } from './dialog';
|
|
3
|
-
export { MazUi, type MazUiOptions } from './maz-ui';
|
|
4
|
-
export { ToastHandler, type ToastOptions, ToastPlugin, type ToastPosition } from './toast';
|
|
5
|
-
export { WaitHandler, waitInstance, WaitPlugin } from './wait';
|
package/dist/plugins/maz-ui.d.ts
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { MazUiThemeOptions } from '@maz-ui/themes/plugin';
|
|
2
|
-
import { MazUiTranslationsOptions } from '@maz-ui/translations';
|
|
3
|
-
import { Plugin } from 'vue';
|
|
4
|
-
export interface MazUiOptions {
|
|
5
|
-
/**
|
|
6
|
-
* The theme configurations
|
|
7
|
-
* Can not be disabled
|
|
8
|
-
*/
|
|
9
|
-
theme: MazUiThemeOptions;
|
|
10
|
-
/**
|
|
11
|
-
* The translations configurations
|
|
12
|
-
* Can not be disabled
|
|
13
|
-
*/
|
|
14
|
-
translations?: MazUiTranslationsOptions;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* @example
|
|
18
|
-
* ```ts
|
|
19
|
-
* import { MazUi } from 'maz-ui/plugins/maz-ui'
|
|
20
|
-
* import { mazUi as mazUiPreset } from '@maz-ui/themes/presets/mazUi'
|
|
21
|
-
* import 'maz-ui/styles'
|
|
22
|
-
*
|
|
23
|
-
* app.use(MazUi, {
|
|
24
|
-
* theme: {
|
|
25
|
-
* preset: mazUiPreset,
|
|
26
|
-
* strategy: 'hybrid',
|
|
27
|
-
* darkMode: 'class',
|
|
28
|
-
* },
|
|
29
|
-
* translations: {
|
|
30
|
-
* locale: 'en',
|
|
31
|
-
* translations: {
|
|
32
|
-
* en: {
|
|
33
|
-
* ...
|
|
34
|
-
* },
|
|
35
|
-
* fr: {
|
|
36
|
-
* ...
|
|
37
|
-
* },
|
|
38
|
-
* },
|
|
39
|
-
* },
|
|
40
|
-
* })
|
|
41
|
-
* ```
|
|
42
|
-
*/
|
|
43
|
-
export declare const MazUi: Plugin<[MazUiOptions]>;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { ToastOptions } from './types';
|
|
2
|
-
export interface MazToastProps extends ToastOptions {
|
|
3
|
-
/**
|
|
4
|
-
* The message of the toast
|
|
5
|
-
*/
|
|
6
|
-
message?: string;
|
|
7
|
-
/**
|
|
8
|
-
* The type of the toast
|
|
9
|
-
*/
|
|
10
|
-
type?: ToastOptions['type'];
|
|
11
|
-
/**
|
|
12
|
-
* The function to destroy the toast
|
|
13
|
-
*/
|
|
14
|
-
destroy?: () => void;
|
|
15
|
-
}
|
|
16
|
-
declare function closeToast(): void;
|
|
17
|
-
declare const _default: import('vue').DefineComponent<MazToastProps, {
|
|
18
|
-
/**
|
|
19
|
-
* Close the toast
|
|
20
|
-
* @description This is used to close the toast
|
|
21
|
-
*/
|
|
22
|
-
closeToast: typeof closeToast;
|
|
23
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
24
|
-
click: (args_0: Event) => any;
|
|
25
|
-
close: () => any;
|
|
26
|
-
open: () => any;
|
|
27
|
-
}, string, import('vue').PublicProps, Readonly<MazToastProps> & Readonly<{
|
|
28
|
-
onClick?: ((args_0: Event) => any) | undefined;
|
|
29
|
-
onClose?: (() => any) | undefined;
|
|
30
|
-
onOpen?: (() => any) | undefined;
|
|
31
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
32
|
-
Toast: HTMLDivElement;
|
|
33
|
-
}, any>;
|
|
34
|
-
export default _default;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { App } from 'vue';
|
|
2
|
-
import { ToastOptions } from './types';
|
|
3
|
-
export declare class ToastHandler {
|
|
4
|
-
private readonly app;
|
|
5
|
-
private readonly globalOptions?;
|
|
6
|
-
constructor(app: App, globalOptions?: ToastOptions | undefined);
|
|
7
|
-
private show;
|
|
8
|
-
private getLocalOptions;
|
|
9
|
-
message(message: string, options?: ToastOptions): {
|
|
10
|
-
destroy: () => void;
|
|
11
|
-
close: () => any;
|
|
12
|
-
};
|
|
13
|
-
success(message: string, options?: Omit<ToastOptions, 'type'>): {
|
|
14
|
-
destroy: () => void;
|
|
15
|
-
close: () => any;
|
|
16
|
-
};
|
|
17
|
-
error(message: string, options?: Omit<ToastOptions, 'type'>): {
|
|
18
|
-
destroy: () => void;
|
|
19
|
-
close: () => any;
|
|
20
|
-
};
|
|
21
|
-
info(message: string, options?: Omit<ToastOptions, 'type'>): {
|
|
22
|
-
destroy: () => void;
|
|
23
|
-
close: () => any;
|
|
24
|
-
};
|
|
25
|
-
warning(message: string, options?: Omit<ToastOptions, 'type'>): {
|
|
26
|
-
destroy: () => void;
|
|
27
|
-
close: () => any;
|
|
28
|
-
};
|
|
29
|
-
}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { IconComponent } from '@maz-ui/icons';
|
|
2
|
-
import { RouteLocationRaw } from 'vue-router';
|
|
3
|
-
import { MazBtnProps } from '../../components/MazBtn.vue';
|
|
4
|
-
import { MazColor } from '../../components/types';
|
|
5
|
-
export type ToastPosition = 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
|
|
6
|
-
export interface ToastButton extends MazBtnProps {
|
|
7
|
-
/**
|
|
8
|
-
* If the toast is closed when the button is clicked
|
|
9
|
-
* @default false
|
|
10
|
-
*/
|
|
11
|
-
closeToast?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* The text of the button
|
|
14
|
-
*/
|
|
15
|
-
text?: string;
|
|
16
|
-
/**
|
|
17
|
-
* The target of the button
|
|
18
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
|
|
19
|
-
* @default _self
|
|
20
|
-
*/
|
|
21
|
-
target?: string;
|
|
22
|
-
/**
|
|
23
|
-
* The method to call when the button is clicked
|
|
24
|
-
*/
|
|
25
|
-
onClick?: () => unknown;
|
|
26
|
-
/**
|
|
27
|
-
* The route to navigate to when the button is clicked
|
|
28
|
-
* (only with `vue-router`)
|
|
29
|
-
*/
|
|
30
|
-
to?: RouteLocationRaw;
|
|
31
|
-
/**
|
|
32
|
-
* The URL to navigate to when the button is clicked
|
|
33
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
|
|
34
|
-
*/
|
|
35
|
-
href?: string;
|
|
36
|
-
/**
|
|
37
|
-
* The size of the button
|
|
38
|
-
* @default 'xs'
|
|
39
|
-
*/
|
|
40
|
-
size?: MazBtnProps['size'];
|
|
41
|
-
/**
|
|
42
|
-
* The color of the button
|
|
43
|
-
* @default color of the toast
|
|
44
|
-
*/
|
|
45
|
-
color?: MazBtnProps['color'];
|
|
46
|
-
}
|
|
47
|
-
export interface ToastOptions {
|
|
48
|
-
/**
|
|
49
|
-
* If the message is HTML
|
|
50
|
-
* @default false
|
|
51
|
-
*/
|
|
52
|
-
html?: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* The type of the toast
|
|
55
|
-
* @default 'info'
|
|
56
|
-
*/
|
|
57
|
-
type?: MazColor;
|
|
58
|
-
/**
|
|
59
|
-
* The maximum number of toasts to display
|
|
60
|
-
* @default false
|
|
61
|
-
*/
|
|
62
|
-
maxToasts?: number | boolean;
|
|
63
|
-
/**
|
|
64
|
-
* If the toast is queued, it will be displayed in the order of the toasts
|
|
65
|
-
* @default false
|
|
66
|
-
*/
|
|
67
|
-
queue?: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* The position of the toast on the screen
|
|
70
|
-
* @default 'bottom-right'
|
|
71
|
-
*/
|
|
72
|
-
position?: ToastPosition;
|
|
73
|
-
/**
|
|
74
|
-
* If the toast is paused on hover, it will be paused when the mouse is over the toast
|
|
75
|
-
* @default true
|
|
76
|
-
*/
|
|
77
|
-
pauseOnHover?: boolean;
|
|
78
|
-
/**
|
|
79
|
-
* The timeout is in ms, it's the time before the toast is automatically closed
|
|
80
|
-
* if set to `false`, the toast will not be closed automatically
|
|
81
|
-
* @default 10000
|
|
82
|
-
*/
|
|
83
|
-
timeout?: number | boolean;
|
|
84
|
-
/**
|
|
85
|
-
* If the toast is persistent, the user should close it manually
|
|
86
|
-
* @default false
|
|
87
|
-
*/
|
|
88
|
-
persistent?: boolean;
|
|
89
|
-
/**
|
|
90
|
-
* Display an icon in the toast
|
|
91
|
-
* @default true
|
|
92
|
-
*/
|
|
93
|
-
icon?: false | IconComponent;
|
|
94
|
-
/**
|
|
95
|
-
* The action will be displayed as a button in the toast
|
|
96
|
-
* @default undefined
|
|
97
|
-
*/
|
|
98
|
-
button?: ToastButton;
|
|
99
|
-
/**
|
|
100
|
-
* The actions will be displayed as a buttons in the toast
|
|
101
|
-
* @default undefined
|
|
102
|
-
*/
|
|
103
|
-
buttons?: ToastButton[];
|
|
104
|
-
}
|
package/dist/plugins/toast.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Plugin } from 'vue';
|
|
2
|
-
import { ToastOptions } from './toast/types';
|
|
3
|
-
import { ToastHandler } from './toast/ToastHandler';
|
|
4
|
-
export declare const ToastPlugin: Plugin<[ToastOptions?]>;
|
|
5
|
-
declare module 'vue' {
|
|
6
|
-
interface ComponentCustomProperties {
|
|
7
|
-
/**
|
|
8
|
-
* Toast handler instance
|
|
9
|
-
* @description You should install the plugin to use this property
|
|
10
|
-
* @example
|
|
11
|
-
* ```ts
|
|
12
|
-
* import { ToastPlugin } from 'maz-ui/plugins/toast'
|
|
13
|
-
* import { createApp } from 'vue'
|
|
14
|
-
*
|
|
15
|
-
* const app = createApp(App)
|
|
16
|
-
* app.use(ToastPlugin)
|
|
17
|
-
*
|
|
18
|
-
* const toast = useToast()
|
|
19
|
-
* toast.success('Hello, world!')
|
|
20
|
-
*/
|
|
21
|
-
$mazToast: ToastHandler;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
export { ToastHandler };
|
|
25
|
-
export type { ToastOptions, ToastPosition } from './toast/types';
|
package/dist/plugins/wait.d.ts
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { Plugin } from 'vue';
|
|
2
|
-
type LoaderId = string | symbol | number;
|
|
3
|
-
export declare class WaitHandler {
|
|
4
|
-
private _loaders;
|
|
5
|
-
get loaders(): import('vue').ComputedRef<LoaderId[]>;
|
|
6
|
-
stop(loaderId?: LoaderId): this;
|
|
7
|
-
start(loaderId?: LoaderId): this;
|
|
8
|
-
isLoading(loaderId?: LoaderId): boolean;
|
|
9
|
-
get anyLoading(): import('vue').ComputedRef<boolean>;
|
|
10
|
-
}
|
|
11
|
-
export declare const waitInstance: WaitHandler;
|
|
12
|
-
export declare const WaitPlugin: Plugin;
|
|
13
|
-
declare module 'vue' {
|
|
14
|
-
interface ComponentCustomProperties {
|
|
15
|
-
/**
|
|
16
|
-
* Wait handler instance
|
|
17
|
-
* @description You should install the plugin to use this property
|
|
18
|
-
* @examl
|
|
19
|
-
* ```ts
|
|
20
|
-
* import { WaitPlugin } from 'maz-ui/plugins/wait'
|
|
21
|
-
* import { createApp } from 'vue'
|
|
22
|
-
*
|
|
23
|
-
* const app = createApp(App)
|
|
24
|
-
* app.use(WaitPlugin)
|
|
25
|
-
*
|
|
26
|
-
* const wait = useWait()
|
|
27
|
-
* wait.start()
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
$mazWait: WaitHandler;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ComponentResolver } from 'unplugin-vue-components/types';
|
|
2
|
-
/**
|
|
3
|
-
* Resolver for Maz-UI (components)
|
|
4
|
-
*
|
|
5
|
-
* @author @louismazel
|
|
6
|
-
* @link https://maz-ui.com
|
|
7
|
-
*/
|
|
8
|
-
export declare function MazComponentsResolver(options?: {
|
|
9
|
-
devMode?: boolean;
|
|
10
|
-
}): ComponentResolver;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ComponentResolver } from 'unplugin-vue-components/types';
|
|
2
|
-
/**
|
|
3
|
-
* Resolver for Maz-UI (directives)
|
|
4
|
-
*
|
|
5
|
-
* @author @louismazel
|
|
6
|
-
* @link https://maz-ui.com
|
|
7
|
-
*/
|
|
8
|
-
export declare function MazDirectivesResolver(options?: {
|
|
9
|
-
devMode?: boolean;
|
|
10
|
-
prefix?: string;
|
|
11
|
-
}): ComponentResolver;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ResolverFunction } from 'unplugin-auto-import/types';
|
|
2
|
-
/**
|
|
3
|
-
* Resolver for Maz-UI (modules)
|
|
4
|
-
*
|
|
5
|
-
* @author @louismazel
|
|
6
|
-
* @link https://maz-ui.com
|
|
7
|
-
*/
|
|
8
|
-
export declare function MazModulesResolver(options?: {
|
|
9
|
-
devMode?: boolean;
|
|
10
|
-
prefix?: string;
|
|
11
|
-
}): ResolverFunction;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export * from './tailwind.config';
|
|
2
|
-
export * from './utils/colors';
|
|
3
|
-
export { getNumericScreensFromTailwind, screens } from './variables/breakpoints';
|
|
4
|
-
export * from './variables/colors';
|
|
5
|
-
export * from './variables/design-tokens';
|
|
6
|
-
export { zIndex } from './variables/z-indexes';
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { Config } from 'tailwindcss';
|
|
2
|
-
import { getNumericScreensFromTailwind } from './variables/breakpoints';
|
|
3
|
-
export { getNumericScreensFromTailwind };
|
|
4
|
-
export declare function defineMazTailwindConfig(config?: Partial<Config> & {
|
|
5
|
-
content: Config['content'];
|
|
6
|
-
}, { utilities }?: {
|
|
7
|
-
utilities?: Record<string, any>;
|
|
8
|
-
}): {
|
|
9
|
-
content: (import('tailwindcss/types/config').ContentConfig | undefined) & import('tailwindcss/types/config').ContentConfig;
|
|
10
|
-
important?: Partial<import('tailwindcss/types/config').ImportantConfig> | undefined;
|
|
11
|
-
prefix?: string | undefined;
|
|
12
|
-
separator?: string | undefined;
|
|
13
|
-
safelist?: import('tailwindcss/types/config').SafelistConfig[] | undefined;
|
|
14
|
-
blocklist?: string[] | undefined;
|
|
15
|
-
presets?: Partial<import('tailwindcss/types/config').Config>[] | undefined;
|
|
16
|
-
future?: Partial<import('tailwindcss/types/config').FutureConfig> | undefined;
|
|
17
|
-
experimental?: Partial<import('tailwindcss/types/config').ExperimentalConfig> | undefined;
|
|
18
|
-
darkMode: Partial<import('tailwindcss/types/config').DarkModeConfig>;
|
|
19
|
-
theme: Partial<import('tailwindcss/types/config').CustomThemeConfig & {
|
|
20
|
-
extend: Partial<import('tailwindcss/types/config').CustomThemeConfig>;
|
|
21
|
-
}> | {
|
|
22
|
-
extend: {
|
|
23
|
-
colors: import('tailwindcss/types/config').ResolvableTo<import('tailwindcss/types/config').RecursiveKeyValuePair<string, string>>;
|
|
24
|
-
screens: {
|
|
25
|
-
'mob-s': string;
|
|
26
|
-
'mob-m': string;
|
|
27
|
-
'mob-l': string;
|
|
28
|
-
'tab-s': string;
|
|
29
|
-
'tab-m': string;
|
|
30
|
-
'tab-l': string;
|
|
31
|
-
'lap-s': string;
|
|
32
|
-
'lap-m': string;
|
|
33
|
-
'lap-l': string;
|
|
34
|
-
'lap-xl': string;
|
|
35
|
-
'lap-2xl': string;
|
|
36
|
-
'lap-3xl': string;
|
|
37
|
-
};
|
|
38
|
-
zIndex: {
|
|
39
|
-
'1': string;
|
|
40
|
-
'2': string;
|
|
41
|
-
'3': string;
|
|
42
|
-
'4': string;
|
|
43
|
-
'5': string;
|
|
44
|
-
'15': string;
|
|
45
|
-
'25': string;
|
|
46
|
-
'35': string;
|
|
47
|
-
'45': string;
|
|
48
|
-
'75': string;
|
|
49
|
-
'100': string;
|
|
50
|
-
'default-backdrop': string;
|
|
51
|
-
};
|
|
52
|
-
borderRadius: {
|
|
53
|
-
sm: string;
|
|
54
|
-
md: string;
|
|
55
|
-
DEFAULT: string;
|
|
56
|
-
lg: string;
|
|
57
|
-
xl: string;
|
|
58
|
-
};
|
|
59
|
-
borderColor: {
|
|
60
|
-
DEFAULT: string;
|
|
61
|
-
};
|
|
62
|
-
borderWidth: {
|
|
63
|
-
DEFAULT: string;
|
|
64
|
-
0: string;
|
|
65
|
-
2: string;
|
|
66
|
-
4: string;
|
|
67
|
-
8: string;
|
|
68
|
-
};
|
|
69
|
-
fontFamily: {
|
|
70
|
-
sans: string;
|
|
71
|
-
};
|
|
72
|
-
transitionDuration: {
|
|
73
|
-
DEFAULT: string;
|
|
74
|
-
};
|
|
75
|
-
transitionTimingFunction: {
|
|
76
|
-
DEFAULT: string;
|
|
77
|
-
};
|
|
78
|
-
boxShadow: {
|
|
79
|
-
sm: string;
|
|
80
|
-
DEFAULT: string;
|
|
81
|
-
md: string;
|
|
82
|
-
lg: string;
|
|
83
|
-
xl: string;
|
|
84
|
-
};
|
|
85
|
-
};
|
|
86
|
-
};
|
|
87
|
-
corePlugins?: Partial<import('tailwindcss/types/config').CorePluginsConfig> | undefined;
|
|
88
|
-
plugins: Partial<import('tailwindcss/types/config').PluginsConfig>;
|
|
89
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ThemeConfig } from 'tailwindcss/types/config';
|
|
2
|
-
export declare function getColors(): ThemeConfig['colors'];
|
|
3
|
-
export declare function createScaleColor(colorName: string): Record<string, string>;
|
|
4
|
-
export declare function createSimpleColor(colorName: string, withForeground?: boolean): string | {
|
|
5
|
-
DEFAULT: string;
|
|
6
|
-
foreground: string;
|
|
7
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare const screens: {
|
|
2
|
-
'mob-s': string;
|
|
3
|
-
'mob-m': string;
|
|
4
|
-
'mob-l': string;
|
|
5
|
-
'tab-s': string;
|
|
6
|
-
'tab-m': string;
|
|
7
|
-
'tab-l': string;
|
|
8
|
-
'lap-s': string;
|
|
9
|
-
'lap-m': string;
|
|
10
|
-
'lap-l': string;
|
|
11
|
-
'lap-xl': string;
|
|
12
|
-
'lap-2xl': string;
|
|
13
|
-
'lap-3xl': string;
|
|
14
|
-
};
|
|
15
|
-
export declare function getNumericScreensFromTailwind<T extends Record<string, string> | Record<string, number>>(inputScreens: T): Record<keyof T, number>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export declare const baseColors: {};
|
|
2
|
-
export declare const scaleColors: {
|
|
3
|
-
readonly primary: "primary";
|
|
4
|
-
readonly secondary: "secondary";
|
|
5
|
-
readonly accent: "accent";
|
|
6
|
-
readonly destructive: "destructive";
|
|
7
|
-
readonly success: "success";
|
|
8
|
-
readonly warning: "warning";
|
|
9
|
-
readonly contrast: "contrast";
|
|
10
|
-
readonly info: "info";
|
|
11
|
-
readonly foreground: "foreground";
|
|
12
|
-
readonly surface: "background";
|
|
13
|
-
readonly divider: "border";
|
|
14
|
-
readonly elevation: "shadow";
|
|
15
|
-
readonly overlay: "overlay";
|
|
16
|
-
readonly muted: "muted";
|
|
17
|
-
};
|
|
18
|
-
export declare const noForegroundColors: ["surface", "foreground", "overlay", "divider", "muted", "elevation"];
|
|
19
|
-
export declare const colorScales: readonly ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
|
|
20
|
-
export type ScaleColorName = keyof typeof scaleColors;
|
|
21
|
-
export type ColorScale = typeof colorScales[number];
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
export declare const designTokens: {
|
|
2
|
-
borderRadius: {
|
|
3
|
-
sm: string;
|
|
4
|
-
md: string;
|
|
5
|
-
DEFAULT: string;
|
|
6
|
-
lg: string;
|
|
7
|
-
xl: string;
|
|
8
|
-
};
|
|
9
|
-
borderColor: {
|
|
10
|
-
DEFAULT: string;
|
|
11
|
-
};
|
|
12
|
-
borderWidth: {
|
|
13
|
-
DEFAULT: string;
|
|
14
|
-
0: string;
|
|
15
|
-
2: string;
|
|
16
|
-
4: string;
|
|
17
|
-
8: string;
|
|
18
|
-
};
|
|
19
|
-
fontFamily: {
|
|
20
|
-
sans: string;
|
|
21
|
-
};
|
|
22
|
-
transitionDuration: {
|
|
23
|
-
DEFAULT: string;
|
|
24
|
-
};
|
|
25
|
-
transitionTimingFunction: {
|
|
26
|
-
DEFAULT: string;
|
|
27
|
-
};
|
|
28
|
-
boxShadow: {
|
|
29
|
-
sm: string;
|
|
30
|
-
DEFAULT: string;
|
|
31
|
-
md: string;
|
|
32
|
-
lg: string;
|
|
33
|
-
xl: string;
|
|
34
|
-
};
|
|
35
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export declare const utilities: {
|
|
2
|
-
'.flex-center': {
|
|
3
|
-
'align-items': string;
|
|
4
|
-
'justify-content': string;
|
|
5
|
-
};
|
|
6
|
-
'.padded-container-no-p': {
|
|
7
|
-
width: string;
|
|
8
|
-
'padding-inline': string;
|
|
9
|
-
};
|
|
10
|
-
'.padded-container': {
|
|
11
|
-
width: string;
|
|
12
|
-
'padding-inline': string;
|
|
13
|
-
};
|
|
14
|
-
'.cap-f::first-letter': {
|
|
15
|
-
'text-transform': string;
|
|
16
|
-
};
|
|
17
|
-
};
|