maz-ui 3.31.7-beta.13 → 3.31.7-beta.14

package/components/MazCarousel.d.ts

@@ -1,7 +1,12 @@
 export type Props = {
+    /** Do not display the scroll buttons */
     noScrollBtn?: boolean;
+    /** Aria label for the previous button */
     ariaLabelPreviousButton?: string;
+    /** Aria label for the next button */
     ariaLabelNextButton?: string;
+    /** Hide the scrollbar when not active */
+    hideScrollbar?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     ariaLabelPreviousButton: string;

package/components/MazCarousel.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCarousel-0SdA9AUx.mjs";
+import { M as f } from "./chunks/MazCarousel-A825UbFI.mjs";
 export {
   f as default
 };

package/components/assets/MazCarousel.css

@@ -1 +1 @@
-.m-carousel[data-v-2247b7dd]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-carousel__header[data-v-2247b7dd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-carousel__header.--has-title[data-v-2247b7dd]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-carousel__header__actions[data-v-2247b7dd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-carousel__header__actions[data-v-2247b7dd]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.m-carousel__items[data-v-2247b7dd]{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-carousel__items[data-v-2247b7dd]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-carousel__items[data-v-2247b7dd]{overflow-x:auto;overflow-y:hidden;padding-top:1rem;padding-bottom:1rem;padding-left:.75rem;scroll-behavior:smooth}.m-carousel__items__spacer[data-v-2247b7dd]{-webkit-box-flex:0;-ms-flex:0 0 1px;flex:0 0 1px;width:1px;height:1px}.m-carousel__btn.--muted[data-v-2247b7dd]{color:var(--maz-color-muted);fill:currentColor}
+.m-carousel[data-v-ec2bbebd]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-carousel__header[data-v-ec2bbebd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-carousel__header.--has-title[data-v-ec2bbebd]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-carousel__header__actions[data-v-ec2bbebd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-carousel__header__actions[data-v-ec2bbebd]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.m-carousel__items[data-v-ec2bbebd]{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-carousel__items[data-v-ec2bbebd]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-carousel__items[data-v-ec2bbebd]{overflow-y:hidden;padding-top:1rem;padding-bottom:1rem;padding-left:.75rem;scroll-behavior:smooth}.m-carousel__items__spacer[data-v-ec2bbebd]{-webkit-box-flex:0;-ms-flex:0 0 1px;flex:0 0 1px;width:1px;height:1px}.m-carousel__btn.--muted[data-v-ec2bbebd]{color:var(--maz-color-muted);fill:currentColor}.m-carousel :not(.--hide-scrollbar) .m-carousel__items[data-v-ec2bbebd]{overflow-x:auto}.m-carousel.--hide-scrollbar .m-carousel__items[data-v-ec2bbebd]{overflow-x:hidden}.m-carousel.--hide-scrollbar:hover .m-carousel__items[data-v-ec2bbebd],.m-carousel.--hide-scrollbar:focus-within .m-carousel__items[data-v-ec2bbebd],.m-carousel.--hide-scrollbar:active .m-carousel__items[data-v-ec2bbebd],.m-carousel.--hide-scrollbar:focus .m-carousel__items[data-v-ec2bbebd]{overflow-x:auto}

package/components/chunks/{MazBtn-spGsztYS.mjs → MazBtn-KD6OHRo9.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as S, onBeforeMount as w, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as A, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as D } from "./MazCarousel-0SdA9AUx.mjs";
+import { _ as D } from "./MazCarousel-A825UbFI.mjs";
 const P = /* @__PURE__ */ E({
   __name: "MazBtn",
   props: {
@@ -26,7 +26,7 @@ const P = /* @__PURE__ */ E({
     contentClass: { default: void 0 }
   },
   setup(g) {
-    const B = h(() => import("./MazSpinner-L2usRZ-4.mjs")), f = h(() => import("./MazIcon-C329_2BT.mjs")), { href: k, to: I } = R(), p = S(), e = g;
+    const B = h(() => import("./MazSpinner-s5aXbEWc.mjs")), f = h(() => import("./MazIcon-C329_2BT.mjs")), { href: k, to: I } = R(), p = S(), e = g;
     w(() => {
       e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });

package/components/chunks/MazCarousel-A825UbFI.mjs

@@ -0,0 +1,121 @@
+import "../assets/MazCarousel.css";
+import { defineComponent as g, defineAsyncComponent as v, useSlots as N, ref as f, openBlock as a, createElementBlock as r, normalizeClass as c, renderSlot as n, createCommentVNode as i, createVNode as u, unref as d, withCtx as B, createElementVNode as k, pushScopeId as W, popScopeId as x } from "vue";
+const $ = (t) => (W("data-v-ec2bbebd"), t = t(), x(), t), T = { key: 0 }, V = {
+  key: 1,
+  class: "m-carousel__header__actions"
+}, w = /* @__PURE__ */ $(() => /* @__PURE__ */ k(
+  "div",
+  { class: "m-carousel__items__spacer" },
+  null,
+  -1
+  /* HOISTED */
+)), E = /* @__PURE__ */ g({
+  __name: "MazCarousel",
+  props: {
+    noScrollBtn: { type: Boolean },
+    ariaLabelPreviousButton: { default: "Scroll to previous items" },
+    ariaLabelNextButton: { default: "Scroll to next items" },
+    hideScrollbar: { type: Boolean }
+  },
+  setup(t) {
+    const l = v(() => import("./MazBtn-KD6OHRo9.mjs")), s = v(() => import("./chevron-left-48sF6neb.mjs")), m = v(() => import("./chevron-right-VgbFQPBM.mjs")), p = t, h = N(), b = f(!1), S = f(!1), _ = f(), y = () => !p.noScrollBtn || h.title, C = () => !!h.title, I = () => {
+      const e = _.value;
+      e == null || e.scrollTo(e.scrollLeft + e.clientWidth, 0);
+    }, L = () => {
+      const e = _.value;
+      e == null || e.scrollTo(e.scrollLeft - e.clientWidth, 0);
+    }, z = (e) => {
+      const o = e.target;
+      if (!o)
+        return;
+      b.value = o.scrollLeft >= 20;
+      const M = o.scrollWidth - o.clientWidth;
+      S.value = o.scrollLeft >= M - 20;
+    };
+    return (e, o) => (a(), r(
+      "div",
+      {
+        class: c(["m-carousel", {
+          "--hide-scrollbar": e.hideScrollbar
+        }])
+      },
+      [
+        y() ? (a(), r(
+          "div",
+          {
+            key: 0,
+            class: c(["m-carousel__header", { "--has-title": C() }])
+          },
+          [
+            C() ? (a(), r("div", T, [
+              n(e.$slots, "title", {}, void 0, !0)
+            ])) : i("v-if", !0),
+            e.noScrollBtn ? i("v-if", !0) : (a(), r("div", V, [
+              u(d(l), {
+                color: "transparent",
+                class: c(["m-carousel__btn", { "--muted": !b.value }]),
+                "no-elevation": "",
+                fab: "",
+                "aria-label": e.ariaLabelPreviousButton,
+                onClick: L
+              }, {
+                default: B(() => [
+                  n(e.$slots, "previous-icon", {}, () => [
+                    u(d(s), { class: "maz-text-lg" })
+                  ], !0)
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["class", "aria-label"]),
+              u(d(l), {
+                color: "transparent",
+                class: c(["m-carousel__btn", { "--muted": S.value }]),
+                fab: "",
+                "no-elevation": "",
+                "aria-label": e.ariaLabelNextButton,
+                onClick: I
+              }, {
+                default: B(() => [
+                  n(e.$slots, "next-icon", {}, () => [
+                    u(d(m), { class: "maz-text-lg" })
+                  ], !0)
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["class", "aria-label"])
+            ]))
+          ],
+          2
+          /* CLASS */
+        )) : i("v-if", !0),
+        k(
+          "div",
+          {
+            ref_key: "MazCarouselItems",
+            ref: _,
+            class: "m-carousel__items",
+            onScroll: z
+          },
+          [
+            i(" Insert your items "),
+            n(e.$slots, "default", {}, void 0, !0),
+            w
+          ],
+          544
+          /* NEED_HYDRATION, NEED_PATCH */
+        )
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), P = (t, l) => {
+  const s = t.__vccOpts || t;
+  for (const [m, p] of l)
+    s[m] = p;
+  return s;
+}, O = /* @__PURE__ */ P(E, [["__scopeId", "data-v-ec2bbebd"]]);
+export {
+  O as M,
+  P as _
+};

package/components/chunks/{MazSpinner-L2usRZ-4.mjs → MazSpinner-s5aXbEWc.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazCarousel-0SdA9AUx.mjs";
+import { _ as p } from "./MazCarousel-A825UbFI.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.31.7-beta.13"
+  "version": "3.31.7-beta.14"
 }

package/package.json

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

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

@@ -1,7 +1,12 @@
 export type Props = {
+    /** Do not display the scroll buttons */
     noScrollBtn?: boolean;
+    /** Aria label for the previous button */
     ariaLabelPreviousButton?: string;
+    /** Aria label for the next button */
     ariaLabelNextButton?: string;
+    /** Hide the scrollbar when not active */
+    hideScrollbar?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     ariaLabelPreviousButton: string;

package/components/chunks/MazCarousel-0SdA9AUx.mjs

@@ -1,110 +0,0 @@
-import "../assets/MazCarousel.css";
-import { defineComponent as g, defineAsyncComponent as p, useSlots as x, ref as v, openBlock as a, createElementBlock as r, normalizeClass as f, renderSlot as n, createCommentVNode as c, createVNode as i, unref as u, withCtx as B, createElementVNode as k, pushScopeId as N, popScopeId as W } from "vue";
-const $ = (t) => (N("data-v-2247b7dd"), t = t(), W(), t), T = { class: "m-carousel" }, V = { key: 0 }, w = {
-  key: 1,
-  class: "m-carousel__header__actions"
-}, E = /* @__PURE__ */ $(() => /* @__PURE__ */ k(
-  "div",
-  { class: "m-carousel__items__spacer" },
-  null,
-  -1
-  /* HOISTED */
-)), P = /* @__PURE__ */ g({
-  __name: "MazCarousel",
-  props: {
-    noScrollBtn: { type: Boolean },
-    ariaLabelPreviousButton: { default: "Scroll to previous items" },
-    ariaLabelNextButton: { default: "Scroll to next items" }
-  },
-  setup(t) {
-    const s = p(() => import("./MazBtn-spGsztYS.mjs")), l = p(() => import("./chevron-left-48sF6neb.mjs")), d = p(() => import("./chevron-right-VgbFQPBM.mjs")), _ = t, h = x(), S = v(!1), b = v(!1), m = v(), I = () => !_.noScrollBtn || h.title, C = () => !!h.title, L = () => {
-      const e = m.value;
-      e == null || e.scrollTo(e.scrollLeft + e.clientWidth, 0);
-    }, y = () => {
-      const e = m.value;
-      e == null || e.scrollTo(e.scrollLeft - e.clientWidth, 0);
-    }, z = (e) => {
-      const o = e.target;
-      if (!o)
-        return;
-      S.value = o.scrollLeft >= 20;
-      const M = o.scrollWidth - o.clientWidth;
-      b.value = o.scrollLeft >= M - 20;
-    };
-    return (e, o) => (a(), r("div", T, [
-      I() ? (a(), r(
-        "div",
-        {
-          key: 0,
-          class: f(["m-carousel__header", { "--has-title": C() }])
-        },
-        [
-          C() ? (a(), r("div", V, [
-            n(e.$slots, "title", {}, void 0, !0)
-          ])) : c("v-if", !0),
-          e.noScrollBtn ? c("v-if", !0) : (a(), r("div", w, [
-            i(u(s), {
-              color: "transparent",
-              class: f(["m-carousel__btn", { "--muted": !S.value }]),
-              "no-elevation": "",
-              fab: "",
-              "aria-label": e.ariaLabelPreviousButton,
-              onClick: y
-            }, {
-              default: B(() => [
-                n(e.$slots, "previous-icon", {}, () => [
-                  i(u(l), { class: "maz-text-lg" })
-                ], !0)
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 8, ["class", "aria-label"]),
-            i(u(s), {
-              color: "transparent",
-              class: f(["m-carousel__btn", { "--muted": b.value }]),
-              fab: "",
-              "no-elevation": "",
-              "aria-label": e.ariaLabelNextButton,
-              onClick: L
-            }, {
-              default: B(() => [
-                n(e.$slots, "next-icon", {}, () => [
-                  i(u(d), { class: "maz-text-lg" })
-                ], !0)
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 8, ["class", "aria-label"])
-          ]))
-        ],
-        2
-        /* CLASS */
-      )) : c("v-if", !0),
-      k(
-        "div",
-        {
-          ref_key: "MazCarouselItems",
-          ref: m,
-          class: "m-carousel__items",
-          onScroll: z
-        },
-        [
-          c(" Insert your items "),
-          n(e.$slots, "default", {}, void 0, !0),
-          E
-        ],
-        544
-        /* NEED_HYDRATION, NEED_PATCH */
-      )
-    ]));
-  }
-}), A = (t, s) => {
-  const l = t.__vccOpts || t;
-  for (const [d, _] of s)
-    l[d] = _;
-  return l;
-}, R = /* @__PURE__ */ A(P, [["__scopeId", "data-v-2247b7dd"]]);
-export {
-  R as M,
-  A as _
-};