maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazBtn-fec4c3b7.mjs

@@ -1,184 +0,0 @@
-import "../assets/MazBtn.css";
-import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazBottomSheet-61090f4a.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazBtn",
-  props: {
-    variant: {
-      type: String,
-      default: "button",
-      validator: (value) => {
-        return ["button", "link"].includes(value);
-      }
-    },
-    size: {
-      type: String,
-      default: "md",
-      validator: (value) => {
-        return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
-      }
-    },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    type: {
-      type: String,
-      default: "button",
-      validator: (value) => {
-        return ["button", "submit", "reset"].includes(value);
-      }
-    },
-    rounded: { type: Boolean, default: false },
-    noRounded: { type: Boolean, default: false },
-    outline: { type: Boolean, default: false },
-    pastel: { type: Boolean, default: false },
-    block: { type: Boolean, default: false },
-    noUnderline: { type: Boolean, default: false },
-    noLeading: { type: Boolean, default: false },
-    loading: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    fab: { type: Boolean, default: false },
-    icon: { type: String, default: void 0 },
-    leftIcon: { type: String, default: void 0 },
-    rightIcon: { type: String, default: void 0 },
-    noPadding: { type: Boolean, default: false },
-    noElevation: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-3155378b.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
-    const { href, to } = useAttrs();
-    const slots = useSlots();
-    const props = __props;
-    onBeforeMount(() => {
-      if (props.icon && !props.fab) {
-        console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-      }
-    });
-    const component = computed(() => {
-      if (href)
-        return "a";
-      else if (to)
-        return "router-link";
-      return "button";
-    });
-    const btnColorClass = computed(
-      () => props.pastel ? `--${props.color}-pastel` : props.outline ? `--${props.color}-outline` : `--${props.color}`
-    );
-    const isDisabled = computed(
-      () => (props.loading || props.disabled) && component.value === "button"
-    );
-    const cursorClass = computed(() => isDisabled.value ? "--cursor-default" : "--cursor-pointer");
-    const variantClass = computed(() => `--is-${props.variant}`);
-    const hasLoader = computed(() => props.loading && props.variant === "button");
-    const hasLeftIcon = computed(() => !!slots["left-icon"] || props.leftIcon);
-    const hasRightIcon = computed(() => !!slots["right-icon"] || props.rightIcon);
-    const hasIcon = computed(() => hasLeftIcon.value || hasRightIcon.value);
-    const hasFabIcon = computed(() => props.fab && props.icon);
-    const btnType = computed(() => component.value === "button" ? props.type : void 0);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(component.value), mergeProps(_ctx.$attrs, {
-        disabled: isDisabled.value,
-        class: ["m-btn", [
-          `--${__props.size}`,
-          btnColorClass.value,
-          cursorClass.value,
-          variantClass.value,
-          {
-            "--block": __props.block,
-            "--no-underline": __props.noUnderline,
-            "--no-leading": __props.noLeading,
-            "--fab": __props.fab,
-            "--loading": __props.loading,
-            "--disabled": isDisabled.value,
-            "--icon": hasIcon.value,
-            "--rounded": __props.rounded,
-            "--no-rounded": __props.noRounded,
-            "--no-padding": __props.noPadding,
-            "--no-elevation": __props.noElevation
-          }
-        ]],
-        type: btnType.value
-      }), {
-        default: withCtx(() => [
-          hasLeftIcon.value ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: normalizeClass(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
-            },
-            [
-              renderSlot(_ctx.$slots, "left-icon", {}, () => [
-                __props.leftIcon ? (openBlock(), createBlock(unref(MazIcon), {
-                  key: 0,
-                  name: __props.leftIcon
-                }, null, 8, ["name"])) : createCommentVNode("v-if", true)
-              ], true)
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          hasFabIcon.value ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: normalizeClass(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
-            },
-            [
-              renderSlot(_ctx.$slots, "icon", {}, () => [
-                __props.icon ? (openBlock(), createBlock(unref(MazIcon), {
-                  key: 0,
-                  name: __props.icon
-                }, null, 8, ["name"])) : createCommentVNode("v-if", true)
-              ], true)
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass(["maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
-            },
-            [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ],
-            2
-            /* CLASS */
-          ),
-          hasRightIcon.value ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 2,
-              class: normalizeClass(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
-            },
-            [
-              renderSlot(_ctx.$slots, "right-icon", {}, () => [
-                __props.rightIcon ? (openBlock(), createBlock(unref(MazIcon), {
-                  key: 0,
-                  name: __props.rightIcon
-                }, null, 8, ["name"])) : createCommentVNode("v-if", true)
-              ], true)
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          hasLoader.value ? (openBlock(), createBlock(unref(MazSpinner), {
-            key: 3,
-            size: "2em",
-            color: __props.color,
-            class: "maz-absolute"
-          }, null, 8, ["color"])) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["disabled", "class", "type"]);
-    };
-  }
-});
-const MazBtn_vue_vue_type_style_index_0_scoped_06ad874b_lang = "";
-const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-06ad874b"]]);
-export {
-  MazBtn as default
-};

package/components/chunks/MazCard-4331dca0.mjs

@@ -1,237 +0,0 @@
-import "../assets/MazCard.css";
-import { defineComponent, defineAsyncComponent, useSlots, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, withModifiers, withCtx, renderSlot, unref, createVNode, createCommentVNode, createElementVNode, withDirectives, vShow } from "vue";
-const _hoisted_1 = {
-  key: 0,
-  class: "m-card__gallery__wrapper"
-};
-const _hoisted_2 = { class: "maz-min-w-0 maz-flex-1" };
-const _hoisted_3 = {
-  key: 0,
-  class: "m-card__title"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "m-card__subtitle"
-};
-const _hoisted_5 = {
-  key: 2,
-  class: "m-card__content"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "m-card__actions maz-flex maz-p-2"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazCard",
-  props: {
-    // Images displayed
-    images: {
-      type: Array,
-      default: void 0
-    },
-    // Card variant: Must be `column | row | row-reverse | column-reverse`
-    orientation: {
-      type: String,
-      default: "column",
-      validator: (value) => {
-        return ["column", "row", "row-reverse", "column-reverse"].includes(value);
-      }
-    },
-    // Make card a link (footer area excluded)
-    href: { type: String, default: void 0 },
-    // Target option of link: Muse be one of `_blank | _self | _parent | _top | framename`
-    hrefTarget: { type: String, default: "_self" },
-    // Footer text alignment: `right | left`
-    footerAlign: { type: String, default: "right" },
-    // Gallery image width
-    galleryWidth: { type: [String, Number], default: 200 },
-    // Gallery image height
-    galleryHeight: { type: [String, Number], default: 150 },
-    // Enable "zoom" image on click (can't be used when the card has a link)
-    zoom: { type: Boolean, default: false },
-    // Set elevation to card (box-shadow)
-    elevation: { type: Boolean, default: true },
-    // Set radius to card (box-shadow)
-    radius: { type: Boolean, default: true },
-    // Set border to card
-    bordered: { type: Boolean, default: false },
-    // Number of images shown in the gallery
-    imagesShowCount: { type: Number, default: 3 },
-    // Remove transparent layer with the remain count (ex: +2)
-    noRemaining: { type: Boolean, default: true },
-    // scale animation on hover (only linked cards)
-    scale: { type: Boolean, default: true },
-    wrapperClass: { type: String, default: void 0 },
-    noPadding: { type: Boolean, default: false },
-    overflowHidden: { type: Boolean, default: false },
-    collapsable: { type: Boolean, default: false },
-    collapseOpen: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-1daf9063.mjs"));
-    const MazGallery = defineAsyncComponent(() => import("./MazGallery-b2dc4286.mjs"));
-    const MazTransitionExpand = defineAsyncComponent(() => import("./MazTransitionExpand-474b00d4.mjs"));
-    const ChevronDownIcon = defineAsyncComponent(() => import("./chevron-down-a78b9604.mjs"));
-    const props = __props;
-    const slots = useSlots();
-    const isOpen = ref(props.collapsable ? props.collapseOpen : true);
-    watch(
-      () => props.collapseOpen,
-      (value) => {
-        if (props.collapsable)
-          isOpen.value = value;
-      }
-    );
-    const isColumnVariant = computed(() => ["column", "column-reverse"].includes(props.orientation));
-    const haveSomeContent = computed(() => {
-      const supportedSlots = /* @__PURE__ */ new Set(["default", "title", "subtitle", "content"]);
-      return Object.keys(slots).some((val) => supportedSlots.has(val));
-    });
-    const galleryWidthComputed = computed(() => haveSomeContent.value ? props.galleryWidth : "100%");
-    const footerAlignClass = computed(
-      () => props.footerAlign === "right" ? "maz-text-right" : "maz-text-left"
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["m-card", [
-            {
-              "m-card--linked": __props.href,
-              "m-card--no-scale": !__props.scale,
-              "maz-elevation": __props.elevation,
-              "maz-overflow-hidden": __props.overflowHidden || !isOpen.value,
-              "maz-rounded": __props.radius,
-              "maz-border-2 maz-border-solid maz-border-color-lighter": __props.bordered
-            }
-          ]])
-        },
-        [
-          _ctx.$slots["header"] || __props.collapsable ? (openBlock(), createBlock(resolveDynamicComponent(__props.collapsable ? "button" : "div"), {
-            key: 0,
-            class: normalizeClass(["m-card__header maz-rounded-t-xl maz-border-b-2", [
-              isOpen.value ? "maz-border-color-lighter" : "maz-border-transparent",
-              { "--is-collapsable": __props.collapsable },
-              { "maz-justify-end": !_ctx.$slots["header"] && __props.collapsable },
-              { "maz-justify-between": _ctx.$slots["header"] }
-            ]]),
-            tabindex: "-1",
-            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => __props.collapsable ? isOpen.value = !isOpen.value : void 0, ["stop"]))
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "header", {}, void 0, true),
-              __props.collapsable ? (openBlock(), createBlock(unref(MazBtn), {
-                key: 0,
-                color: "transparent",
-                class: "maz-ml-2 maz-text-sm",
-                size: "xs",
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => isOpen.value = !isOpen.value, ["stop"]))
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(ChevronDownIcon), {
-                    class: normalizeClass([{ "--is-open": isOpen.value }, "m-card__collapse-icon maz-text-xl"])
-                  }, null, 8, ["class"])
-                ]),
-                _: 1
-                /* STABLE */
-              })) : createCommentVNode("v-if", true)
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["class"])) : createCommentVNode("v-if", true),
-          (openBlock(), createBlock(resolveDynamicComponent(__props.href ? "a" : "div"), {
-            class: normalizeClass(["m-card__wrapper", [`m-card__wrapper--${__props.orientation}`, { "m-card__link": __props.href }]]),
-            href: __props.href,
-            target: __props.href ? __props.hrefTarget : null
-          }, {
-            default: withCtx(() => [
-              __props.images ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                createVNode(unref(MazGallery), {
-                  radius: __props.radius,
-                  width: galleryWidthComputed.value,
-                  height: __props.galleryHeight,
-                  "images-shown-count": __props.imagesShowCount,
-                  images: __props.images,
-                  "no-zoom": !__props.zoom,
-                  "no-width": isColumnVariant.value,
-                  "no-height": !isColumnVariant.value && haveSomeContent.value,
-                  "no-remaining": __props.noRemaining,
-                  class: "m-card__gallery maz-flex-1"
-                }, null, 8, ["radius", "width", "height", "images-shown-count", "images", "no-zoom", "no-width", "no-height", "no-remaining"])
-              ])) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_2, [
-                (openBlock(), createBlock(resolveDynamicComponent(__props.collapsable ? unref(MazTransitionExpand) : "div"), null, {
-                  default: withCtx(() => [
-                    withDirectives(createElementVNode(
-                      "div",
-                      {
-                        class: normalizeClass([[__props.wrapperClass, { "maz-p-4": !__props.noPadding && !__props.collapsable }], "m-card__content__wrapper"])
-                      },
-                      [
-                        renderSlot(_ctx.$slots, "default", {}, () => [
-                          _ctx.$slots["title"] ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                            renderSlot(_ctx.$slots, "title", {}, void 0, true)
-                          ])) : createCommentVNode("v-if", true),
-                          _ctx.$slots["subtitle"] ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                            renderSlot(_ctx.$slots, "subtitle", {}, void 0, true)
-                          ])) : createCommentVNode("v-if", true),
-                          _ctx.$slots["content"] ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                            renderSlot(_ctx.$slots, "content", {}, void 0, true)
-                          ])) : createCommentVNode("v-if", true)
-                        ], true)
-                      ],
-                      2
-                      /* CLASS */
-                    ), [
-                      [vShow, isOpen.value]
-                    ])
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }))
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["class", "href", "target"])),
-          _ctx.$slots["footer"] ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: normalizeClass(["m-card__footer maz-overflow-x-auto maz-p-3", [
-                {
-                  "maz-border-t-2 maz-border-color-lighter": isColumnVariant.value && haveSomeContent.value
-                },
-                footerAlignClass.value
-              ]])
-            },
-            [
-              renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          _ctx.$slots["actions"] ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createCommentVNode(" Slot above the gallery "),
-            renderSlot(_ctx.$slots, "actions", {}, void 0, true)
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const MazCard_vue_vue_type_style_index_0_scoped_4654982c_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4654982c"]]);
-export {
-  MazCard as M,
-  _export_sfc as _
-};

package/components/chunks/MazCarousel-7825c7c9.mjs

@@ -1,133 +0,0 @@
-import "../assets/MazCarousel.css";
-import { defineComponent, defineAsyncComponent, useSlots, ref, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, unref, withCtx, createElementVNode, pushScopeId, popScopeId } from "vue";
-const _withScopeId = (n) => (pushScopeId("data-v-e5ae2ebf"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "m-carousel" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = {
-  key: 1,
-  class: "m-carousel__header__actions"
-};
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
-  "div",
-  { class: "m-carousel__items__spacer" },
-  null,
-  -1
-  /* HOISTED */
-));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazCarousel",
-  props: {
-    noScrollBtn: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-b56a7278.mjs"));
-    const ChevronLeftIcon = defineAsyncComponent(() => import("./chevron-left-3365d59b.mjs"));
-    const ChevronRightIcon = defineAsyncComponent(() => import("./chevron-right-02f9e837.mjs"));
-    const props = __props;
-    const slots = useSlots();
-    const isScrolled = ref(false);
-    const isScrolledMax = ref(false);
-    const MazCarouselItems = ref();
-    const hasHeader = () => {
-      return !props.noScrollBtn || slots["title"];
-    };
-    const hasTitle = () => {
-      return !!slots["title"];
-    };
-    const next = () => {
-      const items = MazCarouselItems.value;
-      items == null ? void 0 : items.scrollTo(items.scrollLeft + items.clientWidth, 0);
-    };
-    const previous = () => {
-      const items = MazCarouselItems.value;
-      items == null ? void 0 : items.scrollTo(items.scrollLeft - items.clientWidth, 0);
-    };
-    const setScrollState = (event) => {
-      const target = event.target;
-      if (!target)
-        return;
-      isScrolled.value = target.scrollLeft >= 20;
-      const itemsScrollWidth = target.scrollWidth - target.clientWidth;
-      isScrolledMax.value = target.scrollLeft >= itemsScrollWidth - 20;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        hasHeader() ? (openBlock(), createElementBlock(
-          "div",
-          {
-            key: 0,
-            class: normalizeClass(["m-carousel__header", { "--has-title": hasTitle() }])
-          },
-          [
-            hasTitle() ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              renderSlot(_ctx.$slots, "title", {}, void 0, true)
-            ])) : createCommentVNode("v-if", true),
-            !__props.noScrollBtn ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createVNode(unref(MazBtn), {
-                color: "transparent",
-                class: normalizeClass(["m-carousel__btn", { "--muted": !isScrolled.value }]),
-                "no-elevation": "",
-                fab: "",
-                onClick: previous
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "previous-icon", {}, () => [
-                    createVNode(unref(ChevronLeftIcon), { class: "maz-text-lg" })
-                  ], true)
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["class"]),
-              createVNode(unref(MazBtn), {
-                color: "transparent",
-                class: normalizeClass(["m-carousel__btn", { "--muted": isScrolledMax.value }]),
-                fab: "",
-                "no-elevation": "",
-                onClick: next
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "next-icon", {}, () => [
-                    createVNode(unref(ChevronRightIcon), { class: "maz-text-lg" })
-                  ], true)
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["class"])
-            ])) : createCommentVNode("v-if", true)
-          ],
-          2
-          /* CLASS */
-        )) : createCommentVNode("v-if", true),
-        createElementVNode(
-          "div",
-          {
-            ref_key: "MazCarouselItems",
-            ref: MazCarouselItems,
-            class: "m-carousel__items",
-            onScroll: setScrollState
-          },
-          [
-            createCommentVNode(" Insert your items "),
-            renderSlot(_ctx.$slots, "default", {}, void 0, true),
-            _hoisted_4
-          ],
-          544
-          /* HYDRATE_EVENTS, NEED_PATCH */
-        )
-      ]);
-    };
-  }
-});
-const MazCarousel_vue_vue_type_style_index_0_scoped_e5ae2ebf_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazCarousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e5ae2ebf"]]);
-export {
-  MazCarousel as M,
-  _export_sfc as _
-};