maz-ui 3.22.0 → 3.22.2

package/components/chunks/MazInput-12a098d4.mjs

@@ -1,361 +0,0 @@
-import "../assets/MazInput.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 } from "vue";
-function debounce(fn, delay) {
-  let timeout;
-  return function(...args) {
-    clearTimeout(timeout);
-    timeout = setTimeout(() => {
-      fn.apply(this, args);
-    }, delay);
-  };
-}
-const useInstanceUniqId = ({
-  componentName,
-  instance,
-  providedId
-}) => {
-  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
-};
-const MazBtn = defineAsyncComponent(() => import("./MazBtn-29a43072.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 = defineComponent({
-  components: {
-    MazBtn,
-    MazIcon,
-    CheckIcon,
-    EyeIcon,
-    EyeOffIcon
-  },
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean],
-      default: void 0
-    },
-    placeholder: { type: String, default: void 0 },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    label: { type: String, default: void 0 },
-    name: { type: String, default: "input" },
-    type: {
-      type: String,
-      default: "text",
-      validator: (value) => {
-        return [
-          "text",
-          "date",
-          "number",
-          "tel",
-          "search",
-          "url",
-          "password",
-          "month",
-          "time",
-          "week",
-          "email"
-        ].includes(value);
-      }
-    },
-    required: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    id: { type: String, default: void 0 },
-    error: { type: Boolean, default: false },
-    success: { type: Boolean, default: false },
-    warning: { type: Boolean, default: false },
-    hint: { type: String, default: void 0 },
-    inputClasses: { type: String, default: void 0 },
-    noBorder: { type: Boolean, default: false },
-    noRadius: { type: Boolean, default: false },
-    size: {
-      type: String,
-      default: "md",
-      validator: (value) => {
-        return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
-      }
-    },
-    debounce: { type: Boolean, default: false },
-    debounceDelay: { type: Number, default: 500 },
-    validButton: { type: Boolean, default: false },
-    validButtonLoading: { type: Boolean, default: false },
-    autoFocus: { type: Boolean, default: false },
-    borderActive: { type: Boolean, default: false },
-    leftIcon: { type: String, default: void 0 },
-    rightIcon: { type: String, default: void 0 }
-  },
-  emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
-  setup(props, { emit, slots }) {
-    const hasPasswordVisible = ref(false);
-    const isFocused = ref(false);
-    const input = ref();
-    const instance = getCurrentInstance();
-    const instanceId = useInstanceUniqId({
-      componentName: "MazInput",
-      instance,
-      providedId: props.id
-    });
-    onMounted(() => {
-      var _a;
-      if (props.autoFocus) {
-        (_a = input.value) == null ? void 0 : _a.focus();
-      }
-    });
-    const isPasswordType = computed(() => props.type === "password");
-    const inputType = computed(() => hasPasswordVisible.value ? "text" : props.type);
-    const borderStyle = computed(() => {
-      if (props.noBorder)
-        return void 0;
-      if (props.error)
-        return "maz-border-danger";
-      if (props.success)
-        return "maz-border-success";
-      if (props.warning)
-        return "maz-border-warning";
-      if (isFocused.value || props.borderActive) {
-        if (props.color === "black")
-          return "maz-border-black";
-        if (props.color === "danger")
-          return "maz-border-danger";
-        if (props.color === "info")
-          return "maz-border-info";
-        if (props.color === "primary")
-          return "maz-border-primary";
-        if (props.color === "secondary")
-          return "maz-border-secondary";
-        if (props.color === "success")
-          return "maz-border-success";
-        if (props.color === "warning")
-          return "maz-border-warning";
-        if (props.color === "white")
-          return "maz-border-white";
-      }
-      return "--default-border";
-    });
-    const computedPlaceholder = computed(() => {
-      const { required, placeholder } = props;
-      if (!placeholder)
-        return void 0;
-      return required ? `${placeholder} *` : placeholder;
-    });
-    const hasValue = computed(() => props.modelValue !== void 0 && props.modelValue !== "");
-    const inputValue = computed({
-      get: () => props.modelValue,
-      set: (value) => emitValue(value)
-    });
-    const shouldUp = computed(() => {
-      return (!!props.label || !!props.hint) && (isFocused.value || !!hasValue.value || !!props.placeholder || ["date", "month", "week"].includes(props.type));
-    });
-    const hasLabel = computed(() => !!props.label || !!props.hint);
-    const hasRightPart = () => {
-      return !!slots["right-icon"] || isPasswordType.value || !!slots["valid-button"] || props.validButton || !!props.rightIcon;
-    };
-    const hasLeftPart = () => {
-      return !!slots["left-icon"] || !!props.leftIcon;
-    };
-    const focus = (event) => {
-      emit("focus", event);
-      isFocused.value = true;
-    };
-    const blur = (event) => {
-      emit("blur", event);
-      isFocused.value = false;
-    };
-    const change = (event) => emit("change", event);
-    const debounceEmitValue = debounce((value) => {
-      emit("update:model-value", value);
-    }, props.debounceDelay);
-    const emitValue = (value) => {
-      if (props.debounce)
-        return debounceEmitValue(value);
-      emit("update:model-value", value);
-    };
-    return {
-      inputValue,
-      shouldUp,
-      hasLabel,
-      computedPlaceholder,
-      isPasswordType,
-      inputType,
-      input,
-      isFocused,
-      hasPasswordVisible,
-      borderStyle,
-      focus,
-      blur,
-      change,
-      emitValue,
-      hasRightPart,
-      hasLeftPart,
-      instanceId
-    };
-  }
-});
-const MazInput_vue_vue_type_style_index_0_scoped_18b53f70_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "m-input-wrapper-left"
-};
-const _hoisted_2 = { class: "m-input-wrapper-input" };
-const _hoisted_3 = ["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, [
-            _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, [
-            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), [
-              [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, [["render", _sfc_render], ["__scopeId", "data-v-18b53f70"]]);
-export {
-  MazInput as M,
-  _export_sfc as _
-};