maz-ui 4.0.0-beta.9 → 4.0.1

package/dist/components/MazLazyImg.vue.d.ts

@@ -0,0 +1,78 @@
+import { HTMLAttributes } from 'vue';
+import { VLazyImgOptions } from '../directives/vLazyImg';
+interface Source {
+    srcset?: string;
+    media?: string;
+}
+interface DataImage {
+    sources?: Source[];
+}
+export type MazImage = DataImage | string;
+export interface MazLazyImgProps {
+    /** The style of the component */
+    style?: HTMLAttributes['style'];
+    /** The class of the component */
+    class?: HTMLAttributes['class'];
+    /**
+     * The source of the image
+     * @type {string | Image | null}
+     */
+    src?: MazImage | null;
+    /** The alt of the image */
+    alt?: string;
+    /** Remove the loader */
+    hideLoader?: boolean;
+    /** Remove the observer once the image is loaded */
+    observerOnce?: boolean;
+    /** Remove the observer once the image is loaded */
+    loadOnce?: boolean;
+    /** Make the image height full */
+    imageHeightFull?: boolean;
+    /** The options of the observer */
+    observerOptions?: VLazyImgOptions['observerOptions'];
+    /** The fallback src to replace the src on loading error */
+    fallbackSrc?: string;
+    /** The classes of the image element */
+    imgClass?: HTMLAttributes['class'];
+    /** The image will be displayed in full width */
+    block?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazLazyImgProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (el: Element) => any;
+    loaded: (el: Element) => any;
+    loading: (el: Element) => any;
+    intersecting: (el: Element) => any;
+}, string, import('vue').PublicProps, Readonly<MazLazyImgProps> & Readonly<{
+    onError?: ((el: Element) => any) | undefined;
+    onLoaded?: ((el: Element) => any) | undefined;
+    onLoading?: ((el: Element) => any) | undefined;
+    onIntersecting?: ((el: Element) => any) | undefined;
+}>, {
+    src: MazImage | null;
+    style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+    class: HTMLAttributes["class"];
+    alt: string;
+    observerOnce: boolean;
+    observerOptions: {
+        root?: HTMLElement | null;
+        threshold: number;
+        rootMargin?: string;
+    };
+    fallbackSrc: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazLink.js

@@ -2,7 +2,8 @@ import { defineComponent, defineAsyncComponent, computed, createBlock, openBlock
 import { MazArrowTopRightOnSquare } from "@maz-ui/icons";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazLink.wJoKRsCP.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazLink.C26isVfh.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
   __name: "MazLink",
   props: {
     class: {},
@@ -71,7 +72,7 @@ import '../assets/MazLink.wJoKRsCP.css';const _sfc_main = /* @__PURE__ */ define
       _: 3
     }, 16, ["id", "class", "to", "href", "title", "target", "rel", "download", "aria-label", "type", "disabled", "style"]));
   }
-}), MazLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2e7eb49f"]]);
+}), MazLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-db90c3fd"]]);
 export {
   MazLink as default
 };

package/dist/components/MazLink.vue.d.ts

@@ -0,0 +1,115 @@
+import { IconComponent } from '@maz-ui/icons';
+import { HTMLAttributes } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+import { MazColor } from './types';
+export interface MazLinkProps {
+    /**
+     * The class attribute of the link
+     * @default undefined
+     */
+    class?: HTMLAttributes['class'];
+    /**
+     * The style attribute of the link
+     * @default undefined
+     */
+    style?: HTMLAttributes['style'];
+    /**
+     * The component to use for the link - if not provided, it will be `router-link` if `to` is provided, will be `a` if `href` is provided, otherwise it will be `button`, you can force the component to be used with `as` prop
+     * @default depends on the provided props
+     * @values 'a', 'router-link', 'nuxt-link', 'button'
+     */
+    as?: string | 'a' | 'router-link' | 'nuxt-link' | 'button';
+    /**
+     * The id of the link
+     * @default undefined
+     */
+    id?: string;
+    /**
+     * The title of the link
+     * @default undefined
+     */
+    title?: string;
+    /**
+     * The href of the link
+     * @default undefined
+     */
+    href?: string;
+    /** The route location (router-link) of the link */
+    to?: RouteLocationRaw;
+    /**
+     * The color of the link
+     * @default 'primary'
+     */
+    color?: MazColor;
+    /**
+     * The target of the link
+     * @default '_self'
+     * @values '_blank', '_self', '_parent', '_top'
+     */
+    target?: '_blank' | '_self' | '_parent' | '_top' | string;
+    /**
+     * The download of the link
+     * @default undefined
+     */
+    download?: string;
+    /**
+     * The rel of the link
+     * @default undefined
+     */
+    rel?: string;
+    /**
+     * The aria-label of the link
+     * @default undefined
+     */
+    ariaLabel?: string;
+    /**
+     * Add an underline to the link
+     * @default false
+     */
+    underline?: boolean;
+    /**
+     * Add an underline only on hover
+     * @default true
+     */
+    underlineHover?: boolean;
+    /**
+     * Add an external icon to the link if target is '_blank'
+     * @default true
+     */
+    autoExternal?: boolean;
+    /**
+     * The name of the icon or component to display on the left of the text
+     * `@type` `{string | FunctionalComponent | ComponentPublicInstance | Component}`
+     */
+    leftIcon?: string | IconComponent;
+    /**
+     * The name of the icon or component to display on the right of the text
+     * `@type` `{string | FunctionalComponent | ComponentPublicInstance | Component}`
+     */
+    rightIcon?: string | IconComponent;
+    /**
+     * The disabled state of the link if the component is a button
+     * @default false
+     */
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'left-icon'?(_: {}): any;
+        default?(_: {}): any;
+        'right-icon'?(_: {}): any;
+        'external-icon'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazLinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazLoadingBar.vue.d.ts

@@ -0,0 +1,12 @@
+import { MazColor } from './types';
+export interface MazLoadingBarProps {
+    /** The color of the component. */
+    color?: MazColor;
+    /** The height of the component. */
+    height?: string;
+}
+declare const _default: import('vue').DefineComponent<MazLoadingBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazLoadingBarProps> & Readonly<{}>, {
+    height: string;
+    color: MazColor;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/MazPagination.js

@@ -1,9 +1,9 @@
 import { defineComponent, computed, createElementBlock, openBlock, unref, createElementVNode, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import { MazChevronDoubleLeft, MazChevronLeft, MazEllipsisHorizontal } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
+import { useTranslations } from "@maz-ui/translations";
 import MazBtn from "./MazBtn.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPagination.C6cUh-p4.css';const _hoisted_1 = ["aria-label"], _hoisted_2 = { class: "maz-sr-only" }, _hoisted_3 = { class: "maz-sr-only" }, _hoisted_4 = ["id"], _hoisted_5 = { class: "maz-sr-only" }, _hoisted_6 = { class: "maz-sr-only" }, _hoisted_7 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"], _hoisted_2 = { class: "maz-sr-only" }, _hoisted_3 = { class: "maz-sr-only" }, _hoisted_4 = ["id"], _hoisted_5 = { class: "maz-sr-only" }, _hoisted_6 = { class: "maz-sr-only" }, _hoisted_7 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPagination",
   props: {
     modelValue: { default: 1 },
@@ -188,7 +188,7 @@ import '../assets/MazPagination.C6cUh-p4.css';const _hoisted_1 = ["aria-label"],
       ])
     ], 8, _hoisted_1));
   }
-}), MazPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2cfdab04"]]);
+}), MazPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7b81246f"]]);
 export {
   MazPagination as default
 };

package/dist/components/MazPagination.vue.d.ts

@@ -0,0 +1,83 @@
+import { MazBtnProps } from './MazBtn.vue';
+import { MazColor, MazSize } from './types';
+export interface MazPaginationProps {
+    /**
+     * The current page number.
+     * @model
+     * @default 1
+     */
+    modelValue?: number;
+    /**
+     * Props apply to the MazBtn components.
+     * @type {Partial<MazBtnProps>}
+     * @default undefined
+     */
+    buttonProps?: Partial<MazBtnProps>;
+    /**
+     * Number of results in this page. Useful for accessibility to set aria-setsize attribute. Partial of MazBtn props.
+     * @default undefined
+     */
+    resultsSize?: number;
+    /**
+     * Color of the active button.
+     * @values 'contrast', 'primary', 'secondary', 'info', 'success', 'warning', 'destructive', 'accent', 'background'
+     * @default 'contrast'
+     */
+    activeColor?: MazColor | 'background';
+    /**
+     * Size of the buttons.
+     * @values 'mini', 'xs', 'sm', 'md', 'lg', 'xl'
+     * @default 'md'
+     */
+    size?: MazSize;
+    /**
+     * Total number of pages.
+     * @default 10
+     */
+    totalPages: number;
+    /**
+     * Number of buttons to display before and after the current page.
+     * @default 1
+     */
+    pageRange?: number;
+    /**
+     * Enable loading state of current button
+     * @default false
+     */
+    loading?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'first-page-sr'?(_: {
+            page: number;
+        }): any;
+        'previous-page-sr'?(_: {
+            page: number;
+        }): any;
+        'page-sr'?(_: {
+            page: number;
+        }): any;
+        'next-page-sr'?(_: {
+            page: number;
+        }): any;
+        'last-page-sr'?(_: {
+            page: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazPaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:model-value": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<MazPaginationProps> & Readonly<{
+    "onUpdate:model-value"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};