maz-ui 3.22.3 → 3.23.0

package/components/MazCheckbox.mjs

@@ -1,20 +1,16 @@
 import "./assets/MazCheckbox.css";
-import { computed, openBlock, createElementBlock, createElementVNode, defineComponent, useCssVars, getCurrentInstance, unref, normalizeClass, mergeProps, createVNode, renderSlot } from "vue";
-const useInstanceUniqId = ({
-  componentName,
-  instance,
-  providedId
-}) => {
-  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
-};
-const _hoisted_1$1 = {
+import { computed as r, openBlock as x, createElementBlock as b, createElementVNode as u, defineComponent as C, useCssVars as w, getCurrentInstance as S, unref as d, normalizeClass as p, mergeProps as I, createVNode as B, renderSlot as A } from "vue";
+const N = ({
+  componentName: t,
+  instance: a,
+  providedId: n
+}) => r(() => n ?? `${t}-${a == null ? void 0 : a.uid}`), $ = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-};
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
+}, M = /* @__PURE__ */ u(
   "path",
   {
     stroke: "currentColor",
@@ -26,17 +22,13 @@ const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
   null,
   -1
   /* HOISTED */
-);
-const _hoisted_3 = [
-  _hoisted_2$1
+), E = [
+  M
 ];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._hoisted_3]);
+function j(t, a) {
+  return x(), b("svg", $, [...E]);
 }
-const CheckIcon = { render };
-const _hoisted_1 = ["for", "aria-checked"];
-const _hoisted_2 = ["id", "checked", "disabled", "name"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const q = { render: j }, D = ["for", "aria-checked"], H = ["id", "checked", "disabled", "name"], K = /* @__PURE__ */ C({
   __name: "MazCheckbox",
   props: {
     modelValue: {
@@ -51,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     value: { type: [String, Number, Boolean], default: void 0 },
     name: { type: String, default: "m-checkbox" },
     size: { type: String, default: "md" },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: !1 }
   },
   emits: [
     /* emitted when value change */
@@ -59,134 +51,98 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /* emited when value change */
     "change"
   ],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "40cdf8ce": checkIconColor.value,
-      "25e00d0a": checkboxSize.value,
-      "5692b564": checkboxSelectedColor.value,
-      "9df23cde": checkboxBoxShadow.value
+  setup(t, { emit: a }) {
+    w((o) => ({
+      "40cdf8ce": v.value,
+      "25e00d0a": k.value,
+      "5692b564": _.value,
+      "9df23cde": g.value
     }));
-    const instance = getCurrentInstance();
-    const props = __props;
-    const emits = __emit;
-    const instanceId = useInstanceUniqId({
+    const n = S(), e = t, c = a, i = N({
       componentName: "MazCheckbox",
-      instance,
-      providedId: props.id
-    });
-    const isChecked = computed(
-      () => typeof props.value !== "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue === "boolean" ? props.modelValue : false
-    );
-    const checkboxSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
+      instance: n,
+      providedId: e.id
+    }), m = r(
+      () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
+    ), k = r(() => {
+      switch (e.size) {
+        case "xl":
           return "2.25rem";
-        }
-        case "lg": {
+        case "lg":
           return "2rem";
-        }
-        default: {
+        default:
           return "1.625rem";
-        }
-        case "sm": {
+        case "sm":
           return "1.425rem";
-        }
-        case "xs": {
+        case "xs":
           return "1.325rem";
-        }
-        case "mini": {
+        case "mini":
           return "1.2rem";
-        }
       }
-    });
-    const checkIconSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
+    }), y = r(() => {
+      switch (e.size) {
+        case "xl":
           return "maz-text-2xl";
-        }
-        case "lg": {
+        case "lg":
           return "maz-text-xl";
-        }
-        default: {
+        default:
           return "maz-text-lg";
-        }
-        case "sm": {
+        case "sm":
           return "maz-text-base";
-        }
-        case "xs": {
+        case "xs":
           return "maz-text-sm";
-        }
-        case "mini": {
+        case "mini":
           return "maz-text-xs";
-        }
       }
-    });
-    const checkIconColor = computed(() => `var(--maz-color-${props.color}-contrast)`);
-    const checkboxSelectedColor = computed(() => `var(--maz-color-${props.color})`);
-    const checkboxBoxShadow = computed(
-      () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
+    }), v = r(() => `var(--maz-color-${e.color}-contrast)`), _ = r(() => `var(--maz-color-${e.color})`), g = r(
+      () => ["black", "transparent"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`
     );
-    function keyboardHandler(event) {
-      if (["Space"].includes(event.code)) {
-        event.preventDefault();
-        emitValue(props.value ?? !props.modelValue);
-      }
+    function z(o) {
+      ["Space"].includes(o.code) && (o.preventDefault(), f(e.value ?? !e.modelValue));
     }
-    function getNewValue(value) {
-      if (typeof value === "boolean" && (typeof props.modelValue === "boolean" || props.modelValue === void 0 || props.modelValue === null)) {
-        return props.modelValue ? false : true;
-      } else if (Array.isArray(props.modelValue) && typeof value !== "boolean") {
-        return props.modelValue.includes(value) ? props.modelValue.filter((v) => v !== value) : [...props.modelValue, value];
-      } else {
-        return [value];
-      }
+    function V(o) {
+      return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((l) => l !== o) : [...e.modelValue, o] : [o];
     }
-    function emitValue(value) {
-      const newValue = getNewValue(value);
-      emits("update:model-value", newValue);
-      emits("change", newValue);
+    function f(o) {
+      const l = V(o);
+      c("update:model-value", l), c("change", l);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        for: unref(instanceId),
-        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
-        tabindex: "0",
-        role: "checkbox",
-        "aria-checked": isChecked.value,
-        onKeydown: keyboardHandler
-      }, [
-        createElementVNode("input", mergeProps({
-          id: unref(instanceId),
-          checked: isChecked.value
-        }, _ctx.$attrs, {
-          tabindex: "-1",
-          disabled: __props.disabled,
-          name: __props.name,
-          type: "checkbox",
-          onChange: _cache[0] || (_cache[0] = ($event) => {
-            var _a;
-            return emitValue(__props.value ?? ((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked));
-          })
-        }), null, 16, _hoisted_2),
-        createElementVNode("span", null, [
-          createVNode(unref(CheckIcon), {
-            class: normalizeClass(["check-icon", checkIconSize.value])
-          }, null, 8, ["class"])
-        ]),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 42, _hoisted_1);
-    };
+    return (o, l) => (x(), b("label", {
+      for: d(i),
+      class: p(["m-checkbox", { "--disabled": t.disabled }]),
+      tabindex: "0",
+      role: "checkbox",
+      "aria-checked": m.value,
+      onKeydown: z
+    }, [
+      u("input", I({
+        id: d(i),
+        checked: m.value
+      }, o.$attrs, {
+        tabindex: "-1",
+        disabled: t.disabled,
+        name: t.name,
+        type: "checkbox",
+        onChange: l[0] || (l[0] = (s) => {
+          var h;
+          return f(t.value ?? ((h = s == null ? void 0 : s.target) == null ? void 0 : h.checked));
+        })
+      }), null, 16, H),
+      u("span", null, [
+        B(d(q), {
+          class: p(["check-icon", y.value])
+        }, null, 8, ["class"])
+      ]),
+      A(o.$slots, "default", {}, void 0, !0)
+    ], 42, D));
   }
 });
-const MazCheckbox_vue_vue_type_style_index_0_scoped_141a5e53_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-141a5e53"]]);
+const O = (t, a) => {
+  const n = t.__vccOpts || t;
+  for (const [e, c] of a)
+    n[e] = c;
+  return n;
+}, F = /* @__PURE__ */ O(K, [["__scopeId", "data-v-141a5e53"]]);
 export {
-  MazCheckbox as default
+  F as default
 };

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazDialog-83e54b8c.mjs";
+import { M as f } from "./chunks/MazDialog-44eda544.mjs";
 export {
-  M as default
+  f as default
 };

package/components/MazDialogPromise.mjs

@@ -1,5 +1,5 @@
-import { a, u } from "./chunks/MazDialogPromise-6967e821.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-eec5acde.mjs";
 export {
-  a as default,
-  u as useMazDialogPromise
+  o as default,
+  s as useMazDialogPromise
 };

package/components/MazDrawer.mjs

@@ -1,4 +1,4 @@
-import { a } from "./chunks/MazDrawer-d778b3d2.mjs";
+import { a as f } from "./chunks/MazDrawer-b628b37e.mjs";
 export {
-  a as default
+  f as default
 };

package/components/MazDropdown.mjs

@@ -1,4 +1,4 @@
-import { a } from "./chunks/MazDropdown-6f4482d7.mjs";
+import { a as f } from "./chunks/MazDropdown-6f2248b0.mjs";
 export {
-  a as default
+  f as default
 };

package/components/MazDropzone.mjs

@@ -1,5 +1,5 @@
-import { M } from "./chunks/MazDropzone-d1bb62dc.mjs";
+import { M as a } from "./chunks/MazDropzone-8cac10a6.mjs";
 import "vue";
 export {
-  M as default
+  a as default
 };

package/components/MazFullscreenLoader.mjs

@@ -1,27 +1,23 @@
-import { defineComponent, defineAsyncComponent, openBlock, createElementBlock, createVNode, unref, renderSlot, createCommentVNode } from "vue";
-const _hoisted_1 = { class: "maz-fixed maz-inset-0 maz-z-default-backdrop maz-flex maz-flex-col maz-gap-2 maz-bg-overlay maz-text-center maz-backdrop-blur maz-flex-center" };
-const _hoisted_2 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as t, defineAsyncComponent as n, openBlock as o, createElementBlock as a, createVNode as l, unref as s, renderSlot as m, createCommentVNode as c } from "vue";
+const d = { class: "maz-fixed maz-inset-0 maz-z-default-backdrop maz-flex maz-flex-col maz-gap-2 maz-bg-overlay maz-text-center maz-backdrop-blur maz-flex-center" }, i = { key: 0 }, u = /* @__PURE__ */ t({
   __name: "MazFullscreenLoader",
   props: {
     color: { default: "primary" },
     size: { default: "3em" }
   },
-  setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./chunks/MazSpinner-8e180605.mjs"));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(MazSpinner), {
-          color: _ctx.color,
-          size: _ctx.size
-        }, null, 8, ["color", "size"]),
-        _ctx.$slots["default"] ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "default")
-        ])) : createCommentVNode("v-if", true)
-      ]);
-    };
+  setup(p) {
+    const r = n(() => import("./chunks/MazSpinner-a6d61cee.mjs"));
+    return (e, z) => (o(), a("div", d, [
+      l(s(r), {
+        color: e.color,
+        size: e.size
+      }, null, 8, ["color", "size"]),
+      e.$slots.default ? (o(), a("span", i, [
+        m(e.$slots, "default")
+      ])) : c("v-if", !0)
+    ]));
   }
 });
 export {
-  _sfc_main as default
+  u as default
 };

package/components/MazGallery.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;