maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazBottomSheet-61090f4a.mjs

@@ -1,267 +0,0 @@
-import "../assets/MazBottomSheet.css";
-import { defineComponent, ref, onMounted, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, withModifiers, mergeProps, renderSlot, createCommentVNode, defineAsyncComponent, unref, pushScopeId, popScopeId } from "vue";
-const MODAL_OPENED_CLASS = "--backdrop-present";
-const addClassToDocument = () => {
-  document.documentElement.classList.add(MODAL_OPENED_CLASS);
-};
-const removeClassFromDocument = async () => {
-  const backdropPresents = document.querySelector(".m-backdrop.--present");
-  if (!backdropPresents) {
-    document.documentElement.classList.remove(MODAL_OPENED_CLASS);
-  }
-};
-const _sfc_main$1 = defineComponent({
-  inheritAttrs: false,
-  props: {
-    modelValue: { type: Boolean, default: false },
-    teleportSelector: { type: String, default: "body" },
-    beforeClose: {
-      // eslint-disable-next-line @typescript-eslint/ban-types
-      type: Function,
-      default: void 0
-    },
-    persistent: { type: Boolean, default: false },
-    noCloseOnEscKey: { type: Boolean, default: false },
-    transitionName: { type: String, default: "backdrop-anim" },
-    backdropClass: { type: [Array, String, Object], default: void 0 },
-    backdropContentClass: {
-      type: [Array, String, Object],
-      default: void 0
-    }
-  },
-  emits: ["open", "before-close", "close", "update:model-value"],
-  setup(props, { emit: emits }) {
-    const present = ref(props.modelValue);
-    const close = () => {
-      toggleModal(false);
-    };
-    const toggleModal = async (value) => {
-      var _a;
-      if (!value) {
-        emits("before-close");
-        await ((_a = props.beforeClose) == null ? void 0 : _a.call(props));
-      }
-      present.value = value;
-    };
-    const onBackdropAnimationEnter = () => {
-      emits("open");
-    };
-    const onBackdropAnimationLeave = () => {
-      emits("update:model-value", false);
-      emits("close");
-      removeClassAndEventToDocument();
-    };
-    const onBackdropClicked = () => {
-      if (!props.persistent) {
-        close();
-      }
-    };
-    const onKeyPress = (event) => {
-      if (!props.noCloseOnEscKey && event.key === "Escape" && !props.persistent) {
-        close();
-      }
-    };
-    const addClassAndEventToDocument = () => {
-      addClassToDocument();
-      document.addEventListener("keyup", onKeyPress, false);
-    };
-    const removeClassAndEventToDocument = () => {
-      document.removeEventListener("keyup", onKeyPress);
-      removeClassFromDocument();
-    };
-    onMounted(() => {
-      if (props.modelValue) {
-        addClassAndEventToDocument();
-      } else {
-        removeClassAndEventToDocument();
-      }
-    });
-    watch(
-      () => props.modelValue,
-      (value) => {
-        present.value = value;
-        if (value) {
-          addClassAndEventToDocument();
-        } else {
-          removeClassAndEventToDocument();
-        }
-      }
-    );
-    return {
-      onBackdropAnimationEnter,
-      onBackdropAnimationLeave,
-      onBackdropClicked,
-      close,
-      present,
-      toggleModal,
-      onKeyPress
-    };
-  }
-});
-const MazBackdrop_vue_vue_type_style_index_0_lang = "";
-const MazBackdrop_vue_vue_type_style_index_1_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Teleport, { to: _ctx.teleportSelector }, [
-    createVNode(Transition, {
-      appear: "",
-      name: _ctx.transitionName,
-      onAfterEnter: _ctx.onBackdropAnimationEnter,
-      onAfterLeave: _ctx.onBackdropAnimationLeave
-    }, {
-      default: withCtx(() => [
-        _ctx.present ? (openBlock(), createElementBlock(
-          "div",
-          {
-            key: 0,
-            class: normalizeClass(["m-backdrop --present", [_ctx.backdropClass]]),
-            tabindex: "-1",
-            role: "dialog"
-          },
-          [
-            createElementVNode(
-              "button",
-              {
-                class: normalizeClass(["m-backdrop-overlay", { "--disabled": _ctx.persistent }]),
-                tabindex: "-1",
-                onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onBackdropClicked && _ctx.onBackdropClicked(...args), ["self"]))
-              },
-              null,
-              2
-              /* CLASS */
-            ),
-            createElementVNode(
-              "div",
-              mergeProps({
-                class: ["m-backdrop-content", _ctx.backdropContentClass]
-              }, _ctx.$attrs, {
-                role: "document",
-                tabindex: "0"
-              }),
-              [
-                renderSlot(_ctx.$slots, "default", { close: _ctx.close })
-              ],
-              16
-              /* FULL_PROPS */
-            )
-          ],
-          2
-          /* CLASS */
-        )) : createCommentVNode("v-if", true)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"]);
-}
-const MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
-const _hoisted_1$1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-const _hoisted_2 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "1.5",
-    d: "M6 18 18 6M6 6l12 12"
-  },
-  null,
-  -1
-  /* HOISTED */
-);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._hoisted_3]);
-}
-const XIcon = { render };
-const _withScopeId = (n) => (pushScopeId("data-v-bc7adf8f"), n = n(), popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
-  "div",
-  { class: "m-bottom-sheet__content-wrapper" },
-  [
-    /* @__PURE__ */ createElementVNode("p", null, "Default content")
-  ],
-  -1
-  /* HOISTED */
-));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazBottomSheet",
-  props: {
-    noClose: { type: Boolean, default: false },
-    noPadding: { type: Boolean, default: false }
-  },
-  emits: ["update:model-value", "open", "close"],
-  setup(__props, { emit: __emit }) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-fec4c3b7.mjs"));
-    const emits = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(
-        MazBackdrop,
-        mergeProps(_ctx.$attrs, {
-          "transition-name": "bottom-sheet-anim",
-          "backdrop-class": "--bottom-sheet",
-          onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close", $event)),
-          onOpen: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open", $event)),
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emits("update:model-value", $event))
-        }),
-        {
-          default: withCtx(({ close }) => [
-            createElementVNode(
-              "div",
-              {
-                class: normalizeClass(["m-bottom-sheet__container", {
-                  "maz-py-6": !__props.noPadding
-                }])
-              },
-              [
-                createCommentVNode(" Slot content "),
-                renderSlot(_ctx.$slots, "default", { close }, () => [
-                  _hoisted_1
-                ], true),
-                !__props.noClose ? (openBlock(), createBlock(unref(MazBtn), {
-                  key: 0,
-                  size: "sm",
-                  class: "m-bottom-sheet__close",
-                  color: "transparent",
-                  onClick: close
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(XIcon), { class: "maz-text-lg" })
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
-              ],
-              2
-              /* CLASS */
-            )
-          ]),
-          _: 3
-          /* FORWARDED */
-        },
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-const MazBottomSheet_vue_vue_type_style_index_0_scoped_bc7adf8f_lang = "";
-const MazBottomSheet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc7adf8f"]]);
-export {
-  MazBottomSheet as M,
-  _export_sfc as _
-};

package/components/chunks/MazBtn-0e02f0da.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 "./MazPicker-50fc11d1.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-cb6f99f3.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/MazBtn-1daf9063.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 "./MazCard-4331dca0.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-f1e69f29.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
-};