maz-ui 4.0.0-beta.31 → 4.0.0-beta.35

package/dist/plugins/aos.d.ts

@@ -0,0 +1,81 @@
+import { Plugin } from 'vue';
+import { Router } from 'vue-router';
+export interface AosOptions {
+    animation?: {
+        /**
+         * The delay of the animation
+         * @default 0
+         */
+        delay?: number;
+        /**
+         * The duration of the animation
+         * @default 300
+         */
+        duration?: number;
+        /**
+         * If true, the animation will be triggered only once
+         * @default true
+         */
+        once?: boolean;
+    };
+    /**
+     * The delay before the animation starts
+     * @default 100
+     */
+    delay?: number;
+    /**
+     * The observer options
+     * @default {
+     *   root: undefined,
+     *   rootMargin: '0px',
+     *   threshold: 0.2,
+     * }
+     */
+    observer?: IntersectionObserverInit;
+    /**
+     * The router instance to trigger the animation on route change
+     * @default undefined
+     */
+    router?: Router;
+}
+interface ClassOptions extends Omit<AosOptions, 'router'> {
+    animation: {
+        delay: number;
+        duration: number;
+        once: boolean;
+    };
+    delay: number;
+    observer: IntersectionObserverInit & {
+        rootMargin: string;
+        threshold: number | number[];
+    };
+}
+export declare class AosHandler {
+    options: ClassOptions;
+    constructor(options?: Omit<AosOptions, 'router'>);
+    private handleIntersect;
+    private handleObserver;
+    runAnimations(): Promise<void> | undefined;
+}
+export declare const AosPlugin: Plugin<[AosOptions?]>;
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        /**
+         * Aos handler instance
+         * @description You should install the plugin to use this property
+         * @examl
+         * ```ts
+         * import { AosPlugin } from 'maz-ui/plugins/aos'
+         * import { createApp } from 'vue'
+         *
+         * const app = createApp(App)
+         * app.use(AosPlugin)
+         *
+         * const aos = useAos()
+         * aos.runAnimations()
+         */
+        $mazAos: AosHandler;
+    }
+}
+export declare function getAosInstance(): AosHandler;
+export {};

package/dist/plugins/aos.js

@@ -1,5 +1,5 @@
-import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
-import { s as sleep } from "../chunks/sleep.BLRH1qZG.js";
+import { e } from "../chunks/isClient.8V3qjGdO.js";
+import { n } from "../chunks/sleep.Ci7GE4BQ.js";
 const DEFAULT_OPTIONS = {
   delay: 100,
   observer: {
@@ -56,7 +56,7 @@ class AosHandler {
     }
   }
   async handleObserver() {
-    await sleep(this.options.delay);
+    await n(this.options.delay);
     const observer = new IntersectionObserver(this.handleIntersect.bind(this), this.options.observer);
     for (const element of document.querySelectorAll("[data-maz-aos]")) {
       const anchorAttr = element.getAttribute("data-maz-aos-anchor");
@@ -68,7 +68,7 @@ class AosHandler {
     }
   }
   runAnimations() {
-    if (isClient())
+    if (e())
       return this.handleObserver();
     console.warn("[MazAos](runAnimations) should be executed on client side");
   }
@@ -76,7 +76,7 @@ class AosHandler {
 let instance;
 const AosPlugin = {
   install: (app, options) => {
-    instance = new AosHandler(options), app.provide("mazAos", instance), app.config.globalProperties.$mazAos = instance, isClient() && (options?.router ? options.router.afterEach(() => {
+    instance = new AosHandler(options), app.provide("mazAos", instance), app.config.globalProperties.$mazAos = instance, e() && (options?.router ? options.router.afterEach(() => {
       instance.runAnimations();
     }) : instance.runAnimations());
   }

package/dist/plugins/dialog/DialogHandler.d.ts

@@ -0,0 +1,16 @@
+import { App } from 'vue';
+import { MazDialogConfirmProps } from '../../components/MazDialogConfirm.vue';
+export type DialogOptions = Partial<Omit<MazDialogConfirmProps, 'modelValue' | 'variant' | 'justify'>> & {
+    onClose?: () => unknown;
+    onAccept?: (response: unknown) => unknown;
+    onReject?: (response: unknown) => unknown;
+};
+export declare class DialogHandler {
+    private readonly app;
+    readonly globalOptions: DialogOptions;
+    constructor(app: App, globalOptions?: DialogOptions);
+    open(options: DialogOptions): {
+        destroy: () => void;
+        close: () => void;
+    };
+}

package/dist/plugins/dialog.d.ts

@@ -0,0 +1,26 @@
+import { Plugin } from 'vue';
+import { DialogOptions, DialogHandler } from './dialog/DialogHandler';
+export declare const DialogPlugin: Plugin<[DialogOptions?]>;
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        /**
+         * Dialog handler instance
+         * @description You should install the plugin to use this property
+         * @examl
+         * ```ts
+         * import { DialogPlugin } from 'maz-ui/plugins/dialog'
+         * import { createApp } from 'vue'
+         *
+         * const app = createApp(App)
+         * app.use(DialogPlugin)
+         *
+         * const dialog = useDialog()
+         * dialog.open({
+         *   title: 'Hello',
+         *   message: 'This is a dialog',
+         * })
+         */
+        $mazDialog: Omit<DialogHandler, 'app'>;
+    }
+}
+export { DialogHandler, type DialogOptions } from './dialog/DialogHandler';

package/dist/plugins/dialog.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main, u as useMazDialogConfirm } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.Grn2kB3x.js";
+import { _ as _sfc_main, u as useMazDialogConfirm } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.DuEcluOw.js";
 import { useMountComponent } from "../composables/useMountComponent.js";
 const DEFAULT_OPTIONS = {
   identifier: "main-dialog"

package/dist/plugins/index.d.ts

@@ -0,0 +1,5 @@
+export { AosHandler, type AosOptions, AosPlugin, getAosInstance } from './aos';
+export { type DialogOptions, DialogPlugin } from './dialog';
+export { MazUi, type MazUiOptions } from './maz-ui';
+export { ToastHandler, type ToastOptions, ToastPlugin, type ToastPosition } from './toast';
+export { WaitHandler, waitInstance, WaitPlugin } from './wait';

package/dist/plugins/maz-ui.d.ts

@@ -0,0 +1,43 @@
+import { MazUiThemeOptions } from '@maz-ui/themes/plugin';
+import { MazUiTranslationsOptions } from '@maz-ui/translations';
+import { Plugin } from 'vue';
+export interface MazUiOptions {
+    /**
+     * The theme configurations
+     * Can not be disabled
+     */
+    theme: MazUiThemeOptions;
+    /**
+     * The translations configurations
+     * Can not be disabled
+     */
+    translations?: MazUiTranslationsOptions;
+}
+/**
+ * @example
+ * ```ts
+ * import { MazUi } from 'maz-ui/plugins/maz-ui'
+ * import { mazUi as mazUiPreset } from '@maz-ui/themes/presets/mazUi'
+ * import 'maz-ui/styles'
+ *
+ * app.use(MazUi, {
+ *   theme: {
+ *     preset: mazUiPreset,
+ *     strategy: 'hybrid',
+ *     darkMode: 'class',
+ *   },
+ *   translations: {
+ *     locale: 'en',
+ *     translations: {
+ *       en: {
+ *         ...
+ *       },
+ *       fr: {
+ *         ...
+ *       },
+ *     },
+ *   },
+ * })
+ * ```
+ */
+export declare const MazUi: Plugin<[MazUiOptions]>;