maz-ui 3.22.0 → 3.22.1

package/components/chunks/{MazInputTags-24164d56.mjs → MazInputTags-7a463b81.mjs}

@@ -1,5 +1,5 @@
 import "../assets/MazInputTags.css";
-import { computed, defineAsyncComponent, defineComponent, ref, getCurrentInstance, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, unref, withKeys } from "vue";
+import { computed, defineComponent, defineAsyncComponent, ref, getCurrentInstance, onMounted, useSlots, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, withKeys } from "vue";
 function debounce(fn, delay) {
   let timeout;
   return function(...args) {
@@ -16,21 +16,25 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
-const MazBtn = defineAsyncComponent(() => import("./MazBtn-7f413085.mjs"));
-const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
-const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-342420ff.mjs"));
-const EyeIcon = defineAsyncComponent(() => import("./eye-fbb13657.mjs"));
-const CheckIcon = defineAsyncComponent(() => import("./check-f2fcce10.mjs"));
-const _sfc_main$1 = defineComponent({
-  components: {
-    MazBtn,
-    MazIcon,
-    CheckIcon,
-    EyeIcon,
-    EyeOffIcon
+const _hoisted_1$1 = {
+  key: 0,
+  class: "m-input-wrapper-left"
+};
+const _hoisted_2$1 = { class: "m-input-wrapper-input" };
+const _hoisted_3$1 = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"];
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = {
+  key: 1,
+  class: "m-input-wrapper-right"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
   },
-  inheritAttrs: false,
+  __name: "MazInput",
   props: {
+    style: { type: [String, Array, Object], default: void 0 },
+    class: { type: String, default: void 0 },
     modelValue: {
       type: [String, Number, Boolean],
       default: void 0
@@ -89,7 +93,14 @@ const _sfc_main$1 = defineComponent({
     rightIcon: { type: String, default: void 0 }
   },
   emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
-  setup(props, { emit, slots }) {
+  setup(__props, { emit: __emit }) {
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-b42e3575.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
+    const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-342420ff.mjs"));
+    const EyeIcon = defineAsyncComponent(() => import("./eye-fbb13657.mjs"));
+    const CheckIcon = defineAsyncComponent(() => import("./check-f2fcce10.mjs"));
+    const props = __props;
+    const emits = __emit;
     const hasPasswordVisible = ref(false);
     const isFocused = ref(false);
     const input = ref();
@@ -105,6 +116,7 @@ const _sfc_main$1 = defineComponent({
         (_a = input.value) == null ? void 0 : _a.focus();
       }
     });
+    const inheritClasses = computed(() => props.class);
     const isPasswordType = computed(() => props.type === "password");
     const inputType = computed(() => hasPasswordVisible.value ? "text" : props.type);
     const borderStyle = computed(() => {
@@ -136,6 +148,7 @@ const _sfc_main$1 = defineComponent({
       }
       return "--default-border";
     });
+    const slots = useSlots();
     const computedPlaceholder = computed(() => {
       const { required, placeholder } = props;
       if (!placeholder)
@@ -158,44 +171,162 @@ const _sfc_main$1 = defineComponent({
       return !!slots["left-icon"] || !!props.leftIcon;
     };
     const focus = (event) => {
-      emit("focus", event);
+      emits("focus", event);
       isFocused.value = true;
     };
     const blur = (event) => {
-      emit("blur", event);
+      emits("blur", event);
       isFocused.value = false;
     };
-    const change = (event) => emit("change", event);
+    const change = (event) => emits("change", event);
     const debounceEmitValue = debounce((value) => {
-      emit("update:model-value", value);
+      emits("update:model-value", value);
     }, props.debounceDelay);
     const emitValue = (value) => {
       if (props.debounce)
         return debounceEmitValue(value);
-      emit("update:model-value", value);
+      emits("update:model-value", value);
     };
-    return {
-      inputValue,
-      shouldUp,
-      hasLabel,
-      computedPlaceholder,
-      isPasswordType,
-      inputType,
-      input,
-      isFocused,
-      hasPasswordVisible,
-      borderStyle,
-      focus,
-      blur,
-      change,
-      emitValue,
-      hasRightPart,
-      hasLeftPart,
-      instanceId
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["m-input", [
+            {
+              "--is-focused": isFocused.value || __props.borderActive,
+              "--should-up": shouldUp.value,
+              "--has-label": hasLabel.value,
+              "--is-disabled": __props.disabled,
+              "--is-readonly": __props.readonly,
+              "--has-z-2": __props.error || __props.warning || __props.success,
+              "--has-state": __props.error || __props.warning || __props.success
+            },
+            inheritClasses.value,
+            `--${__props.color}`,
+            `--${__props.size}`
+          ]]),
+          style: normalizeStyle(__props.style)
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["m-input-wrapper", [__props.inputClasses, borderStyle.value, { "maz-rounded": !__props.noRadius }]])
+            },
+            [
+              hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+                _ctx.$slots["left-icon"] || __props.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
+                  createVNode(unref(MazIcon), {
+                    name: __props.leftIcon,
+                    class: "maz-text-xl maz-text-muted"
+                  }, null, 8, ["name"])
+                ], true) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true),
+              createElementVNode("div", _hoisted_2$1, [
+                withDirectives(createElementVNode("input", mergeProps({
+                  id: unref(instanceId),
+                  ref_key: "input",
+                  ref: input,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+                  type: inputType.value,
+                  name: __props.name
+                }, _ctx.$attrs, {
+                  placeholder: computedPlaceholder.value,
+                  "aria-label": __props.label || __props.placeholder,
+                  disabled: __props.disabled,
+                  readonly: __props.readonly,
+                  required: __props.required,
+                  class: "m-input-input"
+                }, toHandlers({
+                  blur,
+                  focus,
+                  change
+                }, true), {
+                  onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
+                }), null, 16, _hoisted_3$1), [
+                  [vModelDynamic, inputValue.value]
+                ]),
+                __props.label || __props.hint ? (openBlock(), createElementBlock(
+                  "span",
+                  {
+                    key: 0,
+                    ref: "label",
+                    class: normalizeClass(["m-input-label", [
+                      {
+                        "maz-text-danger-600": __props.error,
+                        "maz-text-success-600": __props.success,
+                        "maz-text-warning-600": __props.warning
+                      }
+                    ]])
+                  },
+                  [
+                    createTextVNode(
+                      toDisplayString(__props.hint || __props.label) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    __props.required ? (openBlock(), createElementBlock("sup", _hoisted_4, "*")) : createCommentVNode("v-if", true)
+                  ],
+                  2
+                  /* CLASS */
+                )) : createCommentVNode("v-if", true)
+              ]),
+              hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                _ctx.$slots["right-icon"] || __props.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
+                  createVNode(unref(MazIcon), {
+                    name: __props.rightIcon,
+                    class: "maz-text-xl maz-text-muted"
+                  }, null, 8, ["name"])
+                ], true) : createCommentVNode("v-if", true),
+                isPasswordType.value ? (openBlock(), createBlock(unref(MazBtn), {
+                  key: 1,
+                  color: "transparent",
+                  tabindex: "-1",
+                  size: "mini",
+                  onClick: _cache[2] || (_cache[2] = withModifiers(($event) => hasPasswordVisible.value = !hasPasswordVisible.value, ["stop"]))
+                }, {
+                  default: withCtx(() => [
+                    hasPasswordVisible.value ? (openBlock(), createBlock(unref(EyeOffIcon), {
+                      key: 0,
+                      class: "maz-text-xl maz-text-muted"
+                    })) : (openBlock(), createBlock(unref(EyeIcon), {
+                      key: 1,
+                      class: "maz-text-xl maz-text-muted"
+                    }))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })) : createCommentVNode("v-if", true),
+                _ctx.$slots["valid-button"] || __props.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
+                  createVNode(unref(MazBtn), {
+                    color: "transparent",
+                    disabled: __props.disabled,
+                    tabindex: "-1",
+                    loading: __props.validButtonLoading,
+                    class: "m-input-valid-button",
+                    size: "mini",
+                    type: "submit"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(CheckIcon), { class: "maz-text-2xl maz-text-normal" })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["disabled", "loading"])
+                ], true) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      );
     };
   }
 });
-const MazInput_vue_vue_type_style_index_0_scoped_18b53f70_lang = "";
+const MazInput_vue_vue_type_style_index_0_scoped_32fa5093_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -203,158 +334,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$1 = {
-  key: 0,
-  class: "m-input-wrapper-left"
-};
-const _hoisted_2$1 = { class: "m-input-wrapper-input" };
-const _hoisted_3$1 = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"];
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = {
-  key: 1,
-  class: "m-input-wrapper-right"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_MazIcon = resolveComponent("MazIcon");
-  const _component_EyeOffIcon = resolveComponent("EyeOffIcon");
-  const _component_EyeIcon = resolveComponent("EyeIcon");
-  const _component_MazBtn = resolveComponent("MazBtn");
-  const _component_CheckIcon = resolveComponent("CheckIcon");
-  return openBlock(), createElementBlock(
-    "div",
-    {
-      class: normalizeClass(["m-input", [
-        {
-          "--is-focused": _ctx.isFocused || _ctx.borderActive,
-          "--should-up": _ctx.shouldUp,
-          "--has-label": _ctx.hasLabel,
-          "--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
-        },
-        _ctx.$attrs.class,
-        `--${_ctx.color}`,
-        `--${_ctx.size}`
-      ]])
-    },
-    [
-      createElementVNode(
-        "div",
-        {
-          class: normalizeClass(["m-input-wrapper", [_ctx.inputClasses, _ctx.borderStyle, { "maz-rounded": !_ctx.noRadius }]])
-        },
-        [
-          _ctx.hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-            _ctx.$slots["left-icon"] || _ctx.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
-              createVNode(_component_MazIcon, {
-                name: _ctx.leftIcon,
-                class: "maz-text-xl maz-text-muted"
-              }, null, 8, ["name"])
-            ], true) : createCommentVNode("v-if", true)
-          ])) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_2$1, [
-            withDirectives(createElementVNode("input", mergeProps({
-              id: _ctx.instanceId,
-              ref: "input",
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
-              type: _ctx.inputType,
-              name: _ctx.name
-            }, _ctx.$attrs, {
-              placeholder: _ctx.computedPlaceholder,
-              "aria-label": _ctx.label || _ctx.placeholder,
-              disabled: _ctx.disabled,
-              readonly: _ctx.readonly,
-              required: _ctx.required,
-              class: "m-input-input"
-            }, toHandlers({
-              blur: _ctx.blur,
-              focus: _ctx.focus,
-              change: _ctx.change
-            }, true), {
-              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
-            }), null, 16, _hoisted_3$1), [
-              [vModelDynamic, _ctx.inputValue]
-            ]),
-            _ctx.label || _ctx.hint ? (openBlock(), createElementBlock(
-              "span",
-              {
-                key: 0,
-                ref: "label",
-                class: normalizeClass(["m-input-label", [
-                  {
-                    "maz-text-danger-600": _ctx.error,
-                    "maz-text-success-600": _ctx.success,
-                    "maz-text-warning-600": _ctx.warning
-                  }
-                ]])
-              },
-              [
-                createTextVNode(
-                  toDisplayString(_ctx.hint || _ctx.label) + " ",
-                  1
-                  /* TEXT */
-                ),
-                _ctx.required ? (openBlock(), createElementBlock("sup", _hoisted_4, "*")) : createCommentVNode("v-if", true)
-              ],
-              2
-              /* CLASS */
-            )) : createCommentVNode("v-if", true)
-          ]),
-          _ctx.hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            _ctx.$slots["right-icon"] || _ctx.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
-              createVNode(_component_MazIcon, {
-                name: _ctx.rightIcon,
-                class: "maz-text-xl maz-text-muted"
-              }, null, 8, ["name"])
-            ], true) : createCommentVNode("v-if", true),
-            _ctx.isPasswordType ? (openBlock(), createBlock(_component_MazBtn, {
-              key: 1,
-              color: "transparent",
-              tabindex: "-1",
-              size: "mini",
-              onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.hasPasswordVisible = !_ctx.hasPasswordVisible, ["stop"]))
-            }, {
-              default: withCtx(() => [
-                _ctx.hasPasswordVisible ? (openBlock(), createBlock(_component_EyeOffIcon, {
-                  key: 0,
-                  class: "maz-text-xl maz-text-muted"
-                })) : (openBlock(), createBlock(_component_EyeIcon, {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                }))
-              ]),
-              _: 1
-              /* STABLE */
-            })) : createCommentVNode("v-if", true),
-            _ctx.$slots["valid-button"] || _ctx.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
-              createVNode(_component_MazBtn, {
-                color: "transparent",
-                disabled: _ctx.disabled,
-                tabindex: "-1",
-                loading: _ctx.validButtonLoading,
-                class: "m-input-valid-button",
-                size: "mini",
-                type: "submit"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_CheckIcon, { class: "maz-text-2xl maz-text-normal" })
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "loading"])
-            ], true) : createCommentVNode("v-if", true)
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      )
-    ],
-    2
-    /* CLASS */
-  );
-}
-const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-18b53f70"]]);
+const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-32fa5093"]]);
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -413,7 +393,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {
-    const MazBtn2 = defineAsyncComponent(() => import("./MazBtn-7f413085.mjs"));
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-b42e3575.mjs"));
     const props = __props;
     const isFocused = ref(false);
     const inputValue = ref();
@@ -451,7 +431,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (props.color === "white")
           return "maz-border-white";
       }
-      return "maz-border-color-lighter";
+      return "maz-border-gray-200";
     });
     const removeLastTag = () => {
       if (!inputValue.value || inputValue.value === "") {
@@ -483,7 +463,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("div", {
                     key: `tag-${i}`
                   }, [
-                    createVNode(unref(MazBtn2), {
+                    createVNode(unref(MazBtn), {
                       class: "m-input-tags__tag",
                       disabled: __props.disabled,
                       size: __props.size,
@@ -538,8 +518,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazInputTags_vue_vue_type_style_index_0_scoped_edf321bd_lang = "";
-const MazInputTags = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-edf321bd"]]);
+const MazInputTags_vue_vue_type_style_index_0_scoped_82c91368_lang = "";
+const MazInputTags = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-82c91368"]]);
 export {
   MazInputTags as M,
   _export_sfc as _