maz-ui 4.7.5 → 4.7.6

package/dist/components/MazGallery.js

@@ -1,105 +1 @@
-import { defineComponent, onBeforeMount, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, Fragment, renderList, withDirectives, unref, toDisplayString, createCommentVNode, createVNode } from "vue";
-import { MazNoImage } from "@maz-ui/icons/lazy";
-import { d as directive } from "../chunks/lazy-img.directive.GRfYbidn.js";
-import { d as directive$1 } from "../chunks/fullscreen-img.directive.BJieSSIt.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazGallery.Cizzw0bJ.css';const _hoisted_1 = { class: "m-gallery__wrapper maz-flex maz-flex-1" }, _hoisted_2 = ["alt"], _hoisted_3 = {
-  key: 0,
-  class: "m-gallery__remaining-layer"
-}, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazGallery",
-  props: {
-    images: { default: () => [] },
-    displayedCount: { default: 5 },
-    remaining: { type: Boolean, default: !0 },
-    height: { type: [Number, String, Boolean], default: "100%" },
-    width: { type: [Number, String, Boolean], default: "100%" },
-    radius: { type: Boolean, default: !0 },
-    zoom: { type: Boolean, default: !0 },
-    hasEmptyLayer: { type: Boolean, default: !0 },
-    lazy: { type: Boolean, default: !0 },
-    blur: { type: Boolean, default: !0 },
-    scale: { type: Boolean, default: !0 },
-    separatorColor: { default: "transparent" },
-    backgroundColor: { default: () => {
-    } }
-  },
-  setup(__props) {
-    onBeforeMount(() => {
-      __props.displayedCount > 5 && console.warn('[MazUI](m-gallery) The maximum of "displayed-count" is 5');
-    });
-    const sizeStyle = computed(() => ({
-      ...__props.width === !1 ? {} : {
-        flex: `0 0 ${typeof __props.width}` == "number" ? `${__props.width}px` : __props.width,
-        width: typeof __props.width == "number" ? `${__props.width}px` : __props.width
-      },
-      ...__props.height === !1 ? {} : {
-        height: typeof __props.height == "number" ? `${__props.height}px` : `${__props.height}`,
-        minHeight: typeof __props.height == "number" ? `${__props.height}px` : `${__props.height}`
-      }
-    })), imagesCount = computed(() => __props.displayedCount <= 5 ? __props.displayedCount : 5), numberImagesRemaining = computed(() => __props.images.length - (__props.images.length < imagesCount.value ? __props.images.length : imagesCount.value)), imagesNormalized = computed(() => __props.images.map(
-      (image) => typeof image == "object" ? { ...image, thumbnail: image.thumbnail ?? image.src } : { src: image, thumbnail: image, alt: void 0 }
-    )), imagesShown = computed(() => imagesNormalized.value.slice(0, imagesCount.value)), imagesHidden = computed(() => imagesNormalized.value.slice(imagesCount.value, __props.images.length));
-    function shouldHaveRemainingLayer(index) {
-      return __props.remaining ? (numberImagesRemaining.value && index + 1) === imagesShown.value.length : !1;
-    }
-    return (_ctx, _cache) => __props.images.length > 0 || __props.hasEmptyLayer ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass(["m-gallery m-reset-css", { "--radius": __props.radius, "--has-background-color": !!__props.backgroundColor }]),
-      style: normalizeStyle([sizeStyle.value, {
-        "--gallery-separator-color": __props.separatorColor,
-        "--gallery-background-color": __props.backgroundColor
-      }])
-    }, [
-      createElementVNode("section", _hoisted_1, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(imagesShown.value, (image, i) => (openBlock(), createElementBlock("figure", {
-          key: i,
-          class: normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center", [`m-gallery__item--${i + 1}`]])
-        }, [
-          withDirectives(createElementVNode("img", {
-            class: "m-gallery__item__image maz-flex-1",
-            src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-            alt: image.alt,
-            loading: "lazy"
-          }, null, 8, _hoisted_2), [
-            [unref(directive), { src: image.thumbnail, disabled: !__props.lazy }, "bg-image"],
-            [unref(directive$1), {
-              src: image.src,
-              alt: image.alt,
-              disabled: !__props.zoom || shouldHaveRemainingLayer(i),
-              blurOnHover: __props.blur,
-              scaleOnHover: __props.scale
-            }]
-          ]),
-          shouldHaveRemainingLayer(i) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
-            createElementVNode("span", null, "+" + toDisplayString(numberImagesRemaining.value), 1)
-          ])), [
-            [unref(directive$1), {
-              src: image.src,
-              alt: image.alt,
-              disabled: !__props.zoom,
-              blurOnHover: !1,
-              scaleOnHover: __props.scale
-            }]
-          ]) : createCommentVNode("", !0)
-        ], 2))), 128)),
-        __props.hasEmptyLayer && __props.images.length === 0 ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["m-gallery__empty-layer", { "maz-rounded-xl": __props.radius }]),
-          style: normalizeStyle([sizeStyle.value])
-        }, [
-          createVNode(unref(MazNoImage), { class: "maz-size-8" })
-        ], 6)) : createCommentVNode("", !0)
-      ]),
-      (openBlock(!0), createElementBlock(Fragment, null, renderList(imagesHidden.value, (image, i) => withDirectives((openBlock(), createElementBlock("div", {
-        key: i,
-        class: "m-gallery__hidden"
-      })), [
-        [unref(directive$1), { src: image.src, disabled: !__props.zoom }]
-      ])), 128))
-    ], 6)) : createCommentVNode("", !0);
-  }
-}), MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea866cec"]]);
-export {
-  MazGallery as default
-};
+import"../chunks/MazSpinner.D3NN2pow.js";import"../chunks/vFullscreenImg.CZeRh3mw.js";import{t as MazGallery_default}from"../chunks/MazGallery.CEmGy0K9.js";export{MazGallery_default as default};

package/dist/components/MazIcon.js

@@ -1,114 +1 @@
-import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, mergeProps, createBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, nextTick } from "vue";
-import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazIcon.B6T_aVr6.css';const _hoisted_1 = ["innerHTML"], _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazIcon",
-  props: {
-    icon: { type: [Function, Object] },
-    src: {},
-    path: {},
-    name: {},
-    size: {},
-    title: {},
-    transformSource: { type: Function, default: (svg) => svg }
-  },
-  emits: ["loaded", "unloaded", "error"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit, predefinedSizes = ["xs", "sm", "md", "lg", "xl"], cache = {}, svgElSource = ref(), svgElem = ref();
-    function getMazIconPath() {
-      try {
-        return useInjectStrict("mazIconPath");
-      } catch {
-        return;
-      }
-    }
-    const iconPath = computed(() => __props.path ?? getMazIconPath()), fullSrc = computed(() => {
-      if (!__props.icon)
-        return __props.src ? __props.src : iconPath.value ? `${iconPath.value}/${__props.name}.svg` : `/${__props.name}.svg`;
-    });
-    onMounted(() => {
-      (__props.icon && __props.src || __props.icon && __props.name) && console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop'), !__props.icon && !__props.name && !__props.src && console.error('[maz-ui](MazIcon) you should provide "icon", "name" or "src" as prop');
-    });
-    function setTitle(svg, title) {
-      const titleTags = svg.querySelectorAll("title");
-      if (titleTags.length > 0)
-        titleTags[0].textContent = title;
-      else {
-        const titleEl = document.createElementNS("http://www.w3.org/2000/svg", "title");
-        titleEl.textContent = title, svg.append(titleEl);
-      }
-    }
-    function filterAttrs(attrs) {
-      return Object.keys(attrs).reduce((result, key) => (attrs[key] !== !1 && attrs[key] !== null && attrs[key] !== void 0 && (result[key] = attrs[key]), result), {});
-    }
-    function getSvgAttrs(svgEl) {
-      const svgAttrs = {}, attrs = svgEl.attributes;
-      if (!attrs)
-        return svgAttrs;
-      for (let i = attrs.length - 1; i >= 0; i--)
-        svgAttrs[attrs[i].name] = attrs[i].value;
-      return svgAttrs;
-    }
-    function getSvgContent(svgEl) {
-      svgEl.cloneNode(!0);
-      const svgElNode = __props.transformSource(svgEl);
-      return __props.title && setTitle(svgElNode, __props.title), svgEl.innerHTML;
-    }
-    async function getSource(src) {
-      cache[src] || (cache[src] = download(src));
-      try {
-        svgElSource.value = await cache[src], await nextTick(), emits("loaded", svgElem.value);
-      } catch (error) {
-        svgElSource.value && (svgElSource.value = void 0, emits("unloaded")), delete cache[src], emits("error", error);
-      }
-    }
-    function download(url) {
-      return new Promise((resolve, reject) => {
-        const request = new XMLHttpRequest();
-        request.open("GET", url, !0), request.addEventListener("load", () => {
-          if (request.status >= 200 && request.status < 400)
-            try {
-              let svgEl = new DOMParser().parseFromString(request.responseText, "text/xml").querySelectorAll("svg")[0];
-              svgEl ? (svgEl = __props.transformSource(svgEl), resolve(svgEl)) : reject(new Error('Loaded file is not valid SVG"'));
-            } catch (error) {
-              reject(error);
-            }
-          else
-            reject(new Error("Error loading SVG"));
-        }), request.addEventListener("error", (error) => reject(error)), request.send();
-      });
-    }
-    const svgStyle = computed(() => {
-      if (!(__props.size && predefinedSizes.includes(__props.size)))
-        return {
-          fontSize: __props.size
-        };
-    }), svgClasses = computed(() => {
-      if (__props.size && predefinedSizes.includes(__props.size))
-        return `m-icon--${__props.size}`;
-    });
-    return watchEffect(() => {
-      fullSrc.value && getSource(fullSrc.value);
-    }), (_ctx, _cache) => svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
-      key: 0,
-      ref_key: "svgElem",
-      ref: svgElem,
-      class: ["m-icon m-reset-css", svgClasses.value],
-      width: "1em",
-      height: "1em"
-    }, {
-      ...getSvgAttrs(svgElSource.value),
-      ...filterAttrs(_ctx.$attrs)
-    }, {
-      style: svgStyle.value,
-      innerHTML: getSvgContent(svgElSource.value)
-    }), null, 16, _hoisted_1)) : (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
-      key: 1,
-      class: normalizeClass(["m-icon m-reset-css", svgClasses.value]),
-      style: normalizeStyle(svgStyle.value)
-    }, null, 8, ["class", "style"]));
-  }
-}), MazIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-71bafbcf"]]);
-export {
-  MazIcon as default
-};
+import{t as MazIcon_default}from"../chunks/MazIcon.ZWAk25ZX.js";export{MazIcon_default as default};

package/dist/components/MazInput.js

@@ -1,256 +1 @@
-import { defineComponent, defineAsyncComponent, ref, onMounted, computed, useSlots, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, withDirectives, mergeProps, toHandlers, vModelDynamic, withModifiers, withCtx, createVNode } from "vue";
-import { MazEyeSlash, MazEye } from "@maz-ui/icons/lazy";
-import { debounce } from "@maz-ui/utils/helpers/debounce";
-import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazInput.BG6XtSxl.css';const _hoisted_1 = ["for"], _hoisted_2 = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, _hoisted_3 = ["id", "placeholder", "aria-label", "type", "inputmode", "name", "autocomplete", "disabled", "readonly", "required"], _hoisted_4 = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, _sfc_main = /* @__PURE__ */ defineComponent({
-  inheritAttrs: !1,
-  __name: "MazInput",
-  props: {
-    style: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    class: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    modelValue: { default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    topLabel: {},
-    assistiveText: {},
-    color: { default: "primary" },
-    type: { default: "text" },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean },
-    id: { default: void 0 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    hint: { default: void 0 },
-    inputClasses: { default: void 0 },
-    border: { type: Boolean, default: !0 },
-    inputmode: { default: "text" },
-    size: { default: "md" },
-    debounce: { type: [Boolean, Number], default: !1 },
-    autoFocus: { type: Boolean, default: !1 },
-    borderActive: { type: Boolean, default: !1 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    roundedSize: { default: "lg" },
-    block: { type: Boolean },
-    name: {},
-    autocomplete: {},
-    loading: { type: Boolean, default: !1 }
-  },
-  emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
-  setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), hasPasswordVisible = ref(!1), isFocused = ref(!1), input = ref(), instanceId = useInstanceUniqId({
-      componentName: "MazInput",
-      providedId: props.id
-    });
-    onMounted(() => {
-      props.autoFocus && input.value?.focus();
-    });
-    const isPasswordType = computed(() => props.type === "password"), inputType = computed(() => hasPasswordVisible.value ? "text" : props.type), borderStyle = computed(() => {
-      if (props.border) {
-        if (props.error && !isFocused.value)
-          return "maz-border-destructive";
-        if (props.success && !isFocused.value)
-          return "maz-border-success";
-        if (props.warning && !isFocused.value)
-          return "maz-border-warning";
-        if (isFocused.value || props.borderActive) {
-          if (props.color === "destructive")
-            return "maz-border-destructive";
-          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 === "accent")
-            return "maz-border-accent";
-          if (props.color === "contrast")
-            return "maz-border-contrast";
-        }
-        return "--default-border";
-      }
-    }), slots = useSlots(), debounceEmitValue = debounce(
-      (value) => {
-        emits("update:model-value", value);
-      },
-      typeof props.debounce == "number" ? props.debounce : 500
-    );
-    function emitValue(value) {
-      if (props.debounce)
-        return debounceEmitValue(value);
-      emits("update:model-value", value);
-    }
-    const model = computed({
-      get: () => props.modelValue,
-      set: (value) => emitValue(value)
-    }), hasValue = computed(() => model.value !== void 0 && model.value !== ""), shouldUp = computed(() => (!!props.label || !!props.hint) && (!!hasValue.value || !!props.placeholder || ["date", "month", "week"].includes(props.type))), hasLabel = computed(() => !!props.label || !!props.hint);
-    function hasRightPart() {
-      return !!slots["right-icon"] || isPasswordType.value || !!props.rightIcon || props.loading;
-    }
-    function hasLeftPart() {
-      return !!slots["left-icon"] || !!props.leftIcon;
-    }
-    function focus(event) {
-      emits("focus", event), isFocused.value = !0;
-    }
-    function blur(event) {
-      emits("blur", event), isFocused.value = !1;
-    }
-    function change(event) {
-      return emits("change", event);
-    }
-    function emitInputEvent(event) {
-      return emits("input", event);
-    }
-    const stateColor = computed(() => {
-      if (props.error)
-        return "!maz-text-destructive-600";
-      if (props.success)
-        return "!maz-text-success-600";
-      if (props.warning)
-        return "!maz-text-warning-600";
-    });
-    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["m-input m-reset-css", [
-        {
-          "--is-focused": isFocused.value || __props.borderActive,
-          "--should-up": shouldUp.value,
-          "--has-label": hasLabel.value,
-          "--is-readonly": __props.readonly,
-          "--has-z-2": __props.error || __props.warning || __props.success,
-          "--has-state": __props.error || __props.warning || __props.success,
-          "--block": __props.block
-        },
-        props.class,
-        `--${__props.color}`
-      ]]),
-      style: normalizeStyle([__props.style, { "--maz-input-color": `hsl(var(--maz-${__props.color}-100))` }])
-    }, [
-      __props.topLabel ? (openBlock(), createElementBlock("label", {
-        key: 0,
-        for: unref(instanceId),
-        class: normalizeClass(["m-input-top-label", stateColor.value])
-      }, toDisplayString(__props.topLabel), 11, _hoisted_1)) : createCommentVNode("", !0),
-      createElementVNode("div", {
-        class: normalizeClass(["m-input-wrapper", [
-          __props.inputClasses,
-          borderStyle.value,
-          `--rounded-${__props.roundedSize}`,
-          { "--block": __props.block, "--border": __props.border }
-        ]])
-      }, [
-        hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          _ctx.$slots["left-icon"] || __props.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
-            typeof __props.leftIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
-              key: 0,
-              name: __props.leftIcon,
-              class: normalizeClass(["maz-text-xl", stateColor.value || "maz-text-muted"])
-            }, null, 8, ["name", "class"])) : __props.leftIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.leftIcon), {
-              key: 1,
-              class: normalizeClass(["maz-text-xl", stateColor.value || "maz-text-muted"])
-            }, null, 8, ["class"])) : createCommentVNode("", !0)
-          ], !0) : createCommentVNode("", !0)
-        ])) : createCommentVNode("", !0),
-        createElementVNode("div", {
-          class: normalizeClass(["m-input-wrapper-input", [
-            `--${__props.size}`,
-            {
-              "--top-label": !!__props.topLabel,
-              "--has-left-icon": hasLeftPart(),
-              "--has-right-icon": hasRightPart()
-            }
-          ]])
-        }, [
-          withDirectives(createElementVNode("input", mergeProps({ id: unref(instanceId) }, _ctx.$attrs, {
-            ref_key: "input",
-            ref: input,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            placeholder: __props.placeholder,
-            "aria-label": __props.label || __props.placeholder,
-            type: inputType.value,
-            inputmode: __props.inputmode,
-            name: __props.name,
-            autocomplete: __props.autocomplete,
-            disabled: __props.disabled,
-            readonly: __props.readonly,
-            required: __props.required,
-            class: "m-input-input"
-          }, toHandlers({
-            blur,
-            focus,
-            change,
-            input: emitInputEvent
-          }, !0), {
-            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
-          }), null, 16, _hoisted_3), [
-            [vModelDynamic, model.value]
-          ]),
-          __props.label || __props.hint ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: normalizeClass(["m-input-label", stateColor.value])
-          }, toDisplayString(__props.hint || __props.label), 3)) : createCommentVNode("", !0)
-        ], 2),
-        hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          _ctx.$slots["right-icon"] || __props.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
-            typeof __props.rightIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
-              key: 0,
-              name: __props.rightIcon,
-              class: normalizeClass(["maz-text-xl", stateColor.value || "maz-text-muted"])
-            }, null, 8, ["name", "class"])) : __props.rightIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.rightIcon), {
-              key: 1,
-              class: normalizeClass(["maz-text-xl", stateColor.value || "maz-text-muted"])
-            }, null, 8, ["class"])) : createCommentVNode("", !0)
-          ], !0) : createCommentVNode("", !0),
-          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(MazEyeSlash), {
-                key: 0,
-                class: "maz-text-xl maz-text-muted"
-              })) : (openBlock(), createBlock(unref(MazEye), {
-                key: 1,
-                class: "maz-text-xl maz-text-muted"
-              }))
-            ]),
-            _: 1
-          })) : createCommentVNode("", !0),
-          __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 2 }, () => [
-            createVNode(unref(MazSpinner), { color: __props.color }, null, 8, ["color"])
-          ], !0) : createCommentVNode("", !0)
-        ])) : createCommentVNode("", !0)
-      ], 2),
-      __props.assistiveText ? (openBlock(), createElementBlock("div", {
-        key: 1,
-        class: normalizeClass(["m-input-bottom-text", [
-          {
-            "maz-text-destructive-600": __props.error,
-            "maz-text-success-600": __props.success,
-            "maz-text-warning-600": __props.warning,
-            "maz-text-muted": !__props.error && !__props.success && !__props.warning
-          }
-        ]])
-      }, toDisplayString(__props.assistiveText), 3)) : createCommentVNode("", !0)
-    ], 6));
-  }
-}), MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e2d8a63d"]]);
-export {
-  MazInput as default
-};
+import{t as MazInput_default}from"../chunks/MazInput.DJjWLaKg.js";export{MazInput_default as default};

package/dist/components/MazInputCode.js

@@ -1,152 +1 @@
-import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, Fragment, renderList, mergeProps, toDisplayString } from "vue";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazInputCode.Dn05KUeo.css';const _hoisted_1 = ["disabled"], _hoisted_2 = { class: "m-input-code__wrapper" }, _hoisted_3 = ["id", "name", "inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
-  inheritAttrs: !1,
-  __name: "MazInputCode",
-  props: {
-    style: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    class: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    modelValue: { default: void 0 },
-    codeLength: { default: 4 },
-    type: { default: "text" },
-    acceptAlpha: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    size: { default: "md" },
-    color: { default: "primary" },
-    hint: {}
-  },
-  emits: ["update:model-value", "completed"],
-  setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, inputList = ref([]), localMap = ref(/* @__PURE__ */ new Map());
-    watch(
-      () => props.modelValue,
-      (value, oldValue) => {
-        value !== oldValue && (localMap.value = getMapValues());
-      },
-      { immediate: !0 }
-    );
-    const inputValues = computed({
-      get: () => localMap.value,
-      set: (value) => {
-        const emittedValue = getEmittedValue(value);
-        emits("update:model-value", emittedValue), emittedValue?.toString().length === props.codeLength && emits("completed");
-      }
-    });
-    function getMapValues(value = props.modelValue) {
-      const map = /* @__PURE__ */ new Map();
-      for (const item of Array.from({ length: props.codeLength }, (_, i) => i))
-        if (value === void 0)
-          map.set(item + 1, void 0);
-        else {
-          const values = [...value.toString()];
-          map.set(item + 1, values[item]);
-        }
-      return map;
-    }
-    function handleNewValue(event, item) {
-      const newValue = getValueSanitized(event.target?.value);
-      inputValues.value = localMap.value.set(item, newValue), newValue && focusAndSelectInputByIndex(item);
-    }
-    function getEmittedValue(map) {
-      const stringValue = [...map.values()].join("");
-      return props.type === "text" ? stringValue : stringValue && !Number.isNaN(Number(stringValue)) ? Number(stringValue) : void 0;
-    }
-    const isLetterOrNumberRegex = /^[\w.]$/, isNumberRegex = /\d+/g;
-    function getValueSanitized(value) {
-      return (props.acceptAlpha ? value.match(isLetterOrNumberRegex) : value.match(isNumberRegex))?.toString();
-    }
-    function handleKeydown(event, inputIndex) {
-      const currentInputValue = localMap.value.get(inputIndex);
-      if (event.key === "ArrowRight" && focusAndSelectInputByIndex(inputIndex), event.key === "ArrowLeft" && focusAndSelectInputByIndex(inputIndex - 2), event.key === "Backspace" && !currentInputValue) {
-        const previousInputIndexToFocus = inputIndex - 1 < 0 ? 0 : inputIndex - 1;
-        inputValues.value = localMap.value.set(previousInputIndexToFocus, void 0), focusAndSelectInputByIndex(previousInputIndexToFocus - 1);
-      }
-    }
-    function setValueOnPaste(event) {
-      const pasteData = event.clipboardData?.getData("text");
-      if (!pasteData)
-        return;
-      const indexInputsFromPastePlace = Array.from({ length: props.codeLength }, (_, i) => ({
-        index: i + 1,
-        value: [...pasteData.toString()][i] ?? void 0
-      }));
-      for (const { index, value } of indexInputsFromPastePlace) {
-        const sanitizedValue = value ? getValueSanitized(value) : void 0;
-        sanitizedValue && localMap.value.set(index, sanitizedValue);
-      }
-      setTimeout(() => {
-        const lastInputWithoutValueIndex = getLastInputWithoutValueIndex(), lastIndex = lastInputWithoutValueIndex >= props.codeLength ? props.codeLength - 1 : lastInputWithoutValueIndex;
-        focusAndSelectInputByIndex(lastIndex, !1);
-      }, 0);
-    }
-    function getLastInputWithoutValueIndex() {
-      return [...localMap.value.values()].filter(Boolean).length;
-    }
-    function focusAndSelectInputByIndex(index, selectValue = !0) {
-      setTimeout(() => {
-        const input = inputList.value[index];
-        index + 1 > props.codeLength || !input || (input.focus(), selectValue && selectInputByIndex(index));
-      }, 0);
-    }
-    function selectInputByIndex(index) {
-      const input = inputList.value[index];
-      index + 1 > props.codeLength || !input || input.select();
-    }
-    const borderColorState = computed(() => {
-      if (props.error)
-        return "!maz-border-destructive";
-      if (props.success)
-        return "!maz-border-success";
-      if (props.warning)
-        return "!maz-border-warning";
-    });
-    return (_ctx, _cache) => (openBlock(), createElementBlock("fieldset", {
-      class: normalizeClass(["m-input-code m-reset-css", [__props.size ? `--${__props.size}` : void 0, props.class]]),
-      disabled: __props.disabled,
-      style: normalizeStyle([__props.style, { "--input-border-color": `hsl(var(--maz-${props.color}))` }])
-    }, [
-      createElementVNode("div", _hoisted_2, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(__props.codeLength, (item) => (openBlock(), createElementBlock("div", {
-          key: item,
-          class: normalizeClass(["input-wrapper", borderColorState.value])
-        }, [
-          createElementVNode("input", mergeProps({
-            id: `m-input-code-${item}`,
-            ref_for: !0,
-            ref: (el) => {
-              inputList.value[item - 1] = el;
-            },
-            type: "text",
-            name: `m-input-code-${item}`,
-            minlength: "1",
-            maxlength: "1",
-            inputmode: __props.acceptAlpha ? "text" : "numeric",
-            pattern: __props.acceptAlpha ? "[a-zA-Z0-9]{1}" : "[0-9]{1}",
-            autocomplete: "do-not-autofill",
-            required: __props.required
-          }, { ref_for: !0 }, _ctx.$attrs, {
-            value: inputValues.value.get(item),
-            onInput: ($event) => handleNewValue($event, item),
-            onKeydown: ($event) => handleKeydown($event, item),
-            onClick: ($event) => selectInputByIndex(item - 1),
-            onPaste: setValueOnPaste
-          }), null, 16, _hoisted_3)
-        ], 2))), 128))
-      ]),
-      createElementVNode("span", {
-        class: normalizeClass(["m-input-code__hint", {
-          "--error": __props.error,
-          "--success": __props.success,
-          "--warning": __props.warning
-        }])
-      }, toDisplayString(__props.hint), 3)
-    ], 14, _hoisted_1));
-  }
-}), MazInputCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8bc09e57"]]);
-export {
-  MazInputCode as default
-};
+import{t as MazInputCode_default}from"../chunks/MazInputCode.DKnl3i-X.js";export{MazInputCode_default as default};