maz-ui 3.29.0 → 3.29.2

package/modules/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-f0w7PwtX.cjs");exports.AosHandler=e.AosHandler;exports.IdleTimeout=e.IdleTimeout;exports.ScriptLoader=e.ScriptLoader;exports.ToasterHandler=e.ToasterHandler;exports.UserVisibility=e.UserVisibility;exports.WaitHandler=e.WaitHandler;Object.defineProperty(exports,"aosInstance",{enumerable:!0,get:()=>e.instance$1});exports.capitalize=e.capitalize;exports.countryCodeToUnicodeFlag=e.countryCodeToUnicodeFlag;exports.currency=e.currency;exports.date=e.date;exports.debounce=e.debounce;exports.injectStrict=e.injectStrict;exports.installAos=e.plugin$5;exports.installDirectives=e.installDirectives;exports.installFilters=e.installFilters;exports.installToaster=e.installToaster;exports.installWait=e.plugin$4;exports.isClient=e.isClient;exports.mount=e.mount;exports.number=e.number;exports.sleep=e.sleep;Object.defineProperty(exports,"toastInstance",{enumerable:!0,get:()=>e.toastInstance});exports.truthyFilter=e.truthyFilter;exports.useAos=e.useAos;exports.useIdleTimeout=e.useIdleTimeout;exports.useInstanceUniqId=e.useInstanceUniqId;exports.useMazDialogPromise=e.useMazDialogPromise;exports.useThemeHandler=e.useThemeHandler;exports.useTimer=e.useTimer;exports.useToast=e.useToast;exports.useUserVisibility=e.useUserVisibility;exports.useWait=e.useWait;exports.vClickOutside=e.directive;exports.vClickOutsideInstall=e.plugin;exports.vClosable=e.directive$1;exports.vClosableInstall=e.plugin$3;exports.vFullscreenImg=e.vFullscreenImg;exports.vFullscreenImgInstall=e.vFullscreenImgInstall;exports.vLazyImg=e.vLazyImg;exports.vLazyImgInstall=e.plugin$1;exports.vZoomImg=e.vZoomImg;exports.vZoomImgInstall=e.plugin$2;exports.waitInstance=e.instance;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-t7LFFnFX.cjs");exports.AosHandler=e.AosHandler;exports.IdleTimeout=e.IdleTimeout;exports.ScriptLoader=e.ScriptLoader;exports.ToasterHandler=e.ToasterHandler;exports.UserVisibility=e.UserVisibility;exports.WaitHandler=e.WaitHandler;Object.defineProperty(exports,"aosInstance",{enumerable:!0,get:()=>e.instance$1});exports.capitalize=e.capitalize;exports.countryCodeToUnicodeFlag=e.countryCodeToUnicodeFlag;exports.currency=e.currency;exports.date=e.date;exports.debounce=e.debounce;exports.injectStrict=e.injectStrict;exports.installAos=e.plugin$5;exports.installDirectives=e.installDirectives;exports.installFilters=e.installFilters;exports.installToaster=e.installToaster;exports.installWait=e.plugin$4;exports.isClient=e.isClient;exports.mount=e.mount;exports.number=e.number;exports.sleep=e.sleep;Object.defineProperty(exports,"toastInstance",{enumerable:!0,get:()=>e.toastInstance});exports.truthyFilter=e.truthyFilter;exports.useAos=e.useAos;exports.useBreakpoints=e.useBreakpoints;exports.useIdleTimeout=e.useIdleTimeout;exports.useInstanceUniqId=e.useInstanceUniqId;exports.useMazDialogPromise=e.useMazDialogPromise;exports.useThemeHandler=e.useThemeHandler;exports.useTimer=e.useTimer;exports.useToast=e.useToast;exports.useUserVisibility=e.useUserVisibility;exports.useWait=e.useWait;exports.useWindowSize=e.useWindowSize;exports.vClickOutside=e.directive;exports.vClickOutsideInstall=e.plugin;exports.vClosable=e.directive$1;exports.vClosableInstall=e.plugin$3;exports.vFullscreenImg=e.vFullscreenImg;exports.vFullscreenImgInstall=e.vFullscreenImgInstall;exports.vLazyImg=e.vLazyImg;exports.vLazyImgInstall=e.plugin$1;exports.vZoomImg=e.vZoomImg;exports.vZoomImgInstall=e.plugin$2;exports.waitInstance=e.instance;

package/modules/index.mjs

@@ -1,4 +1,4 @@
-import { B as e, I as l, S as t, T as i, U as n, W as o, D as r, q as u, c, r as I, u as m, d, i as v, C as g, b as T, o as y, x as b, z as C, a as F, m as p, w as z, s as H, y as U, t as A, G as L, K as W, F as h, M as k, E as D, N as S, J as f, L as j, H as q, e as w, p as x, l as M, n as O, j as V, k as Z, v as B, f as E, g as G, h as J, A as K } from "./chunks/index-AC4Cl2MH.mjs";
+import { B as e, I as l, S as t, T as i, U as n, W as o, D as r, q as u, c, r as I, u as m, d, i as v, C as g, b as T, o as y, x as b, z as C, a as p, m as z, w as F, s as H, y as U, t as W, G as k, O as A, K as L, F as S, M as h, E as w, N as D, J as O, L as f, H as j, P as q, e as x, p as B, l as M, n as P, j as V, k as Z, v as E, f as G, g as J, h as K, A as N } from "./chunks/index-w7bAz52b.mjs";
 export {
   e as AosHandler,
   l as IdleTimeout,
@@ -18,30 +18,32 @@ export {
   y as installFilters,
   b as installToaster,
   C as installWait,
-  F as isClient,
-  p as mount,
-  z as number,
+  p as isClient,
+  z as mount,
+  F as number,
   H as sleep,
   U as toastInstance,
-  A as truthyFilter,
-  L as useAos,
-  W as useIdleTimeout,
-  h as useInstanceUniqId,
-  k as useMazDialogPromise,
-  D as useThemeHandler,
-  S as useTimer,
-  f as useToast,
-  j as useUserVisibility,
-  q as useWait,
-  w as vClickOutside,
-  x as vClickOutsideInstall,
+  W as truthyFilter,
+  k as useAos,
+  A as useBreakpoints,
+  L as useIdleTimeout,
+  S as useInstanceUniqId,
+  h as useMazDialogPromise,
+  w as useThemeHandler,
+  D as useTimer,
+  O as useToast,
+  f as useUserVisibility,
+  j as useWait,
+  q as useWindowSize,
+  x as vClickOutside,
+  B as vClickOutsideInstall,
   M as vClosable,
-  O as vClosableInstall,
+  P as vClosableInstall,
   V as vFullscreenImg,
   Z as vFullscreenImgInstall,
-  B as vLazyImg,
-  E as vLazyImgInstall,
-  G as vZoomImg,
-  J as vZoomImgInstall,
-  K as waitInstance
+  E as vLazyImg,
+  G as vLazyImgInstall,
+  J as vZoomImg,
+  K as vZoomImgInstall,
+  N as waitInstance
 };

package/nuxt/index.d.mts

@@ -53,6 +53,16 @@ interface MazUiNuxtOptions {
      * @default false
      */
     injectUseTimer?: boolean;
+    /**
+     * Enable auto-import of useWindowSize composable
+     * @default false
+     */
+    injectUseWindowSize?: boolean;
+    /**
+     * Enable auto-import of useBreakpoints composable
+     * @default false
+     */
+    injectUseBreakpoints?: boolean;
     /**
      * Globally install of v-zoom-img directive
      * @default false

package/nuxt/index.d.ts

@@ -53,6 +53,16 @@ interface MazUiNuxtOptions {
      * @default false
      */
     injectUseTimer?: boolean;
+    /**
+     * Enable auto-import of useWindowSize composable
+     * @default false
+     */
+    injectUseWindowSize?: boolean;
+    /**
+     * Enable auto-import of useBreakpoints composable
+     * @default false
+     */
+    injectUseBreakpoints?: boolean;
     /**
      * Globally install of v-zoom-img directive
      * @default false

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.29.0"
+  "version": "3.29.2"
 }

package/nuxt/index.mjs

@@ -170,6 +170,20 @@ const module = defineNuxtModule({
         as: "useIdleTimeout"
       });
     }
+    if (moduleOptions.injectUseWindowSize) {
+      addImports({
+        from: "maz-ui",
+        name: "useWindowSize",
+        as: "useWindowSize"
+      });
+    }
+    if (moduleOptions.injectUseBreakpoints) {
+      addImports({
+        from: "maz-ui",
+        name: "useBreakpoints",
+        as: "useBreakpoints"
+      });
+    }
     if (moduleOptions.injectUseUserVisibility) {
       addImports({
         from: "maz-ui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.29.0",
+  "version": "3.29.2",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.cjs",

package/tailwindcss/tailwind.config.ts

@@ -5,10 +5,12 @@ import plugin from 'tailwindcss/plugin'
 import type { Config } from 'tailwindcss'
 
 import { utilities } from './variables/utilities'
-import { screens } from './variables/breakpoints'
+import { screens, getNumericScreensFromTailwind } from './variables/breakpoints'
 import { zIndex } from './variables/z-indexes'
 import { getColors } from './utils/colors'
 
+export { getNumericScreensFromTailwind }
+
 export default {
   darkMode: ['class', '[class~="dark"]'],
   content: [],

package/tailwindcss/utils/colors.ts

@@ -1,3 +1,4 @@
+import type { ThemeConfig } from 'tailwindcss/types/config'
 import { baseColors, variations, variatingColors } from '../variables/colors'
 
 export function getColors() {
@@ -15,5 +16,5 @@ export function getColors() {
     }, {})
   }
 
-  return colors
+  return colors satisfies ThemeConfig['colors']
 }

package/tailwindcss/variables/breakpoints.ts

@@ -1,3 +1,5 @@
+import type { ThemeConfig } from 'tailwindcss/types/config'
+
 export const screens = {
   'mob-s': '320px',
   'mob-m': '425px',
@@ -11,4 +13,16 @@ export const screens = {
   'lap-xl': '1440px', // 2xl
   'lap-2xl': '1680px',
   'lap-3xl': '1920px',
+} satisfies ThemeConfig['screens']
+
+export function getNumericScreensFromTailwind<
+  T extends Record<string, string> | Record<string, number>,
+>(inputScreens: T) {
+  const breakpoints: Record<string, number> = {}
+
+  for (const [key, value] of Object.entries(inputScreens)) {
+    breakpoints[key] = Number.parseInt(value, 10)
+  }
+
+  return breakpoints as Record<keyof T, number>
 }

package/tailwindcss/variables/utilities.ts

@@ -1,3 +1,5 @@
+import type { ThemeConfig } from 'tailwindcss/types/config'
+
 export const utilities = {
   '.padded-container': {
     width: '100%',
@@ -19,4 +21,4 @@ export const utilities = {
   '.cap-f': {
     '@apply first-letter:maz-capitalize': '',
   },
-}
+} satisfies ThemeConfig['utilities']

package/tailwindcss/variables/z-indexes.ts

@@ -1,3 +1,4 @@
+import type { ThemeConfig } from 'tailwindcss/types/config'
 export const zIndex = {
   1: '1',
   2: '2',
@@ -11,4 +12,4 @@ export const zIndex = {
   75: '75',
   100: '100',
   'default-backdrop': '1050',
-}
+} satisfies ThemeConfig['zIndex']

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

@@ -71,6 +71,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
+    roundedSize: {
+        type: PropType<"sm" | "md" | "lg" | "xl" | "none" | "full">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -143,6 +148,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
+    roundedSize: {
+        type: PropType<"sm" | "md" | "lg" | "xl" | "none" | "full">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -163,6 +173,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     buttonColor: Color;
     noClickableIcon: boolean;
     letterCount: number;
+    roundedSize: "sm" | "md" | "lg" | "xl" | "none" | "full";
 }, {}>, {
     "round-text"?(_: {}): any;
     icon?(_: {}): any;

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

@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     roundedSize: {
-        type: StringConstructor;
+        type: PropType<"sm" | "md" | "lg" | "xl" | "none" | "full">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     roundedSize: {
-        type: StringConstructor;
+        type: PropType<"sm" | "md" | "lg" | "xl" | "none" | "full">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -60,8 +60,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: BadgeColor;
     outline: boolean;
     pastel: boolean;
+    roundedSize: "sm" | "md" | "lg" | "xl" | "none" | "full";
     nowrap: boolean;
-    roundedSize: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -0,0 +1,88 @@
+import type { Color } from './types';
+export type { Color } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    distance?: number | undefined;
+    offset?: number | undefined;
+    action?: (() => unknown) | undefined;
+    containerSelector?: string | undefined;
+    headerClass?: string | undefined;
+    spinnerColor?: Color | undefined;
+    disabled?: boolean | undefined;
+    standaloneMode?: boolean | undefined;
+}>, {
+    distance: number;
+    offset: number;
+    action: undefined;
+    containerSelector: undefined;
+    headerClass: undefined;
+    spinnerColor: string;
+    disabled: boolean;
+    standaloneMode: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (...args: any[]) => void;
+    loaded: (...args: any[]) => void;
+    start: (...args: any[]) => void;
+    finish: (...args: any[]) => void;
+    response: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    distance?: number | undefined;
+    offset?: number | undefined;
+    action?: (() => unknown) | undefined;
+    containerSelector?: string | undefined;
+    headerClass?: string | undefined;
+    spinnerColor?: Color | undefined;
+    disabled?: boolean | undefined;
+    standaloneMode?: boolean | undefined;
+}>, {
+    distance: number;
+    offset: number;
+    action: undefined;
+    containerSelector: undefined;
+    headerClass: undefined;
+    spinnerColor: string;
+    disabled: boolean;
+    standaloneMode: boolean;
+}>>> & {
+    onError?: ((...args: any[]) => any) | undefined;
+    onLoaded?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onFinish?: ((...args: any[]) => any) | undefined;
+    onResponse?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    action: () => unknown;
+    offset: number;
+    distance: number;
+    containerSelector: string;
+    headerClass: string;
+    spinnerColor: Color;
+    standaloneMode: boolean;
+}, {}>, {
+    "pull-before"?(_: {}): any;
+    "pull-ready"?(_: {}): any;
+    "pull-loading"?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/index.d.ts

@@ -25,6 +25,7 @@ export { default as MazInputTags } from './MazInputTags.vue';
 export { default as MazLazyImg } from './MazLazyImg.vue';
 export { default as MazPhoneNumberInput } from './MazPhoneNumberInput.vue';
 export { default as MazPicker } from './MazPicker.vue';
+export { default as MazPullToRefresh } from './MazPullToRefresh.vue';
 export { default as MazRadio } from './MazRadio.vue';
 export { default as MazRadioButtons } from './MazRadioButtons.vue';
 export { default as MazSelect } from './MazSelect.vue';

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

@@ -7,3 +7,5 @@ export * from './use-idle-timeout';
 export * from './use-user-visibilty';
 export * from '../../components/MazDialogPromise/use-maz-dialog-promise';
 export * from './use-timer';
+export * from './use-breakpoints';
+export * from './use-window-size';

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

@@ -0,0 +1,38 @@
+import { type UseWindowSizeOptions } from './use-window-size';
+export interface UseBreakpointsOptions extends UseWindowSizeOptions {
+    initialWidth?: number;
+    initialHeight?: number;
+    /**
+     * Listen to window `orientationchange` event
+     *
+     * @default true
+     */
+    listenOrientation?: boolean;
+    /**
+     * Whether the scrollbar should be included in the width and height
+     * @default true
+     */
+    includeScrollbar?: boolean;
+    /**
+     * List of breakpoints in format `{ [key: string]: string }`  (e.g. `{ 'sm': '640px', 'md': '768px' }`)
+     */
+    breakpoints: Record<string, string> | Record<string, number>;
+    /**
+     * Is the breakpoint when the screen is considered not medium (tablet - e.g. `md`)
+     * @default 'md'
+     */
+    mediumBreakPoint?: string;
+    /**
+     * Is the breakpoint when the screen is considered not medium (laptop - e.g. `lg`)
+     * @default 'lg'
+     */
+    largeBreakPoint?: string;
+}
+export declare function useBreakpoints({ initialWidth, initialHeight, includeScrollbar, internalWindow, listenOrientation, breakpoints, mediumBreakPoint, largeBreakPoint, }: UseBreakpointsOptions): {
+    width: import("vue").Ref<number>;
+    numericBreakpoints: Record<string, number>;
+    isSmallScreen: import("vue").ComputedRef<boolean>;
+    isLargeScreen: import("vue").ComputedRef<boolean>;
+    isMediumScreen: import("vue").ComputedRef<boolean>;
+    breakpoints: Record<string, string> | Record<string, number>;
+};

package/types/modules/composables/use-window-size.d.ts

@@ -0,0 +1,32 @@
+export interface UseWindowSizeOptions {
+    /**
+     * The window object to use
+     * @default window - in browser, undefined in SSR
+     */
+    internalWindow?: Window | undefined;
+    /**
+     * Initial width of the window (useful in SSR)
+     * @default Number.POSITIVE_INFINITY
+     */
+    initialWidth?: number;
+    /**
+     * Initial height of the window (useful in SSR)
+     * @default Number.POSITIVE_INFINITY
+     */
+    initialHeight?: number;
+    /**
+     * Listen to window `orientationchange` event
+     *
+     * @default true
+     */
+    listenOrientation?: boolean;
+    /**
+     * Whether the scrollbar should be included in the width and height
+     * @default true
+     */
+    includeScrollbar?: boolean;
+}
+export declare function useWindowSize(options?: UseWindowSizeOptions): {
+    width: import("vue").Ref<number>;
+    height: import("vue").Ref<number>;
+};

package/types/modules/helpers/is-standalone-mode.d.ts

@@ -0,0 +1 @@
+export declare function isInStandaloneMode(): boolean;

package/types/tailwindcss/tailwind.config.d.ts

@@ -1,3 +1,5 @@
+import { getNumericScreensFromTailwind } from './variables/breakpoints';
+export { getNumericScreensFromTailwind };
 declare const _default: {
     darkMode: ["class", string];
     content: never[];

package/types/tailwindcss/variables/breakpoints.d.ts

@@ -12,3 +12,4 @@ export declare const screens: {
     'lap-2xl': string;
     'lap-3xl': string;
 };
+export declare function getNumericScreensFromTailwind<T extends Record<string, string> | Record<string, number>>(inputScreens: T): Record<keyof T, number>;

package/components/chunks/MazAvatar-HJMP2asX.mjs

@@ -1,127 +0,0 @@
-import "../assets/MazAvatar.css";
-import { defineComponent as S, defineAsyncComponent as f, computed as m, openBlock as c, createBlock as v, resolveDynamicComponent as w, normalizeStyle as y, normalizeClass as k, withCtx as $, createElementVNode as b, unref as g, createCommentVNode as l, renderSlot as u, toDisplayString as C, createElementBlock as h, createVNode as I } from "vue";
-const L = ["tabindex"], x = { class: "m-avatar__initial" }, E = {
-  key: 0,
-  class: "m-avatar__caption"
-}, M = /* @__PURE__ */ S({
-  __name: "MazAvatar",
-  props: {
-    src: {
-      type: String,
-      default: void 0
-    },
-    caption: {
-      type: String,
-      default: void 0
-    },
-    href: { type: String, default: void 0 },
-    to: { type: Object, default: void 0 },
-    alt: { type: String, default: "avatar image" },
-    target: { type: String, default: "_self" },
-    size: { type: String, default: void 0 },
-    bordered: { type: Boolean, default: !1 },
-    clickable: { type: Boolean, default: !1 },
-    square: { type: Boolean, default: !1 },
-    noElevation: { type: Boolean, default: !1 },
-    showCaption: { type: Boolean, default: !1 },
-    imageHeightFull: { type: Boolean, default: !1 },
-    noLoader: { type: Boolean, default: !1 },
-    buttonColor: {
-      type: String,
-      default: "info"
-    },
-    /** Remove the icon on hover when component is clickable */
-    noClickableIcon: { type: Boolean, default: !1 },
-    letterCount: { type: Number, default: void 0 }
-  },
-  emits: ["click"],
-  setup(t) {
-    const r = f(() => import("./MazLazyImg-65QIsZ1B.mjs")), n = f(() => import("./pencil-laNW5qNQ.mjs")), e = t, s = m(() => e.to ? "RouterLink" : e.href ? "a" : "div"), d = m(() => !!e.to || !!e.href);
-    function z(a, o = e.letterCount) {
-      return a.split(" ").map((B) => B[0]).join("").slice(0, o);
-    }
-    return (a, o) => (c(), v(w(s.value), {
-      style: y({ fontSize: t.size }),
-      class: k(["m-avatar", [
-        {
-          "--has-link": d.value
-        }
-      ]]),
-      href: t.href,
-      to: t.to,
-      target: d.value ? t.target : void 0
-    }, {
-      default: $(() => [
-        b("div", {
-          class: k(["m-avatar__wrapper", {
-            "--has-shadow": !t.noElevation,
-            "--bordered": t.bordered,
-            "--clickable": t.clickable,
-            "--square": t.square,
-            "--has-initial": !t.src && t.caption
-          }]),
-          tabindex: t.clickable ? 0 : -1
-        }, [
-          t.src ? (c(), v(g(r), {
-            key: 0,
-            class: "m-avatar__picture maz-max-w-full",
-            image: t.src,
-            alt: t.alt,
-            "image-height-full": "",
-            "no-loader": t.noLoader,
-            onClick: o[0] || (o[0] = (i) => t.clickable ? a.$emit("click", i) : null)
-          }, null, 8, ["image", "alt", "no-loader"])) : l("v-if", !0),
-          t.caption && !t.src ? u(a.$slots, "round-text", { key: 1 }, () => [
-            b(
-              "span",
-              x,
-              C(z(t.caption)),
-              1
-              /* TEXT */
-            )
-          ], !0) : l("v-if", !0),
-          t.clickable ? (c(), h(
-            "button",
-            {
-              key: 2,
-              type: "button",
-              tabindex: "-1",
-              class: "m-avatar__button",
-              style: y({
-                backgroundColor: t.src ? `var(--maz-color-${t.buttonColor}-alpha)` : `var(--maz-color-${t.buttonColor})`
-              }),
-              onClick: o[1] || (o[1] = (i) => a.$emit("click", i))
-            },
-            [
-              t.noClickableIcon ? l("v-if", !0) : u(a.$slots, "icon", { key: 0 }, () => [
-                I(g(n), { class: "m-avatar__button__icon" })
-              ], !0)
-            ],
-            4
-            /* STYLE */
-          )) : l("v-if", !0)
-        ], 10, L),
-        u(a.$slots, "caption", {}, () => [
-          t.showCaption && t.caption ? (c(), h(
-            "p",
-            E,
-            C(t.caption),
-            1
-            /* TEXT */
-          )) : l("v-if", !0)
-        ], !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["style", "class", "href", "to", "target"]));
-  }
-}), N = (t, r) => {
-  const n = t.__vccOpts || t;
-  for (const [e, s] of r)
-    n[e] = s;
-  return n;
-}, j = /* @__PURE__ */ N(M, [["__scopeId", "data-v-4d8e5551"]]);
-export {
-  j as M,
-  N as _
-};