maz-ui 3.45.6 → 3.46.1-beta.0

package/components/MazAvatar.d.ts

@@ -1,6 +1,11 @@
+import type { HTMLAttributes } from 'vue';
 import type { Color } from './types';
 export type { Color };
 export interface Props {
+    /** The style of the component */
+    style?: HTMLAttributes['style'];
+    /** The class of the component */
+    class?: HTMLAttributes['class'];
     /** The source of the image */
     src?: string | null;
     /** The caption of the avatar */
@@ -44,6 +49,12 @@ export interface Props {
     fallbackSrc?: string;
     /** Load the fallback image by default */
     noPhoto?: boolean;
+    /**
+     * The loading strategy of the image - lazy, eager or intersecting
+     * @default 'intersecting'
+     * @values `'lazy' | 'eager' | 'intersecting'`
+     */
+    loading?: 'lazy' | 'eager' | 'intersecting';
 }
 declare function __VLS_template(): {
     slots: {
@@ -72,6 +83,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     size: string;
     src: string | null;
     roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    loading: "lazy" | "eager" | "intersecting";
     href: string;
     to: string | Record<string, unknown>;
     target: string;

package/components/MazAvatar.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazAvatar-DVjTbmNj.mjs";
+import { M as f } from "./chunks/MazAvatar-BXZpFUaZ.mjs";
 export {
   f as default
 };

package/components/MazBackdrop.d.ts

@@ -36,20 +36,20 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value: void) => any;
     open: (value: void) => any;
-    "before-close": (value: void) => any;
     "update:model-value": (value: boolean) => any;
+    "before-close": (value: void) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onClose?: ((value?: void | undefined) => any) | undefined;
     onOpen?: ((value?: void | undefined) => any) | undefined;
-    "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
     "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+    "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
 }>, {
-    persistent: boolean;
-    transitionName: string;
     modelValue: boolean;
     teleportSelector: string;
     beforeClose: () => Promise<void> | void;
+    persistent: boolean;
     noCloseOnEscKey: boolean;
+    transitionName: string;
     backdropClass: HTMLAttributes["class"];
     backdropContentClass: HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/MazBtn.d.ts

@@ -115,10 +115,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    type: "submit" | "reset" | "button";
     size: Size;
-    variant: "button" | "link";
     color: Color;
+    type: "submit" | "reset" | "button";
+    variant: "button" | "link";
     roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
     icon: string | Icon;
     leftIcon: string | Icon;

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCard-BY62rYtJ.mjs";
+import { M as f } from "./chunks/MazCard-dFVJALiZ.mjs";
 export {
   f as default
 };

package/components/MazChart.d.ts

@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     options: Record<string, any>;
-    updateMode: "reset" | "resize" | "none" | "default" | "hide" | "show" | "active";
+    updateMode: "reset" | "resize" | "default" | "none" | "hide" | "show" | "active";
     plugins: unknown[];
     datasetIdKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/MazDialog.d.ts

@@ -1,5 +1,6 @@
+import type { ComponentPublicInstance, HTMLAttributes } from 'vue';
 import { type Props as MazBackdropProps } from './MazBackdrop.vue';
-export interface Props {
+export interface InternalProps {
     /** @model Modal's model value */
     modelValue?: boolean;
     /** Title of the modal in header */
@@ -17,6 +18,7 @@ export interface Props {
     /** Persistent dialog (not closable by clicking outside and remove close button) */
     persistent?: boolean;
 }
+export type Props = InternalProps & MazBackdropProps;
 declare function __VLS_template(): {
     slots: {
         header?(_: {
@@ -30,15 +32,130 @@ declare function __VLS_template(): {
             close: () => void;
         }): any;
     };
-    refs: {};
+    refs: {
+        backdrop: ({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: boolean | undefined;
+                readonly teleportSelector?: string | undefined;
+                readonly beforeClose?: (() => Promise<void> | void) | undefined;
+                readonly persistent?: boolean | undefined;
+                readonly noCloseOnEscKey?: boolean | undefined;
+                readonly transitionName?: string | undefined;
+                readonly backdropClass?: HTMLAttributes["class"];
+                readonly backdropContentClass?: HTMLAttributes["class"];
+                readonly onClose?: ((value?: void | undefined) => any) | undefined;
+                readonly onOpen?: ((value?: void | undefined) => any) | undefined;
+                readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+                readonly "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<MazBackdropProps> & Readonly<{
+                onClose?: ((value?: void | undefined) => any) | undefined;
+                onOpen?: ((value?: void | undefined) => any) | undefined;
+                "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+                "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
+            }>;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "close", value?: void | undefined) => void) & ((event: "open", value?: void | undefined) => void) & ((event: "update:model-value", value: boolean) => void) & ((event: "before-close", value?: void | undefined) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<MazBackdropProps> & Readonly<{
+                onClose?: ((value?: void | undefined) => any) | undefined;
+                onOpen?: ((value?: void | undefined) => any) | undefined;
+                "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+                "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
+            }>, {
+                onBackdropAnimationEnter: () => void;
+                onBackdropAnimationLeave: () => void;
+                onBackdropClicked: () => void;
+                close: () => void;
+                present: import("vue").Ref<boolean, boolean>;
+                toggleModal: (value: any) => Promise<void>;
+                onKeyPress: (event: KeyboardEvent) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                close: (value: void) => any;
+                open: (value: void) => any;
+                "update:model-value": (value: boolean) => any;
+                "before-close": (value: void) => any;
+            }, string, {
+                modelValue: boolean;
+                teleportSelector: string;
+                beforeClose: () => Promise<void> | void;
+                persistent: boolean;
+                noCloseOnEscKey: boolean;
+                transitionName: string;
+                backdropClass: HTMLAttributes["class"];
+                backdropContentClass: HTMLAttributes["class"];
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+        } & Readonly<{
+            modelValue: boolean;
+            teleportSelector: string;
+            beforeClose: () => Promise<void> | void;
+            persistent: boolean;
+            noCloseOnEscKey: boolean;
+            transitionName: string;
+            backdropClass: HTMLAttributes["class"];
+            backdropContentClass: HTMLAttributes["class"];
+        }> & Omit<Readonly<MazBackdropProps> & Readonly<{
+            onClose?: ((value?: void | undefined) => any) | undefined;
+            onOpen?: ((value?: void | undefined) => any) | undefined;
+            "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+            "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
+        }>, "close" | "onBackdropAnimationEnter" | "onBackdropAnimationLeave" | "onBackdropClicked" | "present" | "toggleModal" | "onKeyPress" | ("modelValue" | "teleportSelector" | "beforeClose" | "persistent" | "noCloseOnEscKey" | "transitionName" | "backdropClass" | "backdropContentClass")> & import("vue").ShallowUnwrapRef<{
+            onBackdropAnimationEnter: () => void;
+            onBackdropAnimationLeave: () => void;
+            onBackdropClicked: () => void;
+            close: () => void;
+            present: import("vue").Ref<boolean, boolean>;
+            toggleModal: (value: any) => Promise<void>;
+            onKeyPress: (event: KeyboardEvent) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {
+                    close: () => void;
+                }): any;
+            };
+        }) | null;
+    };
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props & MazBackdropProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<InternalProps & MazBackdropProps, {
+    close: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value: void) => any;
     open: (value: void) => any;
     "update:model-value": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<Props & MazBackdropProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<InternalProps & MazBackdropProps> & Readonly<{
     onClose?: ((value?: void | undefined) => any) | undefined;
     onOpen?: ((value?: void | undefined) => any) | undefined;
     "onUpdate:model-value"?: ((value: boolean) => any) | undefined;

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazDialog-DZhBJeVd.mjs";
+import { M as f } from "./chunks/MazDialog-C3DzTTKe.mjs";
 export {
   f as default
 };

package/components/MazDialogPromise/useMazDialogPromise.d.ts

@@ -0,0 +1,80 @@
+import type { Ref } from 'vue';
+import type { Props } from '../MazBtn.vue';
+import type { Size } from './../types';
+export interface DialogState {
+    id: string;
+    isActive: boolean;
+    resolve: (value: unknown) => void;
+    reject?: (reason?: unknown) => void;
+}
+export interface DialogButton extends Props {
+    text?: string;
+    size?: Size;
+}
+export interface ActionButton {
+    text: string;
+    action: () => unknown;
+}
+export interface PromiseButton {
+    text: string;
+    type: 'resolve' | 'reject';
+    response?: unknown;
+}
+export type DialogCustomButton = Omit<DialogButton, 'type'> & (PromiseButton | ActionButton);
+export interface DialogData {
+    /**
+     * Dialog title
+     */
+    title?: string;
+    /**
+     * Dialog message
+     */
+    message?: string;
+    /**
+     * Dialog cancel text
+     * @default 'Cancel'
+     */
+    cancelText?: string;
+    /**
+     * Dialog cancel button
+     * @default { text: 'Cancel', color: 'danger', outline: true }`
+     */
+    cancelButton?: false | DialogButton;
+    /**
+     * Dialog confirm text
+     * @default 'Confirm'
+     */
+    confirmText?: string;
+    /**
+     * Dialog confirm button
+     * @default { text: 'Confirm', color: 'success' }
+     */
+    confirmButton?: false | DialogButton;
+    /**
+     * This is a list of custom buttons that will replace the default confirm and cancel buttons
+     */
+    buttons?: DialogCustomButton[];
+}
+export declare const defaultData: {
+    cancelText: string;
+    confirmText: string;
+    cancelButton: {
+        text: string;
+        color: "danger";
+    };
+    confirmButton: {
+        text: string;
+        color: "success";
+    };
+};
+declare function showDialogAndWaitChoice(identifier: string, callback?: () => unknown): Promise<unknown>;
+declare function removeDialogFromState(identifier: string): DialogState[];
+export declare function useMazDialogPromise(): {
+    data: Ref<DialogData, DialogData>;
+    dialogState: Ref<DialogState[], DialogState[]>;
+    showDialogAndWaitChoice: typeof showDialogAndWaitChoice;
+    removeDialogFromState: typeof removeDialogFromState;
+    rejectDialog: (currentDialog: DialogState, response?: unknown, action?: () => unknown) => Promise<void>;
+    resolveDialog: (currentDialog: DialogState, response?: unknown, action?: () => unknown) => Promise<void>;
+};
+export {};

package/components/MazDialogPromise.d.ts

@@ -1,28 +1,38 @@
+import type { DialogCustomButton, DialogData } from './MazDialogPromise/useMazDialogPromise';
 import { type Props as MazDialogProps } from './MazDialog.vue';
-import { type DialogCustomButton, type DialogData } from './MazDialogPromise/use-maz-dialog-promise';
-export interface InternalProps extends MazDialogProps {
+export interface MazDialogPromiseProps {
     /** Dialog Data - @type DialogData */
     data?: DialogData;
+    /** Message to display */
+    message?: string;
     /** Uniq identifier */
     identifier: string;
     /** Custom buttons - @type DialogCustomButton[] */
     buttons?: DialogCustomButton[];
 }
-export type Props = InternalProps;
-export { type DialogData, type DialogState, useMazDialogPromise, } from './MazDialogPromise/use-maz-dialog-promise';
-export type { Color, Size } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<InternalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InternalProps> & Readonly<{}>, {
+export type Props = MazDialogPromiseProps & MazDialogProps & DialogData;
+export { useMazDialogPromise } from './MazDialogPromise/useMazDialogPromise';
+export type { ActionButton, DialogButton, DialogCustomButton, DialogData, DialogState, PromiseButton } from './MazDialogPromise/useMazDialogPromise';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<MazDialogPromiseProps & import("./MazDialog.vue").InternalProps & import("./MazBackdrop.vue").Props & DialogData, {
+    close: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (value: void) => any;
+    open: (value: void) => any;
+}, string, import("vue").PublicProps, Readonly<MazDialogPromiseProps & import("./MazDialog.vue").InternalProps & import("./MazBackdrop.vue").Props & DialogData> & Readonly<{
+    onClose?: ((value?: void | undefined) => any) | undefined;
+    onOpen?: ((value?: void | undefined) => any) | undefined;
+}>, {
     data: DialogData;
     buttons: DialogCustomButton[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     title?(_: {}): any;
     default?(_: {
-        resolve: (reason?: string | boolean) => void;
-        reject: (reason?: string | boolean) => void;
+        resolve: (reason?: unknown) => Promise<void>;
+        reject: (reason?: unknown) => Promise<void>;
     }): any;
     "footer-button"?(_: {
-        resolve: (reason?: string | boolean) => void;
-        reject: (reason?: string | boolean) => void;
+        resolve: (reason?: unknown) => Promise<void>;
+        reject: (reason?: unknown) => Promise<void>;
     }): any;
     "cancel-text"?(_: {}): any;
     "confirm-text"?(_: {}): any;

package/components/MazDialogPromise.mjs

@@ -1,4 +1,4 @@
-import { a as o, u as s } from "./chunks/MazDialogPromise-B5xH3Ew4.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-BjfZazCh.mjs";
 export {
   o as default,
   s as useMazDialogPromise

package/components/MazDrawer.d.ts

@@ -26,13 +26,13 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     open: () => any;
-    "before-close": () => any;
     "update:model-value": (value: boolean) => any;
+    "before-close": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
-    "onBefore-close"?: (() => any) | undefined;
     "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+    "onBefore-close"?: (() => any) | undefined;
 }>, {
     title: string;
     size: string;

package/components/MazDropdown.d.ts

@@ -1,16 +1,23 @@
 import type { RouteLocationRaw } from 'vue-router';
 import type { Color } from './MazBtn.vue';
+import type { Props as MazLinkProps } from './MazLink.vue';
 import type { Position } from './types';
 import { type HTMLAttributes } from 'vue';
 export type { Color, Position };
-export type MenuItem = {
+type ItemBase = Record<string, unknown> & {
     label: string;
-    action?: () => unknown;
+    class?: unknown;
+    color?: Color;
+};
+type LinkItem = ItemBase & MazLinkProps & {
     target?: string;
     href?: string;
     to?: RouteLocationRaw;
-    class?: unknown;
-} & Record<string, unknown>;
+};
+type ActionItem = ItemBase & {
+    action?: () => unknown;
+};
+export type MenuItem = (LinkItem | ActionItem);
 export interface Props {
     style?: HTMLAttributes['style'];
     class?: HTMLAttributes['class'];
@@ -66,9 +73,6 @@ declare function __VLS_template(): {
         "menuitem-label"?(_: {
             item: MenuItem;
         }): any;
-        "menuitem-label"?(_: {
-            item: MenuItem;
-        }): any;
     };
     refs: {};
     attrs: Partial<{}>;