maz-ui 4.0.0-alpha.2 → 4.0.0-alpha.3

package/dist/components/MazTextarea.mjs

@@ -0,0 +1,176 @@
+import '../assets/MazTextarea.QTMu0OQv.css';var $ = Object.defineProperty;
+var I = (r, o, t) => o in r ? $(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var z = (r, o, t) => I(r, typeof o != "symbol" ? o + "" : o, t);
+import { defineComponent as R, ref as w, computed as a, onMounted as N, onBeforeUnmount as U, useSlots as C, openBlock as n, createElementBlock as l, normalizeClass as B, unref as m, normalizeStyle as H, renderSlot as k, createTextVNode as A, toDisplayString as E, createCommentVNode as p, withDirectives as D, createElementVNode as J, mergeProps as j, toHandlers as O, vModelText as P } from "vue";
+import { debounce as _ } from "../helpers/debounce.mjs";
+import { useInstanceUniqId as G } from "../composables/useInstanceUniqId.mjs";
+import { _ as K } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+class Q {
+  constructor(o) {
+    z(this, "element");
+    this.element = o, this.onFocus = this.onFocus.bind(this), this.autogrow = this.autogrow.bind(this), this.onResize = _(this.onResize.bind(this), 200), this.connect();
+  }
+  connect() {
+    this.element.addEventListener("focus", this.onFocus), this.element.style.resize = "none", this.element.style.boxSizing = "border-box";
+  }
+  disconnect() {
+    window.removeEventListener("resize", this.onResize), this.element.removeEventListener("input", this.autogrow);
+  }
+  onFocus() {
+    this.autogrow(), this.element.addEventListener("input", this.autogrow), window.addEventListener("resize", this.onResize), this.element.removeEventListener("focus", this.onFocus);
+  }
+  onResize() {
+    this.autogrow();
+  }
+  autogrow() {
+    this.element.style.height = "auto", this.element.style.overflow = "hidden", this.element.style.height = `${this.element.scrollHeight}px`;
+  }
+}
+const W = ["for"], X = ["for"], Y = { key: 1 }, Z = { key: 2 }, x = ["id", "placeholder", "name", "disabled", "required"], ee = {
+  key: 1,
+  class: "m-textarea__append"
+}, te = /* @__PURE__ */ R({
+  inheritAttrs: !1,
+  __name: "MazTextarea",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: "MazTextarea" },
+    label: { default: void 0 },
+    placeholder: { default: void 0 },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    hint: { default: void 0 },
+    color: { default: "primary" },
+    roundedSize: {},
+    padding: { type: Boolean, default: !0 },
+    transparent: { type: Boolean, default: !1 },
+    border: { type: Boolean, default: !0 },
+    appendJustify: { default: "end" }
+  },
+  emits: ["update:model-value", "input", "focus", "blur", "change"],
+  setup(r, { emit: o }) {
+    const t = r, s = o;
+    let d;
+    const u = G({
+      componentName: "MazTextarea",
+      providedId: t.id
+    }), c = w(), i = w(!1), S = a(() => t.modelValue !== void 0 && t.modelValue !== "");
+    N(() => {
+      c.value && (d = new Q(c.value));
+    }), U(() => {
+      d == null || d.disconnect();
+    });
+    const h = a({
+      get: () => t.modelValue,
+      set: (e) => {
+        s("update:model-value", e), s("input", e);
+      }
+    });
+    function V(e) {
+      s("focus", e), i.value = !0;
+    }
+    function T(e) {
+      s("blur", e), i.value = !1;
+    }
+    function L(e) {
+      s("change", e);
+    }
+    const b = C(), f = a(() => t.label || t.hint || !!b.label), q = a(
+      () => f.value && (i.value || S.value || !!t.placeholder)
+    ), v = a(() => !!b.append), y = a(() => {
+      if (t.error)
+        return "maz-border-danger";
+      if (t.success)
+        return "maz-border-success";
+      if (t.warning)
+        return "maz-border-warning";
+      if (i.value) {
+        if (t.color === "black")
+          return "maz-border-black";
+        if (t.color === "danger")
+          return "maz-border-danger";
+        if (t.color === "info")
+          return "maz-border-info";
+        if (t.color === "primary")
+          return "maz-border-primary";
+        if (t.color === "secondary")
+          return "maz-border-secondary";
+        if (t.color === "success")
+          return "maz-border-success";
+        if (t.color === "warning")
+          return "maz-border-warning";
+        if (t.color === "white")
+          return "maz-border-white";
+      }
+      return "--default-border";
+    }), F = a(() => y.value !== "--default-border");
+    return (e, g) => (n(), l("label", {
+      class: B(["m-textarea m-reset-css", [
+        {
+          "--is-disabled": e.disabled,
+          "--has-label": f.value,
+          "--background-transparent": e.transparent,
+          "--padding": e.padding,
+          "--border": e.border,
+          "--has-border-style": F.value
+        },
+        y.value,
+        e.roundedSize ? `--rounded-${e.roundedSize}` : "--rounded",
+        t.class
+      ]]),
+      for: m(u),
+      style: H([e.style, `--append-justify: ${e.appendJustify}`])
+    }, [
+      f.value ? (n(), l("label", {
+        key: 0,
+        for: m(u),
+        class: B(["m-textarea__label", [
+          {
+            "maz-text-danger-600": e.error,
+            "maz-text-success-600": e.success,
+            "maz-text-warning-600": e.warning,
+            "--has-state": e.error || e.warning || e.success,
+            "--should-up": q.value
+          }
+        ]])
+      }, [
+        e.hint ? (n(), l("span", Y, E(e.hint), 1)) : k(e.$slots, "label", { key: 0 }, () => [
+          A(E(e.label), 1)
+        ], !0),
+        e.required ? (n(), l("sup", Z, "*")) : p("", !0)
+      ], 10, X)) : p("", !0),
+      D(J("textarea", j({
+        id: m(u),
+        ref_key: "TextareaElement",
+        ref: c
+      }, e.$attrs, {
+        "onUpdate:modelValue": g[0] || (g[0] = (M) => h.value = M),
+        placeholder: e.placeholder,
+        name: e.name,
+        disabled: e.disabled,
+        required: e.required,
+        class: { "--has-append": v.value }
+      }, O({
+        blur: T,
+        focus: V,
+        change: L
+      }, !0)), null, 16, x), [
+        [P, h.value]
+      ]),
+      v.value ? (n(), l("div", ee, [
+        k(e.$slots, "append", {}, void 0, !0)
+      ])) : p("", !0)
+    ], 14, W));
+  }
+}), le = /* @__PURE__ */ K(te, [["__scopeId", "data-v-179fee42"]]);
+export {
+  le as default
+};
+//# sourceMappingURL=MazTextarea.mjs.map

package/dist/components/MazTextarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazTextarea.mjs","sources":["../../src/components/MazTextarea/textarea-autogrow.ts","../../src/components/MazTextarea.vue"],"sourcesContent":["import { debounce } from '@helpers/debounce'\n\nexport class TextareaAutogrow {\n  private element: HTMLTextAreaElement\n\n  constructor(element: HTMLTextAreaElement) {\n    this.element = element\n    this.onFocus = this.onFocus.bind(this)\n    this.autogrow = this.autogrow.bind(this)\n    this.onResize = debounce(this.onResize.bind(this), 200)\n    this.connect()\n  }\n\n  private connect() {\n    this.element.addEventListener('focus', this.onFocus)\n    this.element.style.resize = 'none'\n    this.element.style.boxSizing = 'border-box'\n  }\n\n  public disconnect() {\n    window.removeEventListener('resize', this.onResize)\n    this.element.removeEventListener('input', this.autogrow)\n  }\n\n  private onFocus() {\n    this.autogrow()\n    this.element.addEventListener('input', this.autogrow)\n    window.addEventListener('resize', this.onResize)\n    this.element.removeEventListener('focus', this.onFocus)\n  }\n\n  private onResize() {\n    this.autogrow()\n  }\n\n  private autogrow() {\n    this.element.style.height = 'auto'\n    this.element.style.overflow = 'hidden'\n    this.element.style.height = `${this.element.scrollHeight}px`\n  }\n}\n","<script lang=\"ts\">\n/* eslint-disable import/first */\nimport type { Color } from '@components/types'\n\nexport interface MazTextareaProps<T extends string | undefined | null> {\n  /** Style attribut of the component root element */\n  style?: HTMLAttributes['style']\n  /** Class attribut of the component root element */\n  class?: HTMLAttributes['class']\n  /** @model The value of the textarea */\n  modelValue?: T\n  /** The id of the textarea */\n  id?: string\n  /** The name of the textarea */\n  name?: string\n  /** The label of the textarea */\n  label?: string\n  /** The placeholder of the textarea */\n  placeholder?: string\n  /** If the textarea is required */\n  required?: boolean\n  /** If the textarea is disabled */\n  disabled?: boolean\n  /** If the textarea is readonly */\n  readonly?: boolean\n  /** If the textarea has an error */\n  error?: boolean\n  /** If the textarea has a success */\n  success?: boolean\n  /** If the textarea has a warning */\n  warning?: boolean\n  /** The hint of the textarea */\n  hint?: string\n  /** The color of the textarea */\n  color?: Color\n  /**\n   * Size radius of the component's border\n   * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`\n   */\n  roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'\n  /**\n   * If the textarea has a padding\n   * @default true\n   */\n  padding?: boolean\n  /**\n   * If the textarea has a transparent background\n   * @default false\n   */\n  transparent?: boolean\n  /**\n   * If the textarea has no border\n   * @default false\n   */\n  border?: boolean\n  /**\n   * The alignment of the append slot\n   * @values `'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'`\n   * @default 'end'\n   */\n  appendJustify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'\n}\n</script>\n\n<script lang=\"ts\" setup generic=\"T extends string | undefined | null\">\nimport { TextareaAutogrow } from '@components/MazTextarea/textarea-autogrow'\nimport { useInstanceUniqId } from '@composables/useInstanceUniqId'\nimport { computed, type HTMLAttributes, onBeforeUnmount, onMounted, ref, useSlots } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazTextareaProps<T>>(), {\n  style: undefined,\n  class: undefined,\n  modelValue: undefined,\n  id: undefined,\n  name: 'MazTextarea',\n  label: undefined,\n  placeholder: undefined,\n  required: false,\n  disabled: false,\n  readonly: false,\n  error: false,\n  success: false,\n  warning: false,\n  hint: undefined,\n  color: 'primary',\n  padding: true,\n  transparent: false,\n  border: true,\n  appendJustify: 'end',\n})\n\nconst emits = defineEmits<{\n  /**\n   * Emitted when the value of the textarea change\n   * @property {string | undefined} value - The value of the textarea\n   */\n  (event: 'update:model-value', value?: T): void\n  /**\n   * Emitted when the value of the textarea change\n   * @property {string | undefined} value - The value of the textarea\n   */\n  (event: 'input', value?: T): void\n  /**\n   * Emitted when the textarea is focused\n   * @property {Event} value - The event\n   */\n  (event: 'focus', value: FocusEvent): void\n  /**\n   * Emitted when the textarea is blurred\n   * @property {Event} value - The event\n   */\n  (event: 'blur', value: FocusEvent): void\n  /**\n   * Emitted when the textarea value change\n   * @property {Event} value - The event\n   */\n  (event: 'change', value: Event): void\n}>()\n\nlet textareaAutogrow: TextareaAutogrow | undefined\n\nconst instanceId = useInstanceUniqId({\n  componentName: 'MazTextarea',\n  providedId: props.id,\n})\n\nconst TextareaElement = ref<HTMLTextAreaElement>()\nconst isFocused = ref(false)\nconst hasValue = computed(() => props.modelValue !== undefined && props.modelValue !== '')\n\nonMounted(() => {\n  if (TextareaElement.value) {\n    textareaAutogrow = new TextareaAutogrow(TextareaElement.value)\n  }\n})\n\nonBeforeUnmount(() => {\n  textareaAutogrow?.disconnect()\n})\n\nconst inputValue = computed({\n  get: () => props.modelValue,\n  set: (value) => {\n    emits('update:model-value', value)\n    emits('input', value)\n  },\n})\n\nfunction focus(event: FocusEvent) {\n  emits('focus', event)\n  isFocused.value = true\n}\n\nfunction blur(event: FocusEvent) {\n  emits('blur', event)\n  isFocused.value = false\n}\n\nfunction change(event: Event) {\n  emits('change', event)\n}\n\nconst slots = useSlots()\n\nconst hasLabelOrHint = computed(() => props.label || props.hint || !!slots.label)\n\nconst shouldUp = computed(\n  () => hasLabelOrHint.value && (isFocused.value || hasValue.value || !!props.placeholder),\n)\n\nconst hasAppend = computed(() => !!slots.append)\n\n// eslint-disable-next-line sonarjs/cognitive-complexity\nconst borderStyle = computed(() => {\n  if (props.error)\n    return 'maz-border-danger'\n  if (props.success)\n    return 'maz-border-success'\n  if (props.warning)\n    return 'maz-border-warning'\n  if (isFocused.value) {\n    if (props.color === 'black')\n      return 'maz-border-black'\n    if (props.color === 'danger')\n      return 'maz-border-danger'\n    if (props.color === 'info')\n      return 'maz-border-info'\n    if (props.color === 'primary')\n      return 'maz-border-primary'\n    if (props.color === 'secondary')\n      return 'maz-border-secondary'\n    if (props.color === 'success')\n      return 'maz-border-success'\n    if (props.color === 'warning')\n      return 'maz-border-warning'\n    if (props.color === 'white')\n      return 'maz-border-white'\n  }\n  return '--default-border'\n})\n\nconst hasBorderStyle = computed(() => borderStyle.value !== '--default-border')\n</script>\n\n<template>\n  <label\n    class=\"m-textarea m-reset-css\"\n    :for=\"instanceId\"\n    :class=\"[\n      {\n        '--is-disabled': disabled,\n        '--has-label': hasLabelOrHint,\n        '--background-transparent': transparent,\n        '--padding': padding,\n        '--border': border,\n        '--has-border-style': hasBorderStyle,\n      },\n      borderStyle,\n      roundedSize ? `--rounded-${roundedSize}` : '--rounded',\n      props.class,\n    ]\"\n    :style=\"[style, `--append-justify: ${appendJustify}`]\"\n  >\n    <!-- eslint-disable vuejs-accessibility/label-has-for -->\n    <label\n      v-if=\"hasLabelOrHint\"\n      :for=\"instanceId\"\n      class=\"m-textarea__label\"\n      :class=\"[\n        {\n          'maz-text-danger-600': error,\n          'maz-text-success-600': success,\n          'maz-text-warning-600': warning,\n          '--has-state': error || warning || success,\n          '--should-up': shouldUp,\n        },\n      ]\"\n    >\n      <!-- @slot Label - Replace the label -->\n      <slot v-if=\"!hint\" name=\"label\">\n        {{ label }}\n      </slot>\n      <span v-else>\n        {{ hint }}\n      </span>\n      <sup v-if=\"required\">*</sup>\n    </label>\n    <!-- eslint-enable vuejs-accessibility/label-has-for -->\n\n    <textarea\n      :id=\"instanceId\"\n      ref=\"TextareaElement\"\n      v-bind=\"$attrs\"\n      v-model=\"inputValue\"\n      :placeholder\n      :name\n      :disabled\n      :required\n      :class=\"{ '--has-append': hasAppend }\"\n      v-on=\"{\n        blur,\n        focus,\n        change,\n      }\"\n    />\n    <div v-if=\"hasAppend\" class=\"m-textarea__append\">\n      <!-- @slot Append - Replace the append -->\n      <slot name=\"append\" />\n    </div>\n  </label>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-textarea {\n  @apply maz-min-h-[6.25rem] maz-relative maz-flex maz-flex-col maz-align-top maz-text-normal;\n\n  &:not(.--background-transparent, .--is-disabled) {\n    @apply maz-bg-color dark:maz-bg-color-light;\n  }\n\n  &.--border:not(.--is-disabled) {\n    @apply maz-border maz-border-solid;\n\n    &:not(.--has-border-style) {\n      @apply maz-border-border dark:maz-border-color-lighter;\n    }\n  }\n\n  &.--padding {\n    @apply maz-px-4 maz-py-3;\n  }\n\n  &.--rounded-sm {\n    @apply maz-rounded-sm;\n  }\n\n  &.--rounded-md {\n    @apply maz-rounded-md;\n  }\n\n  &.--rounded-lg {\n    @apply maz-rounded-lg;\n  }\n\n  &.--rounded-xl {\n    @apply maz-rounded-xl;\n  }\n\n  &.--rounded-full {\n    @apply maz-rounded-full;\n  }\n\n  &.--rounded {\n    @apply maz-rounded;\n  }\n\n  &.--has-label {\n    @apply maz-pt-6;\n  }\n\n  &__append {\n    @apply maz-inline-flex;\n\n    justify-content: var(--append-justify);\n  }\n\n  textarea {\n    @apply maz-w-full maz-resize-y maz-outline-none maz-bg-transparent;\n\n    &.--has-append {\n      @apply maz-pb-4;\n    }\n  }\n\n  &.--is-disabled {\n    @apply maz-cursor-not-allowed maz-border-border maz-bg-color-lighter maz-text-muted dark:maz-border-color-lighter;\n\n    & * {\n      @apply maz-cursor-not-allowed maz-text-muted;\n    }\n\n    & > label {\n      @apply maz-text-gray-300 dark:maz-text-gray-600;\n    }\n  }\n\n  &__label {\n    @apply maz-pointer-events-none maz-absolute maz-block maz-w-max maz-origin-top-left maz-truncate;\n    @apply maz-left-4 maz-top-3 maz-leading-6;\n    @apply maz-flex maz-flex-center;\n\n    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n    &.--should-up {\n      transform: scale(0.8) translateY(-0.65rem);\n    }\n\n    &:not(.--has-state) {\n      @apply maz-text-muted;\n    }\n  }\n}\n</style>\n"],"names":["TextareaAutogrow","element","__publicField","debounce","props","__props","emits","__emit","textareaAutogrow","instanceId","useInstanceUniqId","TextareaElement","ref","isFocused","hasValue","computed","onMounted","onBeforeUnmount","inputValue","value","focus","event","blur","change","slots","useSlots","hasLabelOrHint","shouldUp","hasAppend","borderStyle","hasBorderStyle"],"mappings":"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"}

package/dist/components/MazTransitionExpand.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazTransitionExpand.D3j4PawL.css');const o=require("vue"),a=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),u=o.defineComponent({__name:"MazTransitionExpand",props:{animationDuration:{default:"300ms"}},setup(p){o.useCssVars(t=>({"94c16afe":t.animationDuration}));function s(t){const i=getComputedStyle(t).width;t.style.width=i,t.style.position="absolute",t.style.visibility="hidden",t.style.height="auto",t.style.top="bottom";const e=getComputedStyle(t).height;t.style.width="",t.style.position="",t.style.visibility="",t.style.height="0px",getComputedStyle(t).height,o.nextTick(()=>{t.style.height=e})}function n(t){t.style.height="auto"}function r(t){const i=getComputedStyle(t).height;t.style.height=i,getComputedStyle(t).height,o.nextTick(()=>{t.style.height="0px"})}return(t,i)=>(o.openBlock(),o.createBlock(o.TransitionGroup,{class:"m-transition-expand m-reset-css",name:"maz-expand",tag:"div",onEnter:i[0]||(i[0]=e=>s(e)),onAfterEnter:i[1]||(i[1]=e=>n(e)),onLeave:i[2]||(i[2]=e=>r(e))},{default:o.withCtx(()=>[o.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3}))}}),d=a._export_sfc(u,[["__scopeId","data-v-d8a8154f"]]);exports.default=d;
+//# sourceMappingURL=MazTransitionExpand.cjs.map

package/dist/components/MazTransitionExpand.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazTransitionExpand.cjs","sources":["../../src/components/MazTransitionExpand.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { nextTick } from 'vue'\n\nexport interface MazTransitionExpandProps {\n  /** Duration of the animation in milliseconds */\n  animationDuration?: string\n}\n\nwithDefaults(defineProps<MazTransitionExpandProps>(), {\n  animationDuration: '300ms',\n})\n\nfunction enter(element: HTMLElement) {\n  const width = getComputedStyle(element).width\n\n  element.style.width = width\n  element.style.position = 'absolute'\n  element.style.visibility = 'hidden'\n  element.style.height = 'auto'\n  element.style.top = 'bottom'\n\n  const height = getComputedStyle(element).height\n\n  element.style.width = ''\n  element.style.position = ''\n  element.style.visibility = ''\n  element.style.height = '0px'\n\n  // Force repaint to make sure the\n  // animation is triggered correctly.\n\n  // eslint-disable-next-line ts/no-unused-expressions, sonarjs/no-unused-expressions\n  getComputedStyle(element).height\n\n  // Trigger the animation.\n  // We use `setTimeout` because we need\n  // to make sure the browser has finished\n  // painting after setting the `height`\n  // to `0` in the line above.\n  nextTick(() => {\n    element.style.height = height\n  })\n}\n\nfunction afterEnter(element: HTMLElement) {\n  element.style.height = 'auto'\n}\n\nfunction leave(element: HTMLElement) {\n  const height = getComputedStyle(element).height\n  element.style.height = height\n\n  // Force repaint to make sure the\n  // animation is triggered correctly.\n\n  // eslint-disable-next-line ts/no-unused-expressions, sonarjs/no-unused-expressions\n  getComputedStyle(element).height\n\n  nextTick(() => {\n    element.style.height = '0px'\n  })\n}\n</script>\n\n<template>\n  <TransitionGroup\n    class=\"m-transition-expand m-reset-css\"\n    name=\"maz-expand\"\n    tag=\"div\"\n    @enter=\"(el: Element) => enter(el as HTMLElement)\"\n    @after-enter=\"(el: Element) => afterEnter(el as HTMLElement)\"\n    @leave=\"(el: Element) => leave(el as HTMLElement)\"\n  >\n    <slot />\n  </TransitionGroup>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-transition-expand,\n.m-transition-expand * {\n  will-change: height;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  perspective: 1000px;\n\n  :deep(> *) {\n    transition-duration: v-bind('animationDuration');\n  }\n}\n</style>\n"],"names":["enter","element","width","height","nextTick","afterEnter","leave"],"mappings":"4VAYA,SAASA,EAAMC,EAAsB,CAC7B,MAAAC,EAAQ,iBAAiBD,CAAO,EAAE,MAExCA,EAAQ,MAAM,MAAQC,EACtBD,EAAQ,MAAM,SAAW,WACzBA,EAAQ,MAAM,WAAa,SAC3BA,EAAQ,MAAM,OAAS,OACvBA,EAAQ,MAAM,IAAM,SAEd,MAAAE,EAAS,iBAAiBF,CAAO,EAAE,OAEzCA,EAAQ,MAAM,MAAQ,GACtBA,EAAQ,MAAM,SAAW,GACzBA,EAAQ,MAAM,WAAa,GAC3BA,EAAQ,MAAM,OAAS,MAMvB,iBAAiBA,CAAO,EAAE,OAO1BG,EAAAA,SAAS,IAAM,CACbH,EAAQ,MAAM,OAASE,CAAA,CACxB,CAAA,CAGH,SAASE,EAAWJ,EAAsB,CACxCA,EAAQ,MAAM,OAAS,MAAA,CAGzB,SAASK,EAAML,EAAsB,CAC7B,MAAAE,EAAS,iBAAiBF,CAAO,EAAE,OACzCA,EAAQ,MAAM,OAASE,EAMvB,iBAAiBF,CAAO,EAAE,OAE1BG,EAAAA,SAAS,IAAM,CACbH,EAAQ,MAAM,OAAS,KAAA,CACxB,CAAA"}

package/dist/components/MazTransitionExpand.mjs

@@ -0,0 +1,47 @@
+import { defineComponent as r, useCssVars as p, openBlock as d, createBlock as h, TransitionGroup as u, withCtx as y, renderSlot as g, nextTick as s } from "vue";
+import { _ as f } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazTransitionExpand.D3j4PawL.css';const l = /* @__PURE__ */ r({
+  __name: "MazTransitionExpand",
+  props: {
+    animationDuration: { default: "300ms" }
+  },
+  setup(x) {
+    p((t) => ({
+      "94c16afe": t.animationDuration
+    }));
+    function a(t) {
+      const i = getComputedStyle(t).width;
+      t.style.width = i, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "auto", t.style.top = "bottom";
+      const o = getComputedStyle(t).height;
+      t.style.width = "", t.style.position = "", t.style.visibility = "", t.style.height = "0px", getComputedStyle(t).height, s(() => {
+        t.style.height = o;
+      });
+    }
+    function n(t) {
+      t.style.height = "auto";
+    }
+    function e(t) {
+      const i = getComputedStyle(t).height;
+      t.style.height = i, getComputedStyle(t).height, s(() => {
+        t.style.height = "0px";
+      });
+    }
+    return (t, i) => (d(), h(u, {
+      class: "m-transition-expand m-reset-css",
+      name: "maz-expand",
+      tag: "div",
+      onEnter: i[0] || (i[0] = (o) => a(o)),
+      onAfterEnter: i[1] || (i[1] = (o) => n(o)),
+      onLeave: i[2] || (i[2] = (o) => e(o))
+    }, {
+      default: y(() => [
+        g(t.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }));
+  }
+}), v = /* @__PURE__ */ f(l, [["__scopeId", "data-v-d8a8154f"]]);
+export {
+  v as default
+};
+//# sourceMappingURL=MazTransitionExpand.mjs.map

package/dist/components/MazTransitionExpand.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazTransitionExpand.mjs","sources":["../../src/components/MazTransitionExpand.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { nextTick } from 'vue'\n\nexport interface MazTransitionExpandProps {\n  /** Duration of the animation in milliseconds */\n  animationDuration?: string\n}\n\nwithDefaults(defineProps<MazTransitionExpandProps>(), {\n  animationDuration: '300ms',\n})\n\nfunction enter(element: HTMLElement) {\n  const width = getComputedStyle(element).width\n\n  element.style.width = width\n  element.style.position = 'absolute'\n  element.style.visibility = 'hidden'\n  element.style.height = 'auto'\n  element.style.top = 'bottom'\n\n  const height = getComputedStyle(element).height\n\n  element.style.width = ''\n  element.style.position = ''\n  element.style.visibility = ''\n  element.style.height = '0px'\n\n  // Force repaint to make sure the\n  // animation is triggered correctly.\n\n  // eslint-disable-next-line ts/no-unused-expressions, sonarjs/no-unused-expressions\n  getComputedStyle(element).height\n\n  // Trigger the animation.\n  // We use `setTimeout` because we need\n  // to make sure the browser has finished\n  // painting after setting the `height`\n  // to `0` in the line above.\n  nextTick(() => {\n    element.style.height = height\n  })\n}\n\nfunction afterEnter(element: HTMLElement) {\n  element.style.height = 'auto'\n}\n\nfunction leave(element: HTMLElement) {\n  const height = getComputedStyle(element).height\n  element.style.height = height\n\n  // Force repaint to make sure the\n  // animation is triggered correctly.\n\n  // eslint-disable-next-line ts/no-unused-expressions, sonarjs/no-unused-expressions\n  getComputedStyle(element).height\n\n  nextTick(() => {\n    element.style.height = '0px'\n  })\n}\n</script>\n\n<template>\n  <TransitionGroup\n    class=\"m-transition-expand m-reset-css\"\n    name=\"maz-expand\"\n    tag=\"div\"\n    @enter=\"(el: Element) => enter(el as HTMLElement)\"\n    @after-enter=\"(el: Element) => afterEnter(el as HTMLElement)\"\n    @leave=\"(el: Element) => leave(el as HTMLElement)\"\n  >\n    <slot />\n  </TransitionGroup>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-transition-expand,\n.m-transition-expand * {\n  will-change: height;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  perspective: 1000px;\n\n  :deep(> *) {\n    transition-duration: v-bind('animationDuration');\n  }\n}\n</style>\n"],"names":["enter","element","width","height","nextTick","afterEnter","leave"],"mappings":";;;;;;;;;;;AAYA,aAASA,EAAMC,GAAsB;AAC7B,YAAAC,IAAQ,iBAAiBD,CAAO,EAAE;AAExC,MAAAA,EAAQ,MAAM,QAAQC,GACtBD,EAAQ,MAAM,WAAW,YACzBA,EAAQ,MAAM,aAAa,UAC3BA,EAAQ,MAAM,SAAS,QACvBA,EAAQ,MAAM,MAAM;AAEd,YAAAE,IAAS,iBAAiBF,CAAO,EAAE;AAEzC,MAAAA,EAAQ,MAAM,QAAQ,IACtBA,EAAQ,MAAM,WAAW,IACzBA,EAAQ,MAAM,aAAa,IAC3BA,EAAQ,MAAM,SAAS,OAMvB,iBAAiBA,CAAO,EAAE,QAO1BG,EAAS,MAAM;AACb,QAAAH,EAAQ,MAAM,SAASE;AAAA,MAAA,CACxB;AAAA,IAAA;AAGH,aAASE,EAAWJ,GAAsB;AACxC,MAAAA,EAAQ,MAAM,SAAS;AAAA,IAAA;AAGzB,aAASK,EAAML,GAAsB;AAC7B,YAAAE,IAAS,iBAAiBF,CAAO,EAAE;AACzC,MAAAA,EAAQ,MAAM,SAASE,GAMvB,iBAAiBF,CAAO,EAAE,QAE1BG,EAAS,MAAM;AACb,QAAAH,EAAQ,MAAM,SAAS;AAAA,MAAA,CACxB;AAAA,IAAA;;;;;;;;;;;;;;;;"}

package/dist/composables/useAos.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../helpers/injectStrict.cjs");function t(){return e.injectStrict("aos")}exports.useAos=t;
+//# sourceMappingURL=useAos.cjs.map

package/dist/composables/useAos.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAos.cjs","sources":["../../src/composables/useAos.ts"],"sourcesContent":["import type { AosHandler } from '@plugins/aos'\nimport { injectStrict } from '@helpers/injectStrict'\n\nexport function useAos() {\n  return injectStrict<AosHandler>('aos')\n}\n"],"names":["useAos","injectStrict"],"mappings":"+HAGO,SAASA,GAAS,CACvB,OAAOC,EAAAA,aAAyB,KAAK,CACvC"}

package/dist/composables/useAos.mjs

@@ -0,0 +1,8 @@
+import { injectStrict as t } from "../helpers/injectStrict.mjs";
+function r() {
+  return t("aos");
+}
+export {
+  r as useAos
+};
+//# sourceMappingURL=useAos.mjs.map

package/dist/composables/useAos.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAos.mjs","sources":["../../src/composables/useAos.ts"],"sourcesContent":["import type { AosHandler } from '@plugins/aos'\nimport { injectStrict } from '@helpers/injectStrict'\n\nexport function useAos() {\n  return injectStrict<AosHandler>('aos')\n}\n"],"names":["useAos","injectStrict"],"mappings":";AAGO,SAASA,IAAS;AACvB,SAAOC,EAAyB,KAAK;AACvC;"}

package/dist/composables/useBreakpoints.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),S=require("./useWindowSize.cjs");function v(u){const t={};for(const[o,r]of Object.entries(u))t[o]=Number.parseInt(r,10);return t}function b({initialWidth:u=0,initialHeight:t,includeScrollbar:o,internalWindow:r,listenOrientation:l,breakpoints:c,mediumBreakPoint:i="md",largeBreakPoint:a="lg"}){const{width:e}=S.useWindowSize({initialWidth:u,initialHeight:t,includeScrollbar:o,internalWindow:r,listenOrientation:l}),n=v(c),d=s.computed(()=>e.value>=n[a]),m=s.computed(()=>e.value>=n[i]&&e.value<n[a]),p=s.computed(()=>e.value>=0&&e.value<n[i]);return{width:e,numericBreakpoints:n,isSmallScreen:p,isLargeScreen:d,isMediumScreen:m,breakpoints:c}}exports.useBreakpoints=b;
+//# sourceMappingURL=useBreakpoints.cjs.map

package/dist/composables/useBreakpoints.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoints.cjs","sources":["../../src/tailwindcss/variables/breakpoints.ts","../../src/composables/useBreakpoints.ts"],"sourcesContent":["import type { ThemeConfig } from 'tailwindcss/types/config'\n\nexport const screens = {\n  'mob-s': '320px',\n  'mob-m': '425px',\n  'mob-l': '576px',\n  'tab-s': '640px', // sm\n  'tab-m': '768px', // md\n  'tab-l': '992px',\n  'lap-s': '1024px', // lg\n  'lap-m': '1280px', // xl\n  'lap-l': '1366px',\n  'lap-xl': '1440px', // 2xl\n  'lap-2xl': '1680px',\n  'lap-3xl': '1920px',\n} satisfies ThemeConfig['screens']\n\nexport function getNumericScreensFromTailwind<\n  T extends Record<string, string> | Record<string, number>,\n>(inputScreens: T) {\n  const breakpoints: Record<string, number> = {}\n\n  for (const [key, value] of Object.entries(inputScreens)) {\n    breakpoints[key] = Number.parseInt(value, 10)\n  }\n\n  return breakpoints as Record<keyof T, number>\n}\n","import { computed } from 'vue'\nimport { getNumericScreensFromTailwind } from '../tailwindcss/variables/breakpoints'\nimport { useWindowSize, type UseWindowSizeOptions } from './useWindowSize'\n\nexport interface UseBreakpointsOptions extends UseWindowSizeOptions {\n  initialWidth?: number\n  initialHeight?: number\n  /**\n   * Listen to window `orientationchange` event\n   *\n   * @default true\n   */\n  listenOrientation?: boolean\n\n  /**\n   * Whether the scrollbar should be included in the width and height\n   * @default true\n   */\n  includeScrollbar?: boolean\n  /**\n   * List of breakpoints in format `{ [key: string]: string }`  (e.g. `{ 'sm': '640px', 'md': '768px' }`)\n   */\n  breakpoints: Record<string, string> | Record<string, number>\n  /**\n   * Is the breakpoint when the screen is considered not medium (tablet - e.g. `md`)\n   * @default 'md'\n   */\n  mediumBreakPoint?: string\n  /**\n   * Is the breakpoint when the screen is considered not medium (laptop - e.g. `lg`)\n   * @default 'lg'\n   */\n  largeBreakPoint?: string\n}\n\nexport function useBreakpoints({\n  initialWidth = 0,\n  initialHeight,\n  includeScrollbar,\n  internalWindow,\n  listenOrientation,\n  breakpoints,\n  mediumBreakPoint = 'md',\n  largeBreakPoint = 'lg',\n}: UseBreakpointsOptions) {\n  const { width } = useWindowSize({\n    initialWidth, // (SSR) mobile first\n    initialHeight,\n    includeScrollbar,\n    internalWindow,\n    listenOrientation,\n  })\n\n  const numericBreakpoints = getNumericScreensFromTailwind(breakpoints)\n\n  const isLargeScreen = computed(() => width.value >= numericBreakpoints[largeBreakPoint])\n  const isMediumScreen = computed(\n    () =>\n      width.value >= numericBreakpoints[mediumBreakPoint]\n      && width.value < numericBreakpoints[largeBreakPoint],\n  )\n  const isSmallScreen = computed(() => {\n    return width.value >= 0 && width.value < numericBreakpoints[mediumBreakPoint]\n  })\n\n  return {\n    width,\n    numericBreakpoints,\n    isSmallScreen,\n    isLargeScreen,\n    isMediumScreen,\n    breakpoints,\n  }\n}\n"],"names":["getNumericScreensFromTailwind","inputScreens","breakpoints","key","value","useBreakpoints","initialWidth","initialHeight","includeScrollbar","internalWindow","listenOrientation","mediumBreakPoint","largeBreakPoint","width","useWindowSize","numericBreakpoints","isLargeScreen","computed","isMediumScreen","isSmallScreen"],"mappings":"wIAiBO,SAASA,EAEdC,EAAiB,CACjB,MAAMC,EAAsC,CAAC,EAE7C,SAAW,CAACC,EAAKC,CAAK,IAAK,OAAO,QAAQH,CAAY,EACpDC,EAAYC,CAAG,EAAI,OAAO,SAASC,EAAO,EAAE,EAGvC,OAAAF,CACT,CCQO,SAASG,EAAe,CAC7B,aAAAC,EAAe,EACf,cAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,kBAAAC,EACA,YAAAR,EACA,iBAAAS,EAAmB,KACnB,gBAAAC,EAAkB,IACpB,EAA0B,CAClB,KAAA,CAAE,MAAAC,CAAM,EAAIC,gBAAc,CAC9B,aAAAR,EACA,cAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,kBAAAC,CAAA,CACD,EAEKK,EAAqBf,EAA8BE,CAAW,EAE9Dc,EAAgBC,EAAAA,SAAS,IAAMJ,EAAM,OAASE,EAAmBH,CAAe,CAAC,EACjFM,EAAiBD,EAAA,SACrB,IACEJ,EAAM,OAASE,EAAmBJ,CAAgB,GAC/CE,EAAM,MAAQE,EAAmBH,CAAe,CACvD,EACMO,EAAgBF,EAAAA,SAAS,IACtBJ,EAAM,OAAS,GAAKA,EAAM,MAAQE,EAAmBJ,CAAgB,CAC7E,EAEM,MAAA,CACL,MAAAE,EACA,mBAAAE,EACA,cAAAI,EACA,cAAAH,EACA,eAAAE,EACA,YAAAhB,CACF,CACF"}

package/dist/composables/useBreakpoints.mjs

@@ -0,0 +1,41 @@
+import { computed as s } from "vue";
+import { useWindowSize as v } from "./useWindowSize.mjs";
+function S(t) {
+  const r = {};
+  for (const [o, c] of Object.entries(t))
+    r[o] = Number.parseInt(c, 10);
+  return r;
+}
+function b({
+  initialWidth: t = 0,
+  initialHeight: r,
+  includeScrollbar: o,
+  internalWindow: c,
+  listenOrientation: a,
+  breakpoints: u,
+  mediumBreakPoint: i = "md",
+  largeBreakPoint: m = "lg"
+}) {
+  const { width: e } = v({
+    initialWidth: t,
+    // (SSR) mobile first
+    initialHeight: r,
+    includeScrollbar: o,
+    internalWindow: c,
+    listenOrientation: a
+  }), n = S(u), l = s(() => e.value >= n[m]), p = s(
+    () => e.value >= n[i] && e.value < n[m]
+  ), f = s(() => e.value >= 0 && e.value < n[i]);
+  return {
+    width: e,
+    numericBreakpoints: n,
+    isSmallScreen: f,
+    isLargeScreen: l,
+    isMediumScreen: p,
+    breakpoints: u
+  };
+}
+export {
+  b as useBreakpoints
+};
+//# sourceMappingURL=useBreakpoints.mjs.map

package/dist/composables/useBreakpoints.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoints.mjs","sources":["../../src/tailwindcss/variables/breakpoints.ts","../../src/composables/useBreakpoints.ts"],"sourcesContent":["import type { ThemeConfig } from 'tailwindcss/types/config'\n\nexport const screens = {\n  'mob-s': '320px',\n  'mob-m': '425px',\n  'mob-l': '576px',\n  'tab-s': '640px', // sm\n  'tab-m': '768px', // md\n  'tab-l': '992px',\n  'lap-s': '1024px', // lg\n  'lap-m': '1280px', // xl\n  'lap-l': '1366px',\n  'lap-xl': '1440px', // 2xl\n  'lap-2xl': '1680px',\n  'lap-3xl': '1920px',\n} satisfies ThemeConfig['screens']\n\nexport function getNumericScreensFromTailwind<\n  T extends Record<string, string> | Record<string, number>,\n>(inputScreens: T) {\n  const breakpoints: Record<string, number> = {}\n\n  for (const [key, value] of Object.entries(inputScreens)) {\n    breakpoints[key] = Number.parseInt(value, 10)\n  }\n\n  return breakpoints as Record<keyof T, number>\n}\n","import { computed } from 'vue'\nimport { getNumericScreensFromTailwind } from '../tailwindcss/variables/breakpoints'\nimport { useWindowSize, type UseWindowSizeOptions } from './useWindowSize'\n\nexport interface UseBreakpointsOptions extends UseWindowSizeOptions {\n  initialWidth?: number\n  initialHeight?: number\n  /**\n   * Listen to window `orientationchange` event\n   *\n   * @default true\n   */\n  listenOrientation?: boolean\n\n  /**\n   * Whether the scrollbar should be included in the width and height\n   * @default true\n   */\n  includeScrollbar?: boolean\n  /**\n   * List of breakpoints in format `{ [key: string]: string }`  (e.g. `{ 'sm': '640px', 'md': '768px' }`)\n   */\n  breakpoints: Record<string, string> | Record<string, number>\n  /**\n   * Is the breakpoint when the screen is considered not medium (tablet - e.g. `md`)\n   * @default 'md'\n   */\n  mediumBreakPoint?: string\n  /**\n   * Is the breakpoint when the screen is considered not medium (laptop - e.g. `lg`)\n   * @default 'lg'\n   */\n  largeBreakPoint?: string\n}\n\nexport function useBreakpoints({\n  initialWidth = 0,\n  initialHeight,\n  includeScrollbar,\n  internalWindow,\n  listenOrientation,\n  breakpoints,\n  mediumBreakPoint = 'md',\n  largeBreakPoint = 'lg',\n}: UseBreakpointsOptions) {\n  const { width } = useWindowSize({\n    initialWidth, // (SSR) mobile first\n    initialHeight,\n    includeScrollbar,\n    internalWindow,\n    listenOrientation,\n  })\n\n  const numericBreakpoints = getNumericScreensFromTailwind(breakpoints)\n\n  const isLargeScreen = computed(() => width.value >= numericBreakpoints[largeBreakPoint])\n  const isMediumScreen = computed(\n    () =>\n      width.value >= numericBreakpoints[mediumBreakPoint]\n      && width.value < numericBreakpoints[largeBreakPoint],\n  )\n  const isSmallScreen = computed(() => {\n    return width.value >= 0 && width.value < numericBreakpoints[mediumBreakPoint]\n  })\n\n  return {\n    width,\n    numericBreakpoints,\n    isSmallScreen,\n    isLargeScreen,\n    isMediumScreen,\n    breakpoints,\n  }\n}\n"],"names":["getNumericScreensFromTailwind","inputScreens","breakpoints","key","value","useBreakpoints","initialWidth","initialHeight","includeScrollbar","internalWindow","listenOrientation","mediumBreakPoint","largeBreakPoint","width","useWindowSize","numericBreakpoints","isLargeScreen","computed","isMediumScreen","isSmallScreen"],"mappings":";;AAiBO,SAASA,EAEdC,GAAiB;AACjB,QAAMC,IAAsC,CAAC;AAE7C,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAY;AACpD,IAAAC,EAAYC,CAAG,IAAI,OAAO,SAASC,GAAO,EAAE;AAGvC,SAAAF;AACT;ACQO,SAASG,EAAe;AAAA,EAC7B,cAAAC,IAAe;AAAA,EACf,eAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAR;AAAA,EACA,kBAAAS,IAAmB;AAAA,EACnB,iBAAAC,IAAkB;AACpB,GAA0B;AAClB,QAAA,EAAE,OAAAC,EAAM,IAAIC,EAAc;AAAA,IAC9B,cAAAR;AAAA;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,CACD,GAEKK,IAAqBf,EAA8BE,CAAW,GAE9Dc,IAAgBC,EAAS,MAAMJ,EAAM,SAASE,EAAmBH,CAAe,CAAC,GACjFM,IAAiBD;AAAA,IACrB,MACEJ,EAAM,SAASE,EAAmBJ,CAAgB,KAC/CE,EAAM,QAAQE,EAAmBH,CAAe;AAAA,EACvD,GACMO,IAAgBF,EAAS,MACtBJ,EAAM,SAAS,KAAKA,EAAM,QAAQE,EAAmBJ,CAAgB,CAC7E;AAEM,SAAA;AAAA,IACL,OAAAE;AAAA,IACA,oBAAAE;AAAA,IACA,eAAAI;AAAA,IACA,eAAAH;AAAA,IACA,gBAAAE;AAAA,IACA,aAAAhB;AAAA,EACF;AACF;"}

package/dist/composables/useDialog.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../helpers/injectStrict.cjs");function t(){return e.injectStrict("dialog")}exports.useDialog=t;
+//# sourceMappingURL=useDialog.cjs.map

package/dist/composables/useDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.cjs","sources":["../../src/composables/useDialog.ts"],"sourcesContent":["import type { DialogHandler } from '@plugins/dialog/DialogHandler'\nimport { injectStrict } from '@helpers/injectStrict'\n\nexport function useDialog() {\n  return injectStrict<DialogHandler>('dialog')\n}\n"],"names":["useDialog","injectStrict"],"mappings":"+HAGO,SAASA,GAAY,CAC1B,OAAOC,EAAAA,aAA4B,QAAQ,CAC7C"}

package/dist/composables/useDialog.mjs

@@ -0,0 +1,8 @@
+import { injectStrict as t } from "../helpers/injectStrict.mjs";
+function o() {
+  return t("dialog");
+}
+export {
+  o as useDialog
+};
+//# sourceMappingURL=useDialog.mjs.map

package/dist/composables/useDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.mjs","sources":["../../src/composables/useDialog.ts"],"sourcesContent":["import type { DialogHandler } from '@plugins/dialog/DialogHandler'\nimport { injectStrict } from '@helpers/injectStrict'\n\nexport function useDialog() {\n  return injectStrict<DialogHandler>('dialog')\n}\n"],"names":["useDialog","injectStrict"],"mappings":";AAGO,SAASA,IAAY;AAC1B,SAAOC,EAA4B,QAAQ;AAC7C;"}

package/dist/composables/useFormField.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../chunks/utils.vGzCTXH5.cjs"),S=require("../helpers/checkAvailability.cjs"),V=require("../helpers/freezeValue.cjs"),y=require("../helpers/isEqual.cjs"),t=require("vue");function I(e,s){const i={formIdentifier:"main-form-validator",...s},{fieldsStates:c,payload:u,options:m,internalSchema:v,errorMessages:E,isSubmitted:g}=l.getContext(i.formIdentifier,"useFormField"),o=l.fieldHasValidation(e,v.value)?(s==null?void 0:s.mode)??m.mode:void 0;i.mode=o;const a=t.computed(()=>c.value[e]);if(c.value[e]=l.updateFieldState({name:e,fieldState:a.value,payload:u.value,schema:v.value,options:{...m,...i}}),i.defaultValue!==void 0&&!y.isEqual(u.value[e],i.defaultValue)){const r=i.defaultValue;u.value[e]=r,c.value[e].initialValue=V.freezeValue(r)}o&&l.setFieldValidationState({name:e,fieldState:a.value,payload:u.value,schema:v.value,setError:o==="aggressive",setErrorIfInvalidAndNotEmpty:o==="lazy"});function n(){l.handleFieldBlur({name:e,fieldState:a.value,payload:u.value,schema:v.value,isSubmitted:g.value})}const F=t.computed(()=>l.getValidationEvents({ref:i.ref,onBlur:n,fieldState:a.value}));if(i.ref&&l.hasModeIncludes(["eager","blur","progressive"],o)){let r=[];const h=f=>{r=l.findInteractiveElements(f),l.addEventToInteractiveElements({interactiveElements:r,onBlur:n,mode:o})};t.onMounted(()=>{const f=l.getInstance(`useFormField of ${e}`);S.checkAvailability(()=>f.refs[i.ref],d=>{const p=d instanceof HTMLElement?d:d==null?void 0:d.$el;p&&h(p)},{errorMessage:`[maz-ui](useFormField) No element found for ref ${i.ref} for field ${e}`})}),t.onUnmounted(()=>{l.removeEventFromInteractiveElements({interactiveElements:r,onBlur:n})})}return{hasError:t.computed(()=>a.value.error),errors:t.computed(()=>a.value.errors),errorMessage:t.computed(()=>E.value[e]),isValid:t.computed(()=>a.value.valid),isDirty:t.computed(()=>a.value.dirty),isBlurred:t.computed(()=>a.value.blurred),isValidated:t.computed(()=>a.value.validated),isValidating:t.computed(()=>a.value.validating),mode:t.computed(()=>a.value.mode),value:t.computed({get:()=>u.value[e],set:r=>u.value[e]=r}),validationEvents:F,onBlur:n}}exports.useFormField=I;
+//# sourceMappingURL=useFormField.cjs.map

package/dist/composables/useFormField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormField.cjs","sources":["../../src/composables/useFormField.ts"],"sourcesContent":["import type {\n  BaseFormPayload,\n  ExtractModelKey,\n  FormFieldOptions,\n  FormSchema,\n  ValidationIssues,\n} from '@composables/useFormValidator/types'\nimport type { ComponentPublicInstance, ComputedRef, WritableComputedRef } from 'vue'\n\nimport {\n  addEventToInteractiveElements,\n  fieldHasValidation,\n  findInteractiveElements,\n  getContext,\n  getInstance,\n  getValidationEvents,\n  handleFieldBlur,\n  hasModeIncludes,\n  removeEventFromInteractiveElements,\n  setFieldValidationState,\n  updateFieldState,\n} from '@composables/useFormValidator/utils'\nimport { checkAvailability } from '@helpers/checkAvailability'\nimport { freezeValue } from '@helpers/freezeValue'\nimport { isEqual } from '@helpers/isEqual'\nimport { computed, onMounted, onUnmounted } from 'vue'\n\ninterface UseFormFieldReturn<FieldType> {\n  /**\n   * Indicates if the field has an error\n   */\n  hasError: ComputedRef<boolean>\n  /**\n   * Errors of the field\n   */\n  errors: ComputedRef<ValidationIssues>\n  /**\n   * Error message of the field\n   * It's the first error of the field\n   */\n  errorMessage: ComputedRef<string | undefined>\n  /**\n   * Indicates if the field is valid\n   */\n  isValid: ComputedRef<boolean>\n  /**\n   * Indicates if the field has been modified\n   */\n  isDirty: ComputedRef<boolean>\n  /**\n   * Indicates if the field has been blurred\n   */\n  isBlurred: ComputedRef<boolean>\n  /**\n   * Indicates if the field has been validated\n   */\n  isValidated: ComputedRef<boolean>\n  /**\n   * Indicates if the field is validating\n   */\n  isValidating: ComputedRef<boolean>\n  /**\n   * Validation mode of the field\n   */\n  mode: ComputedRef<FormFieldOptions<FieldType>['mode']>\n  /**\n   * Value of the field\n   */\n  value: WritableComputedRef<FieldType>\n  /**\n   * Validation events of the field\n   */\n  validationEvents: ComputedRef<ReturnType<typeof getValidationEvents>>\n  /**\n   * Function to handle the blur event of the field\n   */\n  onBlur: () => void\n}\n\nexport function useFormField<\n  FieldType extends Model[ExtractModelKey<FormSchema<Model>>],\n  Model extends BaseFormPayload = BaseFormPayload,\n>(name: ExtractModelKey<FormSchema<Model>>, options?: FormFieldOptions<FieldType>): UseFormFieldReturn<FieldType> {\n  const opts = {\n    formIdentifier: 'main-form-validator',\n    ...options,\n  } satisfies FormFieldOptions<FieldType>\n\n  const {\n    fieldsStates,\n    payload,\n    options: formOptions,\n    internalSchema,\n    errorMessages,\n    isSubmitted,\n  } = getContext<Model>(opts.formIdentifier, 'useFormField')\n\n  const fieldMode = fieldHasValidation(name, internalSchema.value) ? options?.mode ?? formOptions.mode : undefined\n  opts.mode = fieldMode\n\n  const fieldState = computed(() => fieldsStates.value[name])\n\n  fieldsStates.value[name] = updateFieldState<Model>({\n    name,\n    fieldState: fieldState.value,\n    payload: payload.value,\n    schema: internalSchema.value,\n    options: { ...formOptions, ...opts },\n  })\n\n  if (opts.defaultValue !== undefined && !isEqual(payload.value[name], opts.defaultValue)) {\n    const initialValue = opts.defaultValue\n    payload.value[name] = initialValue\n    fieldsStates.value[name].initialValue = freezeValue(initialValue)\n  }\n\n  if (fieldMode) {\n    setFieldValidationState<Model>({\n      name,\n      fieldState: fieldState.value,\n      payload: payload.value,\n      schema: internalSchema.value,\n      setError: fieldMode === 'aggressive',\n      setErrorIfInvalidAndNotEmpty: fieldMode === 'lazy',\n    })\n  }\n\n  function onBlur() {\n    handleFieldBlur<Model>({\n      name,\n      fieldState: fieldState.value,\n      payload: payload.value,\n      schema: internalSchema.value,\n      isSubmitted: isSubmitted.value,\n    })\n  }\n\n  const validationEvents = computed(() =>\n    getValidationEvents({\n      ref: opts.ref,\n      onBlur,\n      fieldState: fieldState.value,\n    }),\n  )\n\n  if (opts.ref && hasModeIncludes(['eager', 'blur', 'progressive'], fieldMode)) {\n    let interactiveElements: HTMLElement[] = []\n\n    const handleInteractiveElements = (element: HTMLElement) => {\n      interactiveElements = findInteractiveElements(element)\n      addEventToInteractiveElements({\n        interactiveElements,\n        onBlur,\n        mode: fieldMode,\n      })\n    }\n\n    onMounted(() => {\n      const instance = getInstance<Model>(`useFormField of ${name as string}`)\n\n      checkAvailability(() => instance.refs[opts.ref as string] as HTMLElement | ComponentPublicInstance | undefined, (element) => {\n        const interactiveElement = element instanceof HTMLElement ? element : element?.$el as HTMLElement | undefined\n        if (interactiveElement) {\n          handleInteractiveElements(interactiveElement)\n        }\n      }, {\n        errorMessage: `[maz-ui](useFormField) No element found for ref ${opts.ref} for field ${name as string}`,\n      })\n    })\n\n    onUnmounted(() => {\n      removeEventFromInteractiveElements({\n        interactiveElements,\n        onBlur,\n      })\n    })\n  }\n\n  return {\n    hasError: computed(() => fieldState.value.error),\n    errors: computed(() => fieldState.value.errors),\n    errorMessage: computed(() => errorMessages.value[name]),\n    isValid: computed(() => fieldState.value.valid),\n    isDirty: computed(() => fieldState.value.dirty),\n    isBlurred: computed(() => fieldState.value.blurred),\n    isValidated: computed(() => fieldState.value.validated),\n    isValidating: computed(() => fieldState.value.validating),\n    mode: computed(() => fieldState.value.mode),\n    value: computed({\n      get: () => payload.value[name] as FieldType,\n      set: value => (payload.value[name] = value),\n    }),\n    validationEvents,\n    onBlur,\n  }\n}\n"],"names":["useFormField","name","options","opts","fieldsStates","payload","formOptions","internalSchema","errorMessages","isSubmitted","getContext","fieldMode","fieldHasValidation","fieldState","computed","updateFieldState","isEqual","initialValue","freezeValue","setFieldValidationState","onBlur","handleFieldBlur","validationEvents","getValidationEvents","hasModeIncludes","interactiveElements","handleInteractiveElements","element","findInteractiveElements","addEventToInteractiveElements","onMounted","instance","getInstance","checkAvailability","interactiveElement","onUnmounted","removeEventFromInteractiveElements","value"],"mappings":"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"}

package/dist/composables/useFormField.mjs

@@ -0,0 +1,99 @@
+import { e as V, f as S, i as I, j as h, k as y, d as M, g as b, r as $, l as z, m as B, n as k } from "../chunks/utils.Bex2hM45.mjs";
+import { checkAvailability as x } from "../helpers/checkAvailability.mjs";
+import { freezeValue as A } from "../helpers/freezeValue.mjs";
+import { isEqual as H } from "../helpers/isEqual.mjs";
+import { computed as t, onMounted as N, onUnmounted as T } from "vue";
+function O(e, d) {
+  const l = {
+    formIdentifier: "main-form-validator",
+    ...d
+  }, {
+    fieldsStates: f,
+    payload: r,
+    options: c,
+    internalSchema: u,
+    errorMessages: E,
+    isSubmitted: g
+  } = V(l.formIdentifier, "useFormField"), o = S(e, u.value) ? (d == null ? void 0 : d.mode) ?? c.mode : void 0;
+  l.mode = o;
+  const a = t(() => f.value[e]);
+  if (f.value[e] = I({
+    name: e,
+    fieldState: a.value,
+    payload: r.value,
+    schema: u.value,
+    options: { ...c, ...l }
+  }), l.defaultValue !== void 0 && !H(r.value[e], l.defaultValue)) {
+    const i = l.defaultValue;
+    r.value[e] = i, f.value[e].initialValue = A(i);
+  }
+  o && h({
+    name: e,
+    fieldState: a.value,
+    payload: r.value,
+    schema: u.value,
+    setError: o === "aggressive",
+    setErrorIfInvalidAndNotEmpty: o === "lazy"
+  });
+  function v() {
+    z({
+      name: e,
+      fieldState: a.value,
+      payload: r.value,
+      schema: u.value,
+      isSubmitted: g.value
+    });
+  }
+  const p = t(
+    () => y({
+      ref: l.ref,
+      onBlur: v,
+      fieldState: a.value
+    })
+  );
+  if (l.ref && M(["eager", "blur", "progressive"], o)) {
+    let i = [];
+    const F = (n) => {
+      i = B(n), k({
+        interactiveElements: i,
+        onBlur: v,
+        mode: o
+      });
+    };
+    N(() => {
+      const n = b(`useFormField of ${e}`);
+      x(() => n.refs[l.ref], (s) => {
+        const m = s instanceof HTMLElement ? s : s == null ? void 0 : s.$el;
+        m && F(m);
+      }, {
+        errorMessage: `[maz-ui](useFormField) No element found for ref ${l.ref} for field ${e}`
+      });
+    }), T(() => {
+      $({
+        interactiveElements: i,
+        onBlur: v
+      });
+    });
+  }
+  return {
+    hasError: t(() => a.value.error),
+    errors: t(() => a.value.errors),
+    errorMessage: t(() => E.value[e]),
+    isValid: t(() => a.value.valid),
+    isDirty: t(() => a.value.dirty),
+    isBlurred: t(() => a.value.blurred),
+    isValidated: t(() => a.value.validated),
+    isValidating: t(() => a.value.validating),
+    mode: t(() => a.value.mode),
+    value: t({
+      get: () => r.value[e],
+      set: (i) => r.value[e] = i
+    }),
+    validationEvents: p,
+    onBlur: v
+  };
+}
+export {
+  O as useFormField
+};
+//# sourceMappingURL=useFormField.mjs.map

package/dist/composables/useFormField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormField.mjs","sources":["../../src/composables/useFormField.ts"],"sourcesContent":["import type {\n  BaseFormPayload,\n  ExtractModelKey,\n  FormFieldOptions,\n  FormSchema,\n  ValidationIssues,\n} from '@composables/useFormValidator/types'\nimport type { ComponentPublicInstance, ComputedRef, WritableComputedRef } from 'vue'\n\nimport {\n  addEventToInteractiveElements,\n  fieldHasValidation,\n  findInteractiveElements,\n  getContext,\n  getInstance,\n  getValidationEvents,\n  handleFieldBlur,\n  hasModeIncludes,\n  removeEventFromInteractiveElements,\n  setFieldValidationState,\n  updateFieldState,\n} from '@composables/useFormValidator/utils'\nimport { checkAvailability } from '@helpers/checkAvailability'\nimport { freezeValue } from '@helpers/freezeValue'\nimport { isEqual } from '@helpers/isEqual'\nimport { computed, onMounted, onUnmounted } from 'vue'\n\ninterface UseFormFieldReturn<FieldType> {\n  /**\n   * Indicates if the field has an error\n   */\n  hasError: ComputedRef<boolean>\n  /**\n   * Errors of the field\n   */\n  errors: ComputedRef<ValidationIssues>\n  /**\n   * Error message of the field\n   * It's the first error of the field\n   */\n  errorMessage: ComputedRef<string | undefined>\n  /**\n   * Indicates if the field is valid\n   */\n  isValid: ComputedRef<boolean>\n  /**\n   * Indicates if the field has been modified\n   */\n  isDirty: ComputedRef<boolean>\n  /**\n   * Indicates if the field has been blurred\n   */\n  isBlurred: ComputedRef<boolean>\n  /**\n   * Indicates if the field has been validated\n   */\n  isValidated: ComputedRef<boolean>\n  /**\n   * Indicates if the field is validating\n   */\n  isValidating: ComputedRef<boolean>\n  /**\n   * Validation mode of the field\n   */\n  mode: ComputedRef<FormFieldOptions<FieldType>['mode']>\n  /**\n   * Value of the field\n   */\n  value: WritableComputedRef<FieldType>\n  /**\n   * Validation events of the field\n   */\n  validationEvents: ComputedRef<ReturnType<typeof getValidationEvents>>\n  /**\n   * Function to handle the blur event of the field\n   */\n  onBlur: () => void\n}\n\nexport function useFormField<\n  FieldType extends Model[ExtractModelKey<FormSchema<Model>>],\n  Model extends BaseFormPayload = BaseFormPayload,\n>(name: ExtractModelKey<FormSchema<Model>>, options?: FormFieldOptions<FieldType>): UseFormFieldReturn<FieldType> {\n  const opts = {\n    formIdentifier: 'main-form-validator',\n    ...options,\n  } satisfies FormFieldOptions<FieldType>\n\n  const {\n    fieldsStates,\n    payload,\n    options: formOptions,\n    internalSchema,\n    errorMessages,\n    isSubmitted,\n  } = getContext<Model>(opts.formIdentifier, 'useFormField')\n\n  const fieldMode = fieldHasValidation(name, internalSchema.value) ? options?.mode ?? formOptions.mode : undefined\n  opts.mode = fieldMode\n\n  const fieldState = computed(() => fieldsStates.value[name])\n\n  fieldsStates.value[name] = updateFieldState<Model>({\n    name,\n    fieldState: fieldState.value,\n    payload: payload.value,\n    schema: internalSchema.value,\n    options: { ...formOptions, ...opts },\n  })\n\n  if (opts.defaultValue !== undefined && !isEqual(payload.value[name], opts.defaultValue)) {\n    const initialValue = opts.defaultValue\n    payload.value[name] = initialValue\n    fieldsStates.value[name].initialValue = freezeValue(initialValue)\n  }\n\n  if (fieldMode) {\n    setFieldValidationState<Model>({\n      name,\n      fieldState: fieldState.value,\n      payload: payload.value,\n      schema: internalSchema.value,\n      setError: fieldMode === 'aggressive',\n      setErrorIfInvalidAndNotEmpty: fieldMode === 'lazy',\n    })\n  }\n\n  function onBlur() {\n    handleFieldBlur<Model>({\n      name,\n      fieldState: fieldState.value,\n      payload: payload.value,\n      schema: internalSchema.value,\n      isSubmitted: isSubmitted.value,\n    })\n  }\n\n  const validationEvents = computed(() =>\n    getValidationEvents({\n      ref: opts.ref,\n      onBlur,\n      fieldState: fieldState.value,\n    }),\n  )\n\n  if (opts.ref && hasModeIncludes(['eager', 'blur', 'progressive'], fieldMode)) {\n    let interactiveElements: HTMLElement[] = []\n\n    const handleInteractiveElements = (element: HTMLElement) => {\n      interactiveElements = findInteractiveElements(element)\n      addEventToInteractiveElements({\n        interactiveElements,\n        onBlur,\n        mode: fieldMode,\n      })\n    }\n\n    onMounted(() => {\n      const instance = getInstance<Model>(`useFormField of ${name as string}`)\n\n      checkAvailability(() => instance.refs[opts.ref as string] as HTMLElement | ComponentPublicInstance | undefined, (element) => {\n        const interactiveElement = element instanceof HTMLElement ? element : element?.$el as HTMLElement | undefined\n        if (interactiveElement) {\n          handleInteractiveElements(interactiveElement)\n        }\n      }, {\n        errorMessage: `[maz-ui](useFormField) No element found for ref ${opts.ref} for field ${name as string}`,\n      })\n    })\n\n    onUnmounted(() => {\n      removeEventFromInteractiveElements({\n        interactiveElements,\n        onBlur,\n      })\n    })\n  }\n\n  return {\n    hasError: computed(() => fieldState.value.error),\n    errors: computed(() => fieldState.value.errors),\n    errorMessage: computed(() => errorMessages.value[name]),\n    isValid: computed(() => fieldState.value.valid),\n    isDirty: computed(() => fieldState.value.dirty),\n    isBlurred: computed(() => fieldState.value.blurred),\n    isValidated: computed(() => fieldState.value.validated),\n    isValidating: computed(() => fieldState.value.validating),\n    mode: computed(() => fieldState.value.mode),\n    value: computed({\n      get: () => payload.value[name] as FieldType,\n      set: value => (payload.value[name] = value),\n    }),\n    validationEvents,\n    onBlur,\n  }\n}\n"],"names":["useFormField","name","options","opts","fieldsStates","payload","formOptions","internalSchema","errorMessages","isSubmitted","getContext","fieldMode","fieldHasValidation","fieldState","computed","updateFieldState","isEqual","initialValue","freezeValue","setFieldValidationState","onBlur","handleFieldBlur","validationEvents","getValidationEvents","hasModeIncludes","interactiveElements","handleInteractiveElements","element","findInteractiveElements","addEventToInteractiveElements","onMounted","instance","getInstance","checkAvailability","interactiveElement","onUnmounted","removeEventFromInteractiveElements","value"],"mappings":"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"}

package/dist/composables/useFormValidator.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../chunks/utils.vGzCTXH5.cjs"),t=require("vue");function O({schema:w,defaultValues:E,model:u,options:T}){const c=a.getInstance("useFormValidator"),l={mode:a.CONFIG.mode,scrollToError:a.CONFIG.scrollToErrorSelector,debouncedFields:null,throttledFields:null,identifier:"main-form-validator",...T},p=t.ref(E),o=t.ref({...p.value,...u==null?void 0:u.value}),s=t.ref(w),r=t.ref(a.getFieldsStates({schema:s.value,payload:o.value,options:l})),n=t.ref(!1),d=t.ref(!1),m=t.computed(()=>Object.values(r.value).every(({valid:e})=>e)),V=t.computed(()=>Object.values(r.value).some(({dirty:e})=>e)),h=t.computed(()=>a.getFieldsErrors(r.value)),y=t.computed(()=>a.getErrorMessages(h.value,r.value));u&&t.watch(o,e=>{u.value={...p.value,...e}},{deep:!0}),t.watch(p,e=>{o.value={...e,...o.value}},{deep:!0}),t.watch(s,e=>{a.updateFieldsStates({schema:e,fieldsStates:r.value,payload:o.value,options:l}),f()},{deep:!0}),f();function f(e=l.mode==="aggressive"){return a.validateForm({fieldsStates:r.value,payload:o.value,schema:s.value,showErrors:e})}const F=[];async function j(e){await t.nextTick();const v=t.watch(()=>o.value[e],()=>{const i=r.value[e];a.handleFieldInput({name:e,fieldState:i,payload:o.value,schema:s.value,isSubmitted:d.value,forceValidation:a.hasModeIncludes(["aggressive","lazy","progressive"],i.mode)})},{deep:typeof s.value[e]=="object"});F.push(v)}function I(){for(const e of F)e();for(const e of Object.keys(s.value))j(e)}function M(e,v){return async i=>{if(i==null||i.preventDefault(),!n.value){d.value=!0,n.value=!0;try{await f(!0);const S=typeof v=="string"?v:l.scrollToError;let b;return m.value?b=await e(o.value):typeof S!="boolean"&&a.scrollToError(S),n.value=!1,b}finally{n.value=!1}}}}const g={fieldsStates:r,payload:o,options:l,internalSchema:s,errorMessages:y,isSubmitted:d};return c.formContexts??(c.formContexts=new Map),c.formContexts.set(l.identifier,g),t.provide(l.identifier,g),I(),{identifier:l.identifier,isDirty:V,isSubmitting:n,isSubmitted:d,isValid:m,errors:h,model:o,fieldsStates:r,validateForm:f,scrollToError:a.scrollToError,handleSubmit:M,errorMessages:y}}exports.useFormValidator=O;
+//# sourceMappingURL=useFormValidator.cjs.map

package/dist/composables/useFormValidator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormValidator.cjs","sources":["../../src/composables/useFormValidator.ts"],"sourcesContent":["import type {\n  BaseFormPayload,\n  ExtractModelKey,\n  FieldsStates,\n  FormContext,\n  FormSchema,\n  FormValidatorOptions,\n  StrictOptions,\n  UseFormValidatorParams,\n} from '@composables/useFormValidator/types'\nimport type { Ref, WatchStopHandle } from 'vue'\n\nimport { CONFIG } from '@composables/useFormValidator/config'\nimport {\n  getErrorMessages,\n  getFieldsErrors,\n  getFieldsStates,\n  getInstance,\n  handleFieldInput,\n  hasModeIncludes,\n  scrollToError,\n  updateFieldsStates,\n  validateForm,\n} from '@composables/useFormValidator/utils'\nimport { computed, nextTick, provide, ref, watch } from 'vue'\n\nexport function useFormValidator<\n  Model extends BaseFormPayload,\n>({ schema, defaultValues, model, options }: UseFormValidatorParams<Model>) {\n  const instance = getInstance<Model>('useFormValidator')\n\n  const opts = {\n    mode: CONFIG.mode,\n    scrollToError: CONFIG.scrollToErrorSelector,\n    debouncedFields: null,\n    throttledFields: null,\n    identifier: 'main-form-validator',\n    ...options,\n  } satisfies StrictOptions<Model>\n\n  const internalDefaultValues = ref(defaultValues) as Ref<Partial<Model>>\n  const payload = ref({ ...internalDefaultValues.value, ...model?.value }) as Ref<Model>\n  const internalSchema = ref(schema) as Ref<FormSchema<Model>>\n  const fieldsStates = ref(\n    getFieldsStates<Model>({\n      schema: internalSchema.value,\n      payload: payload.value,\n      options: opts,\n    }),\n  ) as Ref<FieldsStates<Model>>\n\n  const isSubmitting = ref(false)\n  const isSubmitted = ref(false)\n\n  const isValid = computed(() => Object.values(fieldsStates.value).every(({ valid }) => valid))\n  const isDirty = computed(() => Object.values(fieldsStates.value).some(({ dirty }) => dirty))\n  const errors = computed(() => getFieldsErrors(fieldsStates.value))\n  const errorMessages = computed(() => getErrorMessages(errors.value, fieldsStates.value))\n\n  if (model) {\n    watch(\n      payload,\n      (newModel) => {\n        model.value = { ...internalDefaultValues.value, ...newModel }\n      },\n      { deep: true },\n    )\n  }\n\n  watch(\n    internalDefaultValues,\n    (newDefaultValues) => {\n      payload.value = { ...newDefaultValues, ...payload.value }\n    },\n    { deep: true },\n  )\n\n  watch(\n    internalSchema,\n    (schema) => {\n      updateFieldsStates({\n        schema,\n        fieldsStates: fieldsStates.value,\n        payload: payload.value,\n        options: opts,\n      })\n      internalValidateForm()\n    },\n    { deep: true },\n  )\n\n  internalValidateForm()\n\n  function internalValidateForm(showErrors = opts.mode === 'aggressive') {\n    return validateForm<Model>({\n      fieldsStates: fieldsStates.value,\n      payload: payload.value,\n      schema: internalSchema.value,\n      showErrors,\n    })\n  }\n\n  const watchedPayloadStopFunctions: WatchStopHandle[] = []\n\n  async function addFieldValidationWatch(name: ExtractModelKey<FormSchema<Model>>) {\n    await nextTick()\n\n    const watchStopFunc = watch(\n      () => payload.value[name],\n      () => {\n        const fieldState = fieldsStates.value[name]\n\n        handleFieldInput<Model>({\n          name,\n          fieldState,\n          payload: payload.value,\n          schema: internalSchema.value,\n          isSubmitted: isSubmitted.value,\n          forceValidation: hasModeIncludes(['aggressive', 'lazy', 'progressive'], fieldState.mode),\n        })\n      },\n      { deep: typeof internalSchema.value[name] === 'object' },\n    )\n\n    watchedPayloadStopFunctions.push(watchStopFunc)\n  }\n\n  function addFieldsValidationWatch() {\n    for (const watchStopFunc of watchedPayloadStopFunctions) {\n      watchStopFunc()\n    }\n\n    for (const name of Object.keys(internalSchema.value)) {\n      addFieldValidationWatch(name as ExtractModelKey<FormSchema<Model>>)\n    }\n  }\n\n  function handleSubmit<Func extends (model: Model) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(\n    successCallback: Func,\n    enableScrollOrSelector?: FormValidatorOptions['scrollToError'],\n  ) {\n    return async (event?: Event) => {\n      event?.preventDefault()\n\n      if (isSubmitting.value)\n        return\n\n      isSubmitted.value = true\n      isSubmitting.value = true\n\n      try {\n        await internalValidateForm(true)\n\n        const scrollToErrorParam\n          = typeof enableScrollOrSelector === 'string' ? enableScrollOrSelector : opts.scrollToError\n\n        let response: Awaited<ReturnType<Func>> | ReturnType<Func> | undefined\n\n        if (isValid.value) {\n          response = await successCallback(payload.value)\n        }\n        else if (typeof scrollToErrorParam !== 'boolean') {\n          scrollToError(scrollToErrorParam)\n        }\n\n        isSubmitting.value = false\n\n        return response\n      }\n      finally {\n        isSubmitting.value = false\n      }\n    }\n  }\n\n  const context = {\n    fieldsStates,\n    payload,\n    options: opts,\n    internalSchema,\n    errorMessages,\n    isSubmitted,\n  } satisfies FormContext<Model>\n\n  instance.formContexts ??= new Map()\n  instance.formContexts.set(opts.identifier, context)\n\n  provide(opts.identifier, context)\n\n  addFieldsValidationWatch()\n\n  return {\n    identifier: opts.identifier,\n    isDirty,\n    isSubmitting,\n    isSubmitted,\n    isValid,\n    errors,\n    model: payload,\n    fieldsStates,\n    validateForm: internalValidateForm,\n    scrollToError,\n    handleSubmit,\n    errorMessages,\n  }\n}\n"],"names":["useFormValidator","schema","defaultValues","model","options","instance","getInstance","opts","CONFIG","internalDefaultValues","ref","payload","internalSchema","fieldsStates","getFieldsStates","isSubmitting","isSubmitted","isValid","computed","valid","isDirty","dirty","errors","getFieldsErrors","errorMessages","getErrorMessages","watch","newModel","newDefaultValues","updateFieldsStates","internalValidateForm","showErrors","validateForm","watchedPayloadStopFunctions","addFieldValidationWatch","name","nextTick","watchStopFunc","fieldState","handleFieldInput","hasModeIncludes","addFieldsValidationWatch","handleSubmit","successCallback","enableScrollOrSelector","event","scrollToErrorParam","response","scrollToError","context","provide"],"mappings":"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"}