maz-ui 3.18.2 → 3.19.1

package/components/chunks/MazBtn-b191eece.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 "./MazSelect-c03eaaf8.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 props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-87273e1f.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
-    const { href, to } = useAttrs();
-    const slots = useSlots();
-    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_054acd3d_lang = "";
-const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-054acd3d"]]);
-export {
-  MazBtn as default
-};