maz-ui 3.22.3 → 3.23.0

package/modules/chunks/{link-4eb05848.mjs → link-bb14441d.mjs}

@@ -1,12 +1,11 @@
-import { openBlock, createElementBlock, createElementVNode } from "vue";
-const _hoisted_1 = {
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-};
-const _hoisted_2 = /* @__PURE__ */ createElementVNode(
+}, r = /* @__PURE__ */ o(
   "path",
   {
     stroke: "currentColor",
@@ -18,15 +17,14 @@ const _hoisted_2 = /* @__PURE__ */ createElementVNode(
   null,
   -1
   /* HOISTED */
-);
-const _hoisted_3 = [
-  _hoisted_2
+), l = [
+  r
 ];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_3]);
+function s(c, i) {
+  return e(), t("svg", n, [...l]);
 }
-const link = { render };
+const a = { render: s };
 export {
-  link as default,
-  render
+  a as default,
+  s as render
 };

package/modules/chunks/no-photography-4c6c77cf.mjs

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJub25lIiBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgZmlsbD0iY3VycmVudENvbG9yIgogIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8Zz4KICAgIDxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgLz4KICAgIDxnPgogICAgICA8cGF0aAogICAgICAgIGQ9Ik04LjksNi4wN0w3LjQ4LDQuNjZMOSwzaDZsMS44MywySDIwYzEuMSwwLDIsMC45LDIsMnYxMmMwLDAuMDUtMC4wMSwwLjEtMC4wMiwwLjE2TDIwLDE3LjE3VjdoLTQuMDVsLTEuODMtMkg5Ljg4IEw4LjksNi4wN3ogTTIwLjQ5LDIzLjMxTDE4LjE3LDIxSDRjLTEuMSwwLTItMC45LTItMlY3YzAtMC41OSwwLjI3LTEuMTIsMC42OC0xLjQ5bC0yLTJMMi4xLDIuMWwxOS44LDE5LjhMMjAuNDksMjMuMzF6IE05LjE5LDEyLjAyQzkuMDgsMTIuMzMsOSwxMi42NSw5LDEzYzAsMS42NiwxLjM0LDMsMywzYzAuMzUsMCwwLjY3LTAuMDgsMC45OC0wLjE5TDkuMTksMTIuMDJ6IE0xNi4xNywxOWwtMS42OC0xLjY4IEMxMy43NiwxNy43NSwxMi45MSwxOCwxMiwxOGMtMi43NiwwLTUtMi4yNC01LTVjMC0wLjkxLDAuMjUtMS43NiwwLjY4LTIuNDlMNC4xNyw3SDR2MTJIMTYuMTd6IE0xNC44MSwxMS45OGwyLjA3LDIuMDcgQzE2Ljk2LDEzLjcxLDE3LDEzLjM2LDE3LDEzYzAtMi43Ni0yLjI0LTUtNS01Yy0wLjM2LDAtMC43MSwwLjA0LTEuMDYsMC4xMmwyLjA3LDIuMDdDMTMuODUsMTAuNDksMTQuNTEsMTEuMTUsMTQuODEsMTEuOTh6IiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+";
+export {
+  M as default
+};

package/modules/chunks/x-mark-35f2f1e7.mjs

@@ -0,0 +1,30 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, r = /* @__PURE__ */ o(
+  "path",
+  {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "1.5",
+    d: "M6 18 18 6M6 6l12 12"
+  },
+  null,
+  -1
+  /* HOISTED */
+), s = [
+  r
+];
+function c(l, i) {
+  return e(), t("svg", n, [...s]);
+}
+const h = { render: c };
+export {
+  h as default,
+  c as render
+};

package/modules/index.mjs

@@ -1,46 +1,47 @@
-import { B, I, S, T, U, W, D, q, c, r, u, d, i, C, b, o, x, z, a, m, w, s, y, t, G, K, F, M, E, J, L, H, e, p, l, n, j, k, v, f, g, h, A } from "./chunks/index-b1625fc2.mjs";
+import { B as e, I as l, N as t, S as i, T as n, U as o, W as r, D as u, q as c, c as I, r as m, u as d, d as v, i as g, C as y, b as C, o as T, x as b, z as p, a as U, m as z, w as F, s as H, y as A, t as L, G as W, K as h, F as k, M as D, E as M, J as S, L as V, H as f, e as j, p as q, l as w, n as x, j as O, k as Z, v as B, f as E, g as G, h as J, A as K } from "./chunks/index-d9a25303.mjs";
 export {
-  B as AosHandler,
-  I as IdleTimeout,
-  S as ScriptLoader,
-  T as ToasterHandler,
-  U as UserVisibility,
-  W as WaitHandler,
-  D as aosInstance,
-  q as capitalize,
-  c as countryCodeToUnicodeFlag,
-  r as currency,
-  u as date,
-  d as debounce,
-  i as injectStrict,
-  C as installAos,
-  b as installDirectives,
-  o as installFilters,
-  x as installToaster,
-  z as installWait,
-  a as isClient,
-  m as mount,
-  w as number,
-  s as sleep,
-  y as toastInstance,
-  t as truthyFilter,
-  G as useAos,
-  K as useIdleTimeout,
-  F as useInstanceUniqId,
-  M as useMazDialogPromise,
-  E as useThemeHandler,
-  J as useToast,
-  L as useUserVisibility,
-  H as useWait,
-  e as vClickOutside,
-  p as vClickOutsideInstall,
-  l as vClosable,
-  n as vClosableInstall,
-  j as vFullscreenImg,
-  k as vFullscreenImgInstall,
-  v as vLazyImg,
-  f as vLazyImgInstall,
-  g as vZoomImg,
-  h as vZoomImgInstall,
-  A as waitInstance
+  e as AosHandler,
+  l as IdleTimeout,
+  t as MazUiUnpluginVueComponentsResolver,
+  i as ScriptLoader,
+  n as ToasterHandler,
+  o as UserVisibility,
+  r as WaitHandler,
+  u as aosInstance,
+  c as capitalize,
+  I as countryCodeToUnicodeFlag,
+  m as currency,
+  d as date,
+  v as debounce,
+  g as injectStrict,
+  y as installAos,
+  C as installDirectives,
+  T as installFilters,
+  b as installToaster,
+  p as installWait,
+  U as isClient,
+  z as mount,
+  F as number,
+  H as sleep,
+  A as toastInstance,
+  L as truthyFilter,
+  W as useAos,
+  h as useIdleTimeout,
+  k as useInstanceUniqId,
+  D as useMazDialogPromise,
+  M as useThemeHandler,
+  S as useToast,
+  V as useUserVisibility,
+  f as useWait,
+  j as vClickOutside,
+  q as vClickOutsideInstall,
+  w as vClosable,
+  x as vClosableInstall,
+  O as vFullscreenImg,
+  Z as vFullscreenImgInstall,
+  B as vLazyImg,
+  E as vLazyImgInstall,
+  G as vZoomImg,
+  J as vZoomImgInstall,
+  K as waitInstance
 };

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.22.3"
+  "version": "3.23.0"
 }

package/nuxt/types.d.mts

@@ -1,7 +1,8 @@
 
-import {  } from './index'
+import type {  } from './index'
 
 
 
 
-export { MazUiNuxtOptions, default } from './index'
+
+export type { MazUiNuxtOptions, default } from './index'

package/nuxt/types.d.ts

@@ -1,7 +1,8 @@
 
-import {  } from './index'
+import type {  } from './index'
 
 
 
 
-export { MazUiNuxtOptions, default } from './index'
+
+export type { MazUiNuxtOptions, default } from './index'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.22.3",
+  "version": "3.23.0",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",
@@ -56,6 +56,7 @@
     "dropzone": "^5.9.3",
     "libphonenumber-js": "^1.9.44",
     "nuxt": "^3.4.0",
+    "unplugin-vue-components": "^0.25.0",
     "vue": "^3.0.0",
     "vue-router": "^4.0.0",
     "vue-scrollto": "^2.0.0"
@@ -87,20 +88,23 @@
     },
     "defu": {
       "optional": true
+    },
+    "unplugin-vue-components": {
+      "optional": true
     }
   },
   "dependencies": {
     "@mazui/cli": "latest"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-typescript": "^7.23.2",
+    "@babel/core": "^7.23.3",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
     "@nuxt/kit": "^3.8.1",
     "@nuxt/schema": "^3.8.1",
     "@types/dropzone": "^5.7.7",
     "@types/google.maps": "^3.54.7",
-    "@vitejs/plugin-vue": "^4.4.0",
+    "@vitejs/plugin-vue": "^4.4.1",
     "@vitest/coverage-v8": "^0.34.6",
     "@vue/compiler-sfc": "^3.3.8",
     "@vue/eslint-config-prettier": "^8.0.0",
@@ -130,7 +134,7 @@
     "postcss-nested": "^6.0.0",
     "postcss-simple-vars": "^7.0.1",
     "postcss-url": "^10.1.3",
-    "prettier-plugin-tailwindcss": "^0.5.6",
+    "prettier-plugin-tailwindcss": "^0.5.7",
     "replace-in-file": "^7.0.2",
     "rimraf": "^5.0.5",
     "sass": "^1.69.5",
@@ -142,7 +146,7 @@
     "stylelint-config-standard-scss": "^11.1.0",
     "stylelint-config-tailwindcss": "^0.0.7",
     "tailwindcss": "^3.3.5",
-    "terser": "^5.24.0",
+    "unplugin-vue-components": "^0.25.2",
     "vite": "^4.5.0",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-plugin-lib-inject-css": "^1.3.0",

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

@@ -2,111 +2,151 @@ import { type PropType } from 'vue';
 import type { MazGalleryImage } from './types';
 export type { MazGalleryImage } from './types';
 declare const _default: import("vue").DefineComponent<{
+    /**
+     *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+     * */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: () => never[];
     };
+    /** Images count shown (max: 5) */
     imagesShownCount: {
         type: NumberConstructor;
         default: number;
     };
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Height of gallery */
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Remove default height */
     noHeight: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Width of gallery */
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    /** Remove default width */
     noWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable the border radius of the gallery */
     noRadius: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable full size display when clicking on image */
     noZoom: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Layer with photography icon when no images is provided */
     hasEmptyLayer: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Lazy load image - if false, images are directly loaded */
     lazy: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable blur effect on image hover */
     blur: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable scale animation effect on image hover */
     scale: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-color-bg-light)` */
+    separatorColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
+     * */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: () => never[];
     };
+    /** Images count shown (max: 5) */
     imagesShownCount: {
         type: NumberConstructor;
         default: number;
     };
+    /** Remove transparent layer with the remain count (ex: +2) */
     noRemaining: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Height of gallery */
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    /** Remove default height */
     noHeight: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Width of gallery */
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    /** Remove default width */
     noWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable the border radius of the gallery */
     noRadius: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable full size display when clicking on image */
     noZoom: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Layer with photography icon when no images is provided */
     hasEmptyLayer: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Lazy load image - if false, images are directly loaded */
     lazy: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable blur effect on image hover */
     blur: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable scale animation effect on image hover */
     scale: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` or `var(--maz-color-bg-light)` */
+    separatorColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     width: string | number;
     height: string | number;
@@ -121,5 +161,6 @@ declare const _default: import("vue").DefineComponent<{
     noZoom: boolean;
     hasEmptyLayer: boolean;
     scale: boolean;
+    separatorColor: string;
 }, {}>;
 export default _default;

package/types/modules/index.d.ts

@@ -3,3 +3,4 @@ export * from './directives';
 export * from './filters';
 export * from './plugins';
 export * from './composables';
+export * from './resolvers';

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

@@ -0,0 +1,2 @@
+import { type ComponentResolver } from 'unplugin-vue-components';
+export declare function MazUiUnpluginVueComponentsResolver(): ComponentResolver;

package/components/chunks/MazAvatar-358d78d4.mjs

@@ -1,138 +0,0 @@
-import "../assets/MazAvatar.css";
-import { defineComponent, defineAsyncComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, normalizeClass, unref, createCommentVNode, renderSlot, toDisplayString, createElementBlock, normalizeStyle, createVNode } from "vue";
-const _hoisted_1 = ["tabindex"];
-const _hoisted_2 = { class: "m-avatar__initial" };
-const _hoisted_3 = {
-  key: 0,
-  class: "m-avatar__caption"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __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: false },
-    clickable: { type: Boolean, default: false },
-    square: { type: Boolean, default: false },
-    noElevation: { type: Boolean, default: false },
-    showCaption: { type: Boolean, default: false },
-    imageHeightFull: { type: Boolean, default: false },
-    noLoader: { type: Boolean, default: false },
-    buttonColor: {
-      type: String,
-      default: "info"
-    }
-  },
-  emits: ["click"],
-  setup(__props) {
-    const MazLazyImg = defineAsyncComponent(() => import("./MazLazyImg-e0d8b6d0.mjs"));
-    const PencilIcon = defineAsyncComponent(() => import("./pencil-2f766dc8.mjs"));
-    const props = __props;
-    const componentType = computed(() => props.to ? "RouterLink" : props.href ? "a" : "div");
-    const isLink = computed(() => !!props.to || !!props.href);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps({
-        style: { fontSize: __props.size },
-        class: ["m-avatar", [
-          {
-            "--has-link": isLink.value
-          }
-        ]]
-      }, _ctx.$attrs, {
-        href: __props.href,
-        to: __props.to,
-        target: isLink.value ? __props.target : void 0
-      }), {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["m-avatar__wrapper", {
-              "--has-shadow": !__props.noElevation,
-              "--bordered": __props.bordered,
-              "--clickable": __props.clickable,
-              "--square": __props.square,
-              "--has-initial": !__props.src && __props.caption
-            }]),
-            tabindex: __props.clickable ? 0 : -1
-          }, [
-            __props.src ? (openBlock(), createBlock(unref(MazLazyImg), {
-              key: 0,
-              class: "m-avatar__picture maz-max-w-full",
-              image: __props.src,
-              alt: __props.alt,
-              "image-height-full": "",
-              "no-loader": __props.noLoader,
-              onClick: _cache[0] || (_cache[0] = ($event) => __props.clickable ? _ctx.$emit("click", $event) : null)
-            }, null, 8, ["image", "alt", "no-loader"])) : createCommentVNode("v-if", true),
-            __props.caption && !__props.src ? renderSlot(_ctx.$slots, "round-text", { key: 1 }, () => {
-              var _a;
-              return [
-                createElementVNode(
-                  "span",
-                  _hoisted_2,
-                  toDisplayString((_a = __props.caption) == null ? void 0 : _a.charAt(0)),
-                  1
-                  /* TEXT */
-                )
-              ];
-            }, true) : createCommentVNode("v-if", true),
-            __props.clickable ? (openBlock(), createElementBlock(
-              "button",
-              {
-                key: 2,
-                type: "button",
-                tabindex: "-1",
-                class: "m-avatar__button",
-                style: normalizeStyle({
-                  backgroundColor: __props.src ? `var(--maz-color-${__props.buttonColor}-alpha)` : `var(--maz-color-${__props.buttonColor})`
-                }),
-                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
-              },
-              [
-                renderSlot(_ctx.$slots, "icon", {}, () => [
-                  createVNode(unref(PencilIcon), { class: "m-avatar__button__icon" })
-                ], true)
-              ],
-              4
-              /* STYLE */
-            )) : createCommentVNode("v-if", true)
-          ], 10, _hoisted_1),
-          renderSlot(_ctx.$slots, "caption", {}, () => [
-            __props.showCaption && __props.caption ? (openBlock(), createElementBlock(
-              "p",
-              _hoisted_3,
-              toDisplayString(__props.caption),
-              1
-              /* TEXT */
-            )) : createCommentVNode("v-if", true)
-          ], true)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["style", "class", "href", "to", "target"]);
-    };
-  }
-});
-const MazAvatar_vue_vue_type_style_index_0_scoped_6cd62f95_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6cd62f95"]]);
-export {
-  MazAvatar as M,
-  _export_sfc as _
-};