maz-ui 3.21.5 → 3.22.1

package/components/MazCheckbox.d.ts

@@ -3,8 +3,8 @@ import type { Color, Size } from './types';
 export type { Color, Size };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
-        type: BooleanConstructor;
-        required: true;
+        type: PropType<boolean | (string | number)[]>;
+        default: undefined;
     };
     id: {
         type: StringConstructor;
@@ -14,6 +14,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Color>;
         default: string;
     };
+    value: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     name: {
         type: StringConstructor;
         default: string;
@@ -31,8 +35,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: BooleanConstructor;
-        required: true;
+        type: PropType<boolean | (string | number)[]>;
+        default: undefined;
     };
     id: {
         type: StringConstructor;
@@ -42,6 +46,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Color>;
         default: string;
     };
+    value: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     name: {
         type: StringConstructor;
         default: string;
@@ -62,7 +70,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: Color;
     disabled: boolean;
     name: string;
+    value: string | number | boolean;
     id: string;
+    modelValue: boolean | (string | number)[];
 }, {}>, {
     default?(_: {}): any;
 }>;

package/components/MazCheckbox.mjs

@@ -1,5 +1,5 @@
 import "./assets/MazCheckbox.css";
-import { computed, openBlock, createElementBlock, createElementVNode, defineComponent, useCssVars, getCurrentInstance, unref, normalizeClass, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, renderSlot } from "vue";
+import { computed, openBlock, createElementBlock, createElementVNode, defineComponent, useCssVars, getCurrentInstance, unref, normalizeClass, mergeProps, createVNode, renderSlot } from "vue";
 const useInstanceUniqId = ({
   componentName,
   instance,
@@ -39,12 +39,16 @@ const _hoisted_2 = ["id", "checked", "disabled", "name"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazCheckbox",
   props: {
-    modelValue: { type: Boolean, required: true },
+    modelValue: {
+      type: [Boolean, Array],
+      default: void 0
+    },
     id: { type: String, default: void 0 },
     color: {
       type: String,
       default: "primary"
     },
+    value: { type: [String, Number, Boolean], default: void 0 },
     name: { type: String, default: "m-checkbox" },
     size: { type: String, default: "md" },
     disabled: { type: Boolean, default: false }
@@ -57,10 +61,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "2887ae19": checkIconColor.value,
-      "3ea743fb": checkboxSize.value,
-      "8729aa64": checkboxSelectedColor.value,
-      "324bb1de": checkboxBoxShadow.value
+      "40cdf8ce": checkIconColor.value,
+      "25e00d0a": checkboxSize.value,
+      "5692b564": checkboxSelectedColor.value,
+      "9df23cde": checkboxBoxShadow.value
     }));
     const instance = getCurrentInstance();
     const props = __props;
@@ -70,6 +74,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       instance,
       providedId: props.id
     });
+    const isChecked = computed(
+      () => typeof props.value !== "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue === "boolean" ? props.modelValue : false
+    );
     const checkboxSize = computed(() => {
       switch (props.size) {
         case "xl": {
@@ -120,14 +127,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
     );
     function keyboardHandler(event) {
-      if (["Enter", "Space"].includes(event.code)) {
+      if (["Space"].includes(event.code)) {
         event.preventDefault();
-        emitValue(!props.modelValue);
+        emitValue(props.value ?? !props.modelValue);
+      }
+    }
+    function getNewValue(value) {
+      if (typeof value === "boolean" && (typeof props.modelValue === "boolean" || props.modelValue === void 0 || props.modelValue === null)) {
+        return props.modelValue ? false : true;
+      } else if (Array.isArray(props.modelValue) && typeof value !== "boolean") {
+        return props.modelValue.includes(value) ? props.modelValue.filter((v) => v !== value) : [...props.modelValue, value];
+      } else {
+        return [value];
       }
     }
     function emitValue(value) {
-      emits("update:model-value", value);
-      emits("change", value);
+      const newValue = getNewValue(value);
+      emits("update:model-value", newValue);
+      emits("change", newValue);
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
@@ -135,43 +152,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
         tabindex: "0",
         role: "checkbox",
-        "aria-checked": __props.modelValue,
+        "aria-checked": isChecked.value,
         onKeydown: keyboardHandler
       }, [
         createElementVNode("input", mergeProps({
           id: unref(instanceId),
-          checked: __props.modelValue
+          checked: isChecked.value
         }, _ctx.$attrs, {
+          tabindex: "-1",
           disabled: __props.disabled,
           name: __props.name,
           type: "checkbox",
           onChange: _cache[0] || (_cache[0] = ($event) => {
             var _a;
-            return emitValue((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked);
+            return emitValue(__props.value ?? ((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked));
           })
         }), null, 16, _hoisted_2),
         createElementVNode("span", null, [
-          createVNode(Transition, {
-            name: "maz-scale",
-            persisted: ""
-          }, {
-            default: withCtx(() => [
-              withDirectives(createVNode(unref(CheckIcon), {
-                class: normalizeClass(["check-icon", checkIconSize.value])
-              }, null, 8, ["class"]), [
-                [vShow, __props.modelValue]
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          })
+          createVNode(unref(CheckIcon), {
+            class: normalizeClass(["check-icon", checkIconSize.value])
+          }, null, 8, ["class"])
         ]),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 42, _hoisted_1);
     };
   }
 });
-const MazCheckbox_vue_vue_type_style_index_0_scoped_e6c359ea_lang = "";
+const MazCheckbox_vue_vue_type_style_index_0_scoped_141a5e53_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -179,7 +186,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6c359ea"]]);
+const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-141a5e53"]]);
 export {
   MazCheckbox as default
 };

package/components/MazInput.d.ts

@@ -1,7 +1,15 @@
-import { type PropType } from 'vue';
+import { type PropType, type StyleValue } from 'vue';
 import type { Color, ModelValueSimple, Size } from './types';
 export type { Color, Size, ModelValueSimple } from './types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    style: {
+        type: PropType<StyleValue>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
     modelValue: {
         type: PropType<ModelValueSimple>;
         default: undefined;
@@ -108,25 +116,22 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-}, {
-    inputValue: import("vue").WritableComputedRef<ModelValueSimple>;
-    shouldUp: import("vue").ComputedRef<boolean>;
-    hasLabel: import("vue").ComputedRef<boolean>;
-    computedPlaceholder: import("vue").ComputedRef<string | undefined>;
-    isPasswordType: import("vue").ComputedRef<boolean>;
-    inputType: import("vue").ComputedRef<string>;
-    input: import("vue").Ref<HTMLElement | undefined>;
-    isFocused: import("vue").Ref<boolean>;
-    hasPasswordVisible: import("vue").Ref<boolean>;
-    borderStyle: import("vue").ComputedRef<"maz-border-danger" | "maz-border-success" | "maz-border-warning" | "maz-border-black" | "maz-border-info" | "maz-border-primary" | "maz-border-secondary" | "maz-border-white" | "--default-border" | undefined>;
-    focus: (event: Event) => void;
-    blur: (event: Event) => void;
-    change: (event: Event) => void;
-    emitValue: (value: unknown) => void;
-    hasRightPart: () => boolean;
-    hasLeftPart: () => boolean;
-    instanceId: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "blur" | "change" | "focus" | "update" | "update:model-value")[], "click" | "blur" | "change" | "focus" | "update" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    update: (...args: any[]) => void;
+    "update:model-value": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    style: {
+        type: PropType<StyleValue>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
     modelValue: {
         type: PropType<ModelValueSimple>;
         default: undefined;
@@ -247,6 +252,8 @@ declare const _default: import("vue").DefineComponent<{
     color: Color;
     type: string;
     label: string;
+    style: StyleValue;
+    class: string;
     disabled: boolean;
     name: string;
     placeholder: string;
@@ -267,5 +274,14 @@ declare const _default: import("vue").DefineComponent<{
     validButtonLoading: boolean;
     autoFocus: boolean;
     borderActive: boolean;
-}, {}>;
+}, {}>, {
+    "left-icon"?(_: {}): any;
+    "right-icon"?(_: {}): any;
+    "valid-button"?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazInput.mjs

@@ -1,5 +1,4 @@
-import { M } from "./chunks/MazInput-12a098d4.mjs";
-import "vue";
+import { M } from "./chunks/MazInput-b9386887.mjs";
 export {
   M as default
 };

package/components/MazInputNumber.mjs

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {
     const MazBtn = defineAsyncComponent(() => import("./chunks/MazBtn-cf0c8fcb.mjs"));
-    const MazInput = defineAsyncComponent(() => import("./chunks/MazInput-20ea773f.mjs"));
+    const MazInput = defineAsyncComponent(() => import("./chunks/MazInput-c33627dd.mjs"));
     const PlusIcon = defineAsyncComponent(() => import("./chunks/plus-b1b0a5a8.mjs"));
     const MinusIcon = defineAsyncComponent(() => import("./chunks/minus-c9cdee90.mjs"));
     const props = __props;

package/components/MazInputPrice.mjs

@@ -1,4 +1,4 @@
-import { a } from "./chunks/MazInputPrice-eb36a7dd.mjs";
+import { a } from "./chunks/MazInputPrice-452297f5.mjs";
 export {
   a as default
 };

package/components/MazInputTags.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazInputTags-24164d56.mjs";
+import { M } from "./chunks/MazInputTags-7a463b81.mjs";
 export {
   M as default
 };

package/components/MazPhoneNumberInput.d.ts

@@ -2,8 +2,16 @@ import type { CountryCode } from 'libphonenumber-js';
 import type { Result, Translations } from './MazPhoneNumberInput/types';
 import type { Color, Position, Size } from './types';
 export type { Color, Size, Position, CountryCode, Result, Translations };
-import { type PropType } from 'vue';
+import { type PropType, type StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
+    style: {
+        type: PropType<StyleValue>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
     /** Country calling code + telephone number in international format */
     modelValue: {
         type: StringConstructor;
@@ -160,6 +168,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Will replace the calling code by the country name in the country selector */
+    countrySelectorDisplayName: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Choose the width of the country selector */
+    countrySelectorWidth: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     data: (...args: any[]) => void;
     update: (...args: any[]) => void;
@@ -167,6 +185,14 @@ declare const _default: import("vue").DefineComponent<{
     "country-code": (...args: any[]) => void;
     "update:country-code": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    style: {
+        type: PropType<StyleValue>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
     /** Country calling code + telephone number in international format */
     modelValue: {
         type: StringConstructor;
@@ -323,6 +349,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Will replace the calling code by the country name in the country selector */
+    countrySelectorDisplayName: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Choose the width of the country selector */
+    countrySelectorWidth: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
     onUpdate?: ((...args: any[]) => any) | undefined;
@@ -333,6 +369,8 @@ declare const _default: import("vue").DefineComponent<{
     success: boolean;
     size: Size;
     color: Color;
+    style: StyleValue;
+    class: string;
     disabled: boolean;
     placeholder: string;
     id: string;
@@ -368,5 +406,7 @@ declare const _default: import("vue").DefineComponent<{
     countryLocale: string;
     noValidationError: boolean;
     noValidationSuccess: boolean;
+    countrySelectorDisplayName: boolean;
+    countrySelectorWidth: string;
 }, {}>;
 export default _default;

package/components/MazPhoneNumberInput.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazPhoneNumberInput-d90953ab.mjs";
+import { M } from "./chunks/MazPhoneNumberInput-31bc05f9.mjs";
 export {
   M as default
 };

package/components/MazPicker.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazPicker-9f4c724c.mjs";
+import { M } from "./chunks/MazPicker-50fc11d1.mjs";
 export {
   M as default
 };

package/components/MazRadio.d.ts

@@ -0,0 +1,82 @@
+import { type PropType } from 'vue';
+import type { Color, Size } from './types';
+export type { Color, Size };
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        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: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        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;
+    id: string;
+    modelValue: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazRadio.mjs

@@ -0,0 +1,133 @@
+import "./assets/MazRadio.css";
+import { computed, defineComponent, useCssVars, getCurrentInstance, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, renderSlot, pushScopeId, popScopeId } from "vue";
+const useInstanceUniqId = ({
+  componentName,
+  instance,
+  providedId
+}) => {
+  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
+};
+const _withScopeId = (n) => (pushScopeId("data-v-f47afb8e"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["for", "aria-checked"];
+const _hoisted_2 = ["id", "value", "disabled", "name", "checked"];
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "span",
+  null,
+  [
+    /* @__PURE__ */ createElementVNode("span", { class: "round" })
+  ],
+  -1
+  /* HOISTED */
+));
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazRadio",
+  props: {
+    modelValue: { type: String, default: void 0 },
+    value: { type: String, required: true },
+    name: { type: String, required: true },
+    id: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    size: { type: String, default: "md" },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: [
+    /* emitted when value change */
+    "update:model-value",
+    /* emited when value change */
+    "change"
+  ],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "2a231cf6": radioSize.value,
+      "ef04cef8": radioSelectedColor.value,
+      "f6f84072": radioBoxShadow.value
+    }));
+    const instance = getCurrentInstance();
+    const props = __props;
+    const emits = __emit;
+    const instanceId = useInstanceUniqId({
+      componentName: "MazCheckbox",
+      instance,
+      providedId: props.id
+    });
+    const isSelected = computed(() => props.modelValue === props.value);
+    const radioSize = computed(() => {
+      switch (props.size) {
+        case "xl": {
+          return "2.25rem";
+        }
+        case "lg": {
+          return "2rem";
+        }
+        default: {
+          return "1.625rem";
+        }
+        case "sm": {
+          return "1.425rem";
+        }
+        case "xs": {
+          return "1.325rem";
+        }
+        case "mini": {
+          return "1.2rem";
+        }
+      }
+    });
+    const radioSelectedColor = computed(() => `var(--maz-color-${props.color})`);
+    const radioBoxShadow = computed(
+      () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
+    );
+    function keyboardHandler(event, value) {
+      if (["Space"].includes(event.code)) {
+        event.preventDefault();
+        emitValue(value);
+      }
+    }
+    function emitValue(value) {
+      emits("update:model-value", value);
+      emits("change", value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        for: unref(instanceId),
+        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled, "--selected": isSelected.value }]),
+        tabindex: "0",
+        role: "radio",
+        "aria-checked": isSelected.value,
+        onKeydown: _cache[1] || (_cache[1] = ($event) => keyboardHandler($event, __props.value))
+      }, [
+        createElementVNode("input", mergeProps({
+          id: unref(instanceId),
+          value: __props.value
+        }, _ctx.$attrs, {
+          tabindex: "-1",
+          disabled: __props.disabled,
+          name: __props.name,
+          type: "radio",
+          checked: isSelected.value,
+          onChange: _cache[0] || (_cache[0] = ($event) => {
+            var _a;
+            return emitValue((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.value);
+          })
+        }), null, 16, _hoisted_2),
+        _hoisted_3,
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+const MazRadio_vue_vue_type_style_index_0_scoped_f47afb8e_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f47afb8e"]]);
+export {
+  MazRadio as default
+};