maz-ui 4.0.0-beta.2 → 4.0.0-beta.21

package/dist/components/MazInput.js

@@ -1,12 +1,12 @@
-import { defineComponent, defineAsyncComponent, ref, onMounted, computed, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, unref, toDisplayString, renderSlot, createBlock, resolveDynamicComponent, withDirectives, mergeProps, toHandlers, vModelDynamic, withModifiers, withCtx } from "vue";
+import { defineComponent, defineAsyncComponent, ref, onMounted, computed, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, unref, toDisplayString, renderSlot, createBlock, resolveDynamicComponent, withDirectives, mergeProps, toHandlers, vModelDynamic, withModifiers, withCtx, createVNode } from "vue";
 import { MazEyeSlash, MazEye } from "@maz-ui/icons";
 import { d as debounce } from "../chunks/debounce.Brzkn9pm.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2 = {
+import '../assets/MazInput.ByolKDfx.css';const _hoisted_1 = ["for"], _hoisted_2 = {
   key: 0,
   class: "m-input-wrapper-left"
-}, _hoisted_3 = ["id", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "required"], _hoisted_4 = {
+}, _hoisted_3 = ["id", "placeholder", "aria-label", "type", "inputmode", "name", "autocomplete", "disabled", "readonly", "required"], _hoisted_4 = {
   key: 1,
   class: "m-input-wrapper-right"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -42,11 +42,12 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
     roundedSize: { default: "lg" },
     block: { type: Boolean },
     name: {},
-    autocomplete: {}
+    autocomplete: {},
+    loading: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), hasPasswordVisible = ref(!1), isFocused = ref(!1), input = ref(), instanceId = useInstanceUniqId({
+    const props = __props, emits = __emit, MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), hasPasswordVisible = ref(!1), isFocused = ref(!1), input = ref(), instanceId = useInstanceUniqId({
       componentName: "MazInput",
       providedId: props.id
     });
@@ -55,11 +56,11 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
     });
     const isPasswordType = computed(() => props.type === "password"), inputType = computed(() => hasPasswordVisible.value ? "text" : props.type), borderStyle = computed(() => {
       if (props.border) {
-        if (props.error)
+        if (props.error && !isFocused.value)
           return "maz-border-destructive";
-        if (props.success)
+        if (props.success && !isFocused.value)
           return "maz-border-success";
-        if (props.warning)
+        if (props.warning && !isFocused.value)
           return "maz-border-warning";
         if (isFocused.value || props.borderActive) {
           if (props.color === "destructive")
@@ -97,7 +98,7 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
       set: (value) => emitValue(value)
     }), hasValue = computed(() => model.value !== void 0 && model.value !== ""), shouldUp = computed(() => (!!props.label || !!props.hint) && (!!hasValue.value || !!props.placeholder || ["date", "month", "week"].includes(props.type))), hasLabel = computed(() => !!props.label || !!props.hint);
     function hasRightPart() {
-      return !!slots["right-icon"] || isPasswordType.value || !!props.rightIcon;
+      return !!slots["right-icon"] || isPasswordType.value || !!props.rightIcon || props.loading;
     }
     function hasLeftPart() {
       return !!slots["left-icon"] || !!props.leftIcon;
@@ -116,11 +117,11 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
     }
     const stateColor = computed(() => {
       if (props.error)
-        return "maz-text-destructive-600";
+        return "!maz-text-destructive-600";
       if (props.success)
-        return "maz-text-success-600";
+        return "!maz-text-success-600";
       if (props.warning)
-        return "maz-text-warning-600";
+        return "!maz-text-warning-600";
     });
     return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["m-input m-reset-css", [
@@ -128,7 +129,6 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
           "--is-focused": isFocused.value || _ctx.borderActive,
           "--should-up": shouldUp.value,
           "--has-label": hasLabel.value,
-          "--is-disabled": _ctx.disabled,
           "--is-readonly": _ctx.readonly,
           "--has-z-2": _ctx.error || _ctx.warning || _ctx.success,
           "--has-state": _ctx.error || _ctx.warning || _ctx.success,
@@ -149,7 +149,7 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
           _ctx.inputClasses,
           borderStyle.value,
           `--rounded-${_ctx.roundedSize}`,
-          { "--block": _ctx.block }
+          { "--block": _ctx.block, "--border": _ctx.border }
         ]])
       }, [
         hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_2, [
@@ -175,6 +175,8 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
             "aria-label": _ctx.label || _ctx.placeholder,
             type: inputType.value,
             inputmode: _ctx.inputmode,
+            name: _ctx.name,
+            autocomplete: _ctx.autocomplete,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
             required: _ctx.required,
@@ -222,7 +224,10 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
               }))
             ]),
             _: 1
-          })) : createCommentVNode("", !0)
+          })) : createCommentVNode("", !0),
+          _ctx.loading ? renderSlot(_ctx.$slots, "loader", { key: 2 }, () => [
+            createVNode(unref(MazSpinner), { color: _ctx.color }, null, 8, ["color"])
+          ], !0) : createCommentVNode("", !0)
         ])) : createCommentVNode("", !0)
       ], 2),
       _ctx.assistiveText ? (openBlock(), createElementBlock("div", {
@@ -238,7 +243,7 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
       }, toDisplayString(_ctx.assistiveText), 3)) : createCommentVNode("", !0)
     ], 6));
   }
-}), MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4583d75b"]]);
+}), MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-742656c2"]]);
 export {
   MazInput as default
 };

package/dist/components/MazInputCode.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, Fragment, renderList, mergeProps, toDisplayString } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazInputCode.CG6EJBEk.css';const _hoisted_1 = ["disabled"], _hoisted_2 = { class: "m-input-code__wrapper" }, _hoisted_3 = ["id", "name", "inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazInputCode.FA2z4HQd.css';const _hoisted_1 = ["disabled"], _hoisted_2 = { class: "m-input-code__wrapper" }, _hoisted_3 = ["id", "name", "inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazInputCode",
   props: {
@@ -145,7 +145,7 @@ import '../assets/MazInputCode.CG6EJBEk.css';const _hoisted_1 = ["disabled"], _h
       }, toDisplayString(_ctx.hint), 3)
     ], 14, _hoisted_1));
   }
-}), MazInputCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-223cfa32"]]);
+}), MazInputCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e5199cb1"]]);
 export {
   MazInputCode as default
 };

package/dist/components/MazInputPhoneNumber.js

@@ -1,4 +1,4 @@
-import { M } from "../chunks/MazInputPhoneNumber.Uwhn1Q9j.js";
+import { M } from "../chunks/MazInputPhoneNumber.Ch-PCGiv.js";
 import "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 export {
   M as default

package/dist/components/MazInputPrice.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.GMKzSu7R.js";
+import { _ as _sfc_main } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.BA6TDX-T.js";
 export {
   _sfc_main as default
 };

package/dist/components/MazInputTags.js

@@ -4,7 +4,7 @@ import { t as truthyFilter } from "../chunks/truthyFilter.C2WOKUCG.js";
 import MazBtn from "./MazBtn.js";
 import MazInput from "./MazInput.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazInputTags.B_s9J3sw.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazInputTags.KNTpDHof.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazInputTags",
   props: {
@@ -139,7 +139,7 @@ import '../assets/MazInputTags.B_s9J3sw.css';const _sfc_main = /* @__PURE__ */ d
       }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "hint", "success", "warning", "disabled", "color", "block", "size"])
     ], 38));
   }
-}), MazInputTags = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ab4976b5"]]);
+}), MazInputTags = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8a1d0e47"]]);
 export {
   MazInputTags as default
 };

package/dist/components/MazLazyImg.js

@@ -1,7 +1,7 @@
 import { defineComponent, defineAsyncComponent, computed, withDirectives, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, renderSlot, Fragment, renderList, mergeProps, createVNode, unref } from "vue";
-import { d as directive } from "../chunks/lazy-img.directive.D5zCo3Zi.js";
+import { d as directive } from "../chunks/lazy-img.directive.BLFnGqQa.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazLazyImg.BNaVtpfX.css';const _hoisted_1 = ["data-lazy-srcset", "media"], _hoisted_2 = ["alt"], _hoisted_3 = {
+import '../assets/MazLazyImg.NlPRN3Nk.css';const _hoisted_1 = ["data-lazy-srcset", "media"], _hoisted_2 = ["alt"], _hoisted_3 = {
   key: 0,
   class: "m-lazy-img-component-loader"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -22,8 +22,8 @@ import '../assets/MazLazyImg.BNaVtpfX.css';const _hoisted_1 = ["data-lazy-srcset
     block: { type: Boolean }
   },
   emits: ["intersecting", "loading", "loaded", "error"],
-  setup(__props) {
-    const props = __props, MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), sources = computed(() => typeof props.src == "string" ? [{ srcset: props.src }] : props.src?.sources);
+  setup(__props, { emit: __emit }) {
+    const props = __props, emits = __emit, MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), sources = computed(() => typeof props.src == "string" ? [{ srcset: props.src }] : props.src?.sources);
     return (_ctx, _cache) => withDirectives((openBlock(), createElementBlock("picture", {
       class: normalizeClass(["m-lazy-img-component m-reset-css", [{ "--use-loader": !_ctx.hideLoader, "--height-full": _ctx.imageHeightFull, "--block": _ctx.block }, props.class]]),
       style: normalizeStyle(_ctx.style)
@@ -49,14 +49,14 @@ import '../assets/MazLazyImg.BNaVtpfX.css';const _hoisted_1 = ["data-lazy-srcset
         observerOptions: _ctx.observerOptions,
         fallbackSrc: _ctx.fallbackSrc,
         observerOnce: _ctx.observerOnce,
-        onIntersecting: (el) => _ctx.$emit("intersecting", el),
-        onLoading: (el) => _ctx.$emit("loading", el),
-        onLoaded: (el) => _ctx.$emit("loaded", el),
-        onError: (el) => _ctx.$emit("error", el)
+        onIntersecting: (el) => emits("intersecting", el),
+        onLoading: (el) => emits("loading", el),
+        onLoaded: (el) => emits("loaded", el),
+        onError: (el) => emits("error", el)
       }]
     ]);
   }
-}), MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-203eb0b3"]]);
+}), MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e4f27ec0"]]);
 export {
   MazLazyImg as default
 };

package/dist/components/MazLink.js

@@ -2,9 +2,11 @@ import { defineComponent, defineAsyncComponent, computed, createBlock, openBlock
 import { MazArrowTopRightOnSquare } from "@maz-ui/icons";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazLink.CCfbrUs0.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazLink.CFscNMFr.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazLink",
   props: {
+    class: {},
+    style: {},
     as: {},
     id: {},
     title: {},
@@ -34,7 +36,8 @@ import '../assets/MazLink.CCfbrUs0.css';const _sfc_main = /* @__PURE__ */ define
           "--underline": _ctx.underline,
           "--underline-hover": !_ctx.underline && _ctx.underlineHover
         },
-        `--${_ctx.color}`
+        `--${_ctx.color}`,
+        __props.class
       ]],
       to: _ctx.to,
       href: _ctx.href,
@@ -44,7 +47,8 @@ import '../assets/MazLink.CCfbrUs0.css';const _sfc_main = /* @__PURE__ */ define
       download: !isButton.value && _ctx.download,
       "aria-label": !isButton.value && _ctx.ariaLabel,
       type: isButton.value && "button",
-      disabled: isButton.value && _ctx.disabled
+      disabled: isButton.value && _ctx.disabled,
+      style: __props.style
     }, _ctx.$attrs), {
       default: withCtx(() => [
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
@@ -65,9 +69,9 @@ import '../assets/MazLink.CCfbrUs0.css';const _sfc_main = /* @__PURE__ */ define
         ], !0) : createCommentVNode("", !0)
       ]),
       _: 3
-    }, 16, ["id", "class", "to", "href", "title", "target", "rel", "download", "aria-label", "type", "disabled"]));
+    }, 16, ["id", "class", "to", "href", "title", "target", "rel", "download", "aria-label", "type", "disabled", "style"]));
   }
-}), MazLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-45232e22"]]);
+}), MazLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a346e256"]]);
 export {
   MazLink as default
 };

package/dist/components/MazPagination.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createElementBlock, openBlock, unref, createElementVNode, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import { MazChevronDoubleLeft, MazChevronLeft, MazEllipsisHorizontal } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
 import MazBtn from "./MazBtn.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazPagination.C6cUh-p4.css';const _hoisted_1 = ["aria-label"], _hoisted_2 = { class: "maz-sr-only" }, _hoisted_3 = { class: "maz-sr-only" }, _hoisted_4 = ["id"], _hoisted_5 = { class: "maz-sr-only" }, _hoisted_6 = { class: "maz-sr-only" }, _hoisted_7 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({