maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazInputPrice-452297f5.mjs

@@ -1,481 +0,0 @@
-import "../assets/MazInputPrice.css";
-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, nextTick, onBeforeMount } from "vue";
-const DEFAULT_OPTIONS = {
-  style: "currency",
-  minimumFractionDigits: 2,
-  round: false
-};
-const getFormattedCurrency = (number, locale, options) => {
-  let numberToFormat = Number(number);
-  if (options.round) {
-    numberToFormat = Math.floor(numberToFormat);
-    options.minimumFractionDigits = 0;
-  }
-  return new Intl.NumberFormat(locale, options).format(numberToFormat);
-};
-const validRequiredAttributes = (number, locale, options) => {
-  if (number === void 0)
-    throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");
-  if (locale === void 0)
-    throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute is required.");
-  if (typeof locale !== "string")
-    throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute must be a string.");
-  if (options.currency === void 0)
-    throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.");
-};
-const currency = (number, locale, options) => {
-  const options_ = {
-    ...DEFAULT_OPTIONS,
-    ...options
-  };
-  validRequiredAttributes(number, locale, options_);
-  try {
-    return getFormattedCurrency(number, locale, options_);
-  } catch (error) {
-    throw new Error(`[maz-ui](FilterCurrency) ${error}`);
-  }
-};
-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 _hoisted_1$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"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{
-    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
-    },
-    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: __emit }) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-4e1e116e.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();
-    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 inheritClasses = computed(() => props.class);
-    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 slots = useSlots();
-    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) => {
-      emits("focus", event);
-      isFocused.value = true;
-    };
-    const blur = (event) => {
-      emits("blur", event);
-      isFocused.value = false;
-    };
-    const change = (event) => emits("change", event);
-    const debounceEmitValue = debounce((value) => {
-      emits("update:model-value", value);
-    }, props.debounceDelay);
-    const emitValue = (value) => {
-      if (props.debounce)
-        return debounceEmitValue(value);
-      emits("update:model-value", value);
-    };
-    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, [
-                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), [
-                  [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_32fa5093_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-32fa5093"]]);
-const _hoisted_1 = /* @__PURE__ */ createElementVNode(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    class: "maz-text-mute maz-ml-1 maz-h-6 maz-w-6"
-  },
-  [
-    /* @__PURE__ */ createElementVNode("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"
-    })
-  ],
-  -1
-  /* HOISTED */
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazInputPrice",
-  props: {
-    modelValue: { type: [Number, String], default: void 0 },
-    currency: { type: String, default: "EUR" },
-    locale: { type: String, default: "fr-FR" },
-    min: { type: Number, default: 0 },
-    max: { type: Number, default: Number.POSITIVE_INFINITY },
-    noIcon: { type: Boolean, default: false }
-  },
-  emits: ["update:model-value", "formatted"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const isActive = ref(false);
-    const valueString = computed(() => {
-      return getAdjustedPrice(props.modelValue).toString();
-    });
-    const valueNumber = computed(() => {
-      const value = typeof props.modelValue === "string" ? Number(props.modelValue) : props.modelValue;
-      return getAdjustedPrice(value);
-    });
-    const priceFormatted = computed(
-      () => currency(valueNumber.value, props.locale, { currency: props.currency })
-    );
-    const getAdjustedPrice = (value) => {
-      let newValue = typeof value === "string" ? Number.parseFloat(
-        // eslint-disable-next-line no-useless-escape
-        value.replace(",", ".").replaceAll(/[^\d.]/g, "")
-      ) : value;
-      if (!newValue || Number.isNaN(newValue))
-        newValue = 0;
-      if (newValue < props.min)
-        newValue = props.min;
-      if (newValue > props.max)
-        newValue = props.max;
-      return newValue;
-    };
-    const displayPrice = computed({
-      get: () => {
-        if (isActive.value)
-          return valueString.value;
-        if (typeof props.modelValue === "number")
-          return priceFormatted.value;
-        return void 0;
-      },
-      set: (value) => {
-        if (Number.isNaN(value)) {
-          emitValues();
-        } else {
-          const adjustedPrice = getAdjustedPrice(value);
-          emitValues(adjustedPrice);
-        }
-      }
-    });
-    const emitValues = async (newValue) => {
-      const adjustedPrice = typeof newValue === "number" ? getAdjustedPrice(newValue) : void 0;
-      emits("update:model-value", adjustedPrice);
-      await nextTick();
-      emits("formatted", priceFormatted.value);
-    };
-    onBeforeMount(() => {
-      emitValues(getAdjustedPrice(props.modelValue));
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(MazInput, mergeProps({
-        modelValue: displayPrice.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => displayPrice.value = $event),
-        class: "maz-input-price"
-      }, _ctx.$attrs, {
-        onFocus: _cache[1] || (_cache[1] = ($event) => isActive.value = true),
-        onBlur: _cache[2] || (_cache[2] = ($event) => isActive.value = false)
-      }), {
-        "left-icon": withCtx(() => [
-          !__props.noIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
-            _hoisted_1
-          ]) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["modelValue"]);
-    };
-  }
-});
-export {
-  _export_sfc as _,
-  _sfc_main as a
-};