maz-ui 3.19.2 → 3.20.0

package/types/components/MazCheckbox.vue.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
-import type { Color } from './types';
-export type { Color };
+import type { Color, Size } from './types';
+export type { Color, Size };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
@@ -18,7 +18,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -37,10 +46,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
+    size: Size;
     color: Color;
+    disabled: boolean;
     name: string;
     id: string;
 }, {}>, {

package/types/components/MazFullscreenLoader.vue.d.ts

@@ -32,6 +32,9 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/types/components/MazSelect.vue.d.ts

@@ -4,7 +4,7 @@ export type MazSelectOption = Record<string, ModelValueSimple>;
 export type { Color, Size, ModelValueSimple, Position };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
-        type: PropType<ModelValueSimple>;
+        type: PropType<ModelValueSimple | ModelValueSimple[]>;
         default: undefined;
     };
     id: {
@@ -73,6 +73,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     blur: (...args: any[]) => void;
@@ -83,7 +87,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "selected-option": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: PropType<ModelValueSimple>;
+        type: PropType<ModelValueSimple | ModelValueSimple[]>;
         default: undefined;
     };
     id: {
@@ -152,6 +156,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -165,10 +173,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: Color;
     search: boolean;
     disabled: boolean;
+    multiple: boolean;
     required: boolean;
     id: string;
     open: boolean;
-    modelValue: ModelValueSimple;
+    modelValue: ModelValueSimple | ModelValueSimple[];
     options: MazSelectOption[];
     optionValueKey: string;
     optionLabelKey: string;
@@ -183,7 +192,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {
         option: MazSelectOption;
         isSelected: boolean;
-        selectedOption: ModelValueSimple;
     }): any;
 }>;
 export default _default;

package/types/modules/directives/v-fullscreen-img/MazFullscreenImg.vue.d.ts

@@ -71,3 +71,6 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/tailwindcss/tailwind.config.d.ts

@@ -1,4 +1,3 @@
-import type { Config } from 'tailwindcss';
 declare const _default: {
     darkMode: ["class", string];
     content: never[];
@@ -71,7 +70,7 @@ declare const _default: {
     };
     plugins: {
         handler: import("tailwindcss/types/config").PluginCreator;
-        config?: Partial<Config> | undefined;
+        config?: Partial<import("tailwindcss/types/config").Config> | undefined;
     }[];
 };
 export default _default;

package/components/chunks/MazInput-15f3e149.mjs

@@ -1,344 +0,0 @@
-import "../assets/MazInput.css";
-import { defineComponent, ref, getCurrentInstance, onMounted, computed, defineAsyncComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx } from "vue";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-901c4fa6.mjs";
-function debounce(func, delay) {
-  let timeoutId;
-  return (...args) => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      func(...args);
-    }, delay);
-  };
-}
-const MazBtn = defineAsyncComponent(() => import("./MazBtn-0d8e3249.mjs"));
-const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
-const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-3c6844fc.mjs"));
-const EyeIcon = defineAsyncComponent(() => import("./eye-290c6a03.mjs"));
-const CheckIcon = defineAsyncComponent(() => import("./check-b1507ce9.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_52aef9c7_lang = "";
-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 = ["for"];
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = {
-  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}`
-      ]]),
-      onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("click", $event))
-    },
-    [
-      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)), null, 16, _hoisted_3), [
-              [vModelDynamic, _ctx.inputValue]
-            ]),
-            _ctx.label || _ctx.hint ? (openBlock(), createElementBlock("label", {
-              key: 0,
-              ref: "label",
-              for: _ctx.instanceId,
-              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_5, "*")) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_4)) : createCommentVNode("v-if", true)
-          ]),
-          _ctx.hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            _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[1] || (_cache[1] = 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-52aef9c7"]]);
-export {
-  MazInput as default
-};