maz-ui 3.12.2 → 3.14.0

package/types/components/MazGallery.vue.d.ts

@@ -108,11 +108,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    lazy: boolean;
-    blur: boolean;
-    height: string | number;
     width: string | number;
-    scale: boolean;
+    height: string | number;
+    blur: boolean;
+    lazy: boolean;
     images: MazGalleryImage[];
     imagesShownCount: number;
     noRemaining: boolean;
@@ -121,5 +120,6 @@ declare const _default: import("vue").DefineComponent<{
     noRadius: boolean;
     noZoom: boolean;
     hasEmptyLayer: boolean;
+    scale: boolean;
 }, {}>;
 export default _default;

package/types/components/MazIcon.vue.d.ts

@@ -54,11 +54,11 @@ declare const _default: import("vue").DefineComponent<{
     onLoaded?: ((...args: any[]) => any) | undefined;
     onUnloaded?: ((...args: any[]) => any) | undefined;
 }, {
+    size: string;
     title: string;
     path: string;
     name: string;
     src: string;
-    size: string;
     transformSource: (param: SVGElement) => SVGElement;
 }, {}>;
 export default _default;

package/types/components/MazInput.vue.d.ts

@@ -234,25 +234,25 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
     onUpdate?: ((...args: any[]) => any) | undefined;
 }, {
-    label: string;
-    type: string;
     success: boolean;
     warning: boolean;
-    required: boolean;
-    id: string;
-    placeholder: string;
+    size: Size;
     color: Color;
-    disabled: boolean;
+    type: string;
+    label: string;
     name: string;
+    disabled: boolean;
+    placeholder: string;
+    required: boolean;
     error: boolean;
-    size: Size;
+    id: string;
     modelValue: ModelValueSimple;
     leftIcon: string;
     rightIcon: string;

package/types/components/MazInputNumber.vue.d.ts

@@ -56,8 +56,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     size: Size;
+    disabled: boolean;
     max: number;
     min: number;
     step: number;

package/types/components/MazInputPrice.vue.d.ts

@@ -54,8 +54,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     max: number;
     min: number;
-    modelValue: string | number;
     currency: string;
+    modelValue: string | number;
     locale: string;
     noIcon: boolean;
 }, {}>, {

package/types/components/MazInputTags.vue.d.ts

@@ -79,14 +79,14 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
-    label: string;
     success: boolean;
     warning: boolean;
-    placeholder: string;
+    size: Size;
     color: Color;
+    label: string;
     disabled: boolean;
+    placeholder: string;
     error: boolean;
-    size: Size;
     modelValue: string[] | number[];
 }, {}>;
 export default _default;

package/types/components/MazPhoneNumberInput.vue.d.ts

@@ -215,12 +215,12 @@ declare const _default: import("vue").DefineComponent<{
     onUpdate?: ((...args: any[]) => any) | undefined;
     "onCountry-code"?: ((...args: any[]) => any) | undefined;
 }, {
-    id: string;
-    placeholder: string;
+    size: Size;
     color: Color;
     disabled: boolean;
+    placeholder: string;
     error: boolean;
-    size: Size;
+    id: string;
     modelValue: string;
     listPosition: Position;
     defaultPhoneNumber: string;

package/types/components/MazPicker.vue.d.ts

@@ -275,13 +275,12 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
+    color: Color;
     label: string;
     style: StyleValue;
     time: boolean;
-    placeholder: string;
-    color: Color;
     disabled: boolean;
-    format: string;
+    placeholder: string;
     open: boolean;
     modelValue: PickerValue;
     locale: string;
@@ -289,6 +288,7 @@ declare const _default: import("vue").DefineComponent<{
     noUseBrowserLocale: boolean;
     minDate: string;
     maxDate: string;
+    format: string;
     disabledWeekly: number[];
     disabledDates: string[];
     noShortcuts: boolean;

package/types/components/MazSelect.vue.d.ts

@@ -73,7 +73,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "blur" | "change" | "focus" | "open" | "update:model-value")[], "close" | "blur" | "change" | "focus" | "open" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "close" | "focus" | "open" | "update:model-value")[], "blur" | "change" | "close" | "focus" | "open" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<ModelValueSimple>;
         default: undefined;
@@ -145,22 +145,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
-    search: boolean;
-    required: boolean;
-    id: string;
+    size: Size;
     color: Color;
+    search: boolean;
     disabled: boolean;
-    size: Size;
+    required: boolean;
     open: boolean;
-    modelValue: ModelValueSimple;
+    id: string;
     options: MazSelectOption[];
+    modelValue: ModelValueSimple;
     optionValueKey: string;
     optionLabelKey: string;
     optionInputValueKey: string;

package/types/components/MazSlider.vue.d.ts

@@ -80,11 +80,11 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
-    color: Color;
     size: string;
+    color: Color;
+    labels: unknown[];
     max: number;
     min: number;
-    labels: unknown[];
     noDivider: boolean;
     log: boolean;
     noCursorAnim: boolean;

package/types/components/MazSpinner.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    color: Color;
     size: string;
+    color: Color;
 }, {}>;
 export default _default;

package/types/components/MazSwitch.vue.d.ts

@@ -46,9 +46,9 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
-    id: string;
     color: Color;
-    disabled: boolean;
     name: string;
+    disabled: boolean;
+    id: string;
 }, {}>;
 export default _default;

package/types/components/MazTextarea.vue.d.ts

@@ -105,15 +105,15 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
-    label: string;
     success: boolean;
     warning: boolean;
-    required: boolean;
-    id: string;
     color: Color;
-    disabled: boolean;
+    label: string;
     name: string;
+    disabled: boolean;
+    required: boolean;
     error: boolean;
+    id: string;
     modelValue: string;
     readonly: boolean;
     hint: string;

package/types/components/index.d.ts

@@ -11,6 +11,7 @@ export { default as MazDialog } from './MazDialog.vue';
 export { default as MazDialogPromise } from './MazDialogPromise.vue';
 export { default as MazDrawer } from './MazDrawer.vue';
 export { default as MazDropzone } from './MazDropzone.vue';
+export { default as MazFullscreenLoader } from './MazFullscreenLoader.vue';
 export { default as MazGallery } from './MazGallery.vue';
 export { default as MazIcon } from './MazIcon.vue';
 export { default as MazInput } from './MazInput.vue';

package/types/modules/composables/index.d.ts

@@ -1,7 +1,7 @@
-export * from './theme-handler';
-export * from './instance-uniq-id';
-export * from './aos';
-export * from './wait';
-export * from './toaster';
-export * from './idle-timeout';
-export * from './user-visibilty';
+export * from './use-theme-handler';
+export * from './use-instance-uniq-id';
+export * from './use-aos';
+export * from './use-wait';
+export * from './use-toast';
+export * from './use-idle-timeout';
+export * from './use-user-visibilty';

package/types/modules/composables/use-aos.d.ts

@@ -0,0 +1,2 @@
+import type { AosHandler } from '../plugins/aos';
+export declare const useAos: () => AosHandler;

package/types/modules/composables/{idle-timeout.d.ts → use-idle-timeout.d.ts}

@@ -1,8 +1,5 @@
-import { type Ref } from 'vue';
 import { IdleTimeout, type IdleTimeoutCallback, type IdleTimeoutOptions } from '../helpers/idle-timeout';
 export declare const useIdleTimeout: ({ callback, options, }: {
     callback: IdleTimeoutCallback;
     options?: Partial<import("../helpers/idle-timeout/types").IdleTimeoutStrictOption> | undefined;
-}) => {
-    idle: Ref<IdleTimeout>;
-};
+}) => IdleTimeout;

package/types/modules/composables/{instance-uniq-id.d.ts → use-instance-uniq-id.d.ts}

@@ -3,6 +3,4 @@ export declare const useInstanceUniqId: ({ componentName, instance, providedId,
     componentName: string;
     instance?: import("vue").ComponentInternalInstance | null | undefined;
     providedId?: string | undefined;
-}) => {
-    instanceId: import("vue").ComputedRef<string>;
-};
+}) => import("vue").ComputedRef<string>;

package/types/modules/composables/use-toast.d.ts

@@ -0,0 +1,2 @@
+import type { ToasterHandler } from '../plugins/toaster';
+export declare const useToast: () => ToasterHandler;

package/types/modules/composables/{user-visibilty.d.ts → use-user-visibilty.d.ts}

@@ -1,8 +1,5 @@
-import { type Ref } from 'vue';
 import { UserVisibility, type UserVisibilyCallback, type UserVisibilyOptions } from '../helpers/user-visibility';
 export declare const useUserVisibility: ({ callback, options, }: {
     callback: UserVisibilyCallback;
     options?: Partial<import("../helpers/user-visibility/types").UserVisibilyStrictOptions> | undefined;
-}) => {
-    visibility: Ref<UserVisibility>;
-};
+}) => UserVisibility;

package/types/modules/composables/use-wait.d.ts

@@ -0,0 +1,2 @@
+import type { WaitHandler } from '../plugins/wait';
+export declare const useWait: () => WaitHandler;

package/types/modules/directives/index.d.ts

@@ -7,5 +7,7 @@ export type { vLazyImgOptions, vLazyImgBinding } from './v-lazy-img';
 export { vLazyImg, vLazyImgInstall } from './v-lazy-img';
 export { vZoomImg, vZoomImgInstall } from './v-zoom-img';
 export type { vZoomImgOptions, vZoomImgBinding } from './v-zoom-img';
+export { vFullscreenImg, vFullscreenImgInstall } from './v-fullscreen-img';
+export type { vFullscreenImgOptions, vFullscreenImgBinding } from './v-fullscreen-img';
 export { vClosable, vClosableInstall } from './closable';
 export { installDirectives };

package/types/modules/directives/v-fullscreen-img/MazFullscreenImg.vue.d.ts

@@ -0,0 +1,102 @@
+declare const _default: import("vue").DefineComponent<{
+    destroy: {
+        type: import("vue").PropType<() => void>;
+        default: undefined;
+    };
+    alt: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    src: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    zoom: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    animated: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    scaleAnimation: {
+        type: import("vue").PropType<boolean>;
+    };
+    openInstanceClass: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    clickedElementBounds: {
+        type: import("vue").PropType<{
+            top: number;
+            left: number;
+            height: number;
+            width: number;
+        }>;
+        required: true;
+    };
+    clickedElement: {
+        type: import("vue").PropType<HTMLElement>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "next" | "previous" | "before-close")[], "close" | "next" | "previous" | "before-close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    destroy: {
+        type: import("vue").PropType<() => void>;
+        default: undefined;
+    };
+    alt: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    src: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    zoom: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    animated: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    scaleAnimation: {
+        type: import("vue").PropType<boolean>;
+    };
+    openInstanceClass: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    clickedElementBounds: {
+        type: import("vue").PropType<{
+            top: number;
+            left: number;
+            height: number;
+            width: number;
+        }>;
+        required: true;
+    };
+    clickedElement: {
+        type: import("vue").PropType<HTMLElement>;
+        required: true;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+    onPrevious?: ((...args: any[]) => any) | undefined;
+    "onBefore-close"?: ((...args: any[]) => any) | undefined;
+}, {
+    destroy: () => void;
+    alt: string;
+    zoom: boolean;
+    animated: boolean;
+}, {}>;
+export default _default;

package/types/modules/directives/v-fullscreen-img/fullscreen-img.directive.d.ts

@@ -0,0 +1,2 @@
+import type { ObjectDirective } from 'vue';
+export declare const vFullscreenImg: ObjectDirective;

package/types/modules/directives/v-fullscreen-img/fullscreen-img.handler.d.ts

@@ -0,0 +1,35 @@
+import type { DirectiveBinding } from 'vue';
+export interface vFullscreenImgOptions {
+    disabled?: boolean;
+    scaleOnHover?: boolean;
+    blurOnHover?: boolean;
+    zoom?: boolean;
+    animated?: boolean;
+    scaleAnimation?: boolean;
+}
+interface vFullscreenImgBindingOptions extends vFullscreenImgOptions {
+    src: string;
+    alt?: string | null;
+}
+export type vFullscreenImgBinding = string | vFullscreenImgBindingOptions | undefined;
+export interface BindingData extends DirectiveBinding {
+    value: vFullscreenImgBinding;
+}
+export declare class FullscreenImgHandler {
+    private options;
+    private defaultOptions;
+    private mouseEnterListener;
+    private mouseLeaveListener;
+    private renderPreviewListener;
+    private buildOptions;
+    get allInstances(): HTMLElement[];
+    private getImgSrc;
+    private getImgAlt;
+    create(el: HTMLElement, binding: BindingData): void;
+    update(el: HTMLElement, binding: BindingData): void;
+    remove(el: HTMLElement): void;
+    private renderPreview;
+    private mouseLeave;
+    private mouseEnter;
+}
+export {};

package/types/modules/directives/v-fullscreen-img/index.d.ts

@@ -0,0 +1,7 @@
+import type { App } from 'vue';
+export declare const vFullscreenImgInstall: {
+    install(app: App): void;
+};
+export { vFullscreenImg } from './fullscreen-img.directive';
+export type { vFullscreenImgBinding, vFullscreenImgOptions } from './fullscreen-img.handler';
+export * from './fullscreen-img.handler';

package/types/modules/helpers/idle-timeout/types.d.ts

@@ -3,10 +3,25 @@ export type IdleTimeoutCallback = ({ isIdle, eventType, }: {
     eventType?: string;
 }) => void;
 export interface IdleTimeoutStrictOption {
+    /**
+     * HTMLElement to spy / watch
+     * @default undefined
+     */
     element?: HTMLElement | Document;
+    /**
+     * Timeout duration in ms
+     * @default 60 * 1000 * 5 // 5 min
+     */
     timeout: number;
+    /**
+     * Watch once
+     * @default false
+     */
     once: boolean;
+    /**
+     * Watch immediately
+     * @default true
+     */
     immediate: boolean;
-    ssr: boolean;
 }
 export type IdleTimeoutOptions = Partial<IdleTimeoutStrictOption>;

package/types/modules/helpers/mount-component.d.ts

@@ -1,9 +1,10 @@
 import type { App, Component } from 'vue';
-export declare function mount(component: Component, { props, children, element, app, }?: {
+export declare function mount(component: Component, options?: {
     props?: Record<string, unknown>;
     children?: unknown;
     app?: App;
     element?: HTMLElement;
+    addDestroyInProps?: boolean;
 }): {
     vNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;

package/types/modules/helpers/user-visibility/types.d.ts

@@ -2,9 +2,20 @@ export type UserVisibilyCallback = ({ isVisible }: {
     isVisible: boolean;
 }) => void;
 export type UserVisibilyStrictOptions = {
-    ssr: boolean;
+    /**
+     * Watch immediately
+     * @default true
+     */
     immediate: boolean;
+    /**
+     * Timeout visibility in ms
+     * @default 5000 // 5 sec
+     */
     timeout: number;
+    /**
+     * Watch once
+     * @default false
+     */
     once: boolean;
 };
 export type UserVisibilyOptions = Partial<UserVisibilyStrictOptions>;

package/types/modules/plugins/aos/index.d.ts

@@ -1,15 +1,15 @@
 import type { App } from 'vue';
 import type { Router } from 'vue-router';
-export interface AosOptions {
-    routerHook?: (args: any) => () => void;
+export type AosOptions = {
     router?: Router;
     delay?: number;
     observer?: IntersectionObserverInit;
     animation?: {
         once?: boolean;
         duration?: number;
+        delay?: number;
     };
-}
+};
 interface ClassOptions extends Omit<AosOptions, 'router'> {
     delay: number;
     observer: IntersectionObserverInit & {
@@ -19,17 +19,18 @@ interface ClassOptions extends Omit<AosOptions, 'router'> {
     animation: {
         once: boolean;
         duration: number;
+        delay: number;
     };
 }
-declare class AosHandler {
+export declare class AosHandler {
     options: ClassOptions;
     constructor(options?: Omit<AosOptions, 'router'>);
-    runAnimations(): Promise<void> | undefined;
     private handleObserver;
+    runAnimations(): Promise<void> | undefined;
     private handleIntersect;
 }
 export declare let instance: AosHandler;
 export declare const plugin: {
     install: (app: App, options?: AosOptions) => void;
 };
-export { AosHandler };
+export {};

package/types/modules/plugins/index.d.ts

@@ -1,3 +1,3 @@
-export { ToasterHandler, installToaster, toastInstance, type ToasterOptions, type ToasterPositions, } from './toaster';
+export { ToasterHandler, installToaster, toastInstance, type ToasterOptions, type ToasterPosition, type ToasterPositions, } from './toaster';
 export { WaitHandler, plugin as installWait, instance as waitInstance } from './wait';
 export { AosHandler, plugin as installAos, instance as aosInstance, type AosOptions } from './aos';

package/types/modules/plugins/toaster/MazToast.vue.d.ts

@@ -1,12 +1,12 @@
 import type { PropType } from 'vue';
-import type { ToasterPositions } from './types';
+import type { ToasterPosition } from './types';
 declare const _default: import("vue").DefineComponent<{
     position: {
-        type: PropType<ToasterPositions>;
+        type: PropType<ToasterPosition>;
         default: string;
     };
     maxToasts: {
-        type: (NumberConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     timeout: {
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"success" | "info" | "warning" | "danger" | undefined>;
+        type: PropType<"info" | "success" | "warning" | "danger" | undefined>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -34,13 +34,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "click")[], "close" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {
-        type: PropType<ToasterPositions>;
+        type: PropType<ToasterPosition>;
         default: string;
     };
     maxToasts: {
-        type: (NumberConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     timeout: {
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"success" | "info" | "warning" | "danger" | undefined>;
+        type: PropType<"info" | "success" | "warning" | "danger" | undefined>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -69,15 +69,15 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    type: "success" | "info" | "warning" | "danger" | undefined;
-    position: ToasterPositions;
+    type: "info" | "success" | "warning" | "danger" | undefined;
     timeout: number;
-    persistent: boolean;
+    position: ToasterPosition;
     maxToasts: number | boolean;
     queue: boolean;
     noPauseOnHover: boolean;
+    persistent: boolean;
 }, {}>;
 export default _default;