maz-ui 4.3.4-beta.3 → 4.3.4-beta.5

package/dist/assets/{MazAnimatedCounter.LK7oyUrl.css → MazAnimatedCounter.DL7KsXq5.css}

@@ -1 +1 @@
-.m-animated-counter[data-v-91a33c54]{white-space:nowrap;--maz-tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--maz-tw-ordinal)var(--maz-tw-slashed-zero)var(--maz-tw-numeric-figure)var(--maz-tw-numeric-spacing)var(--maz-tw-numeric-fraction)}
+.m-animated-counter[data-v-e21d5b70]{white-space:nowrap;--maz-tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--maz-tw-ordinal)var(--maz-tw-slashed-zero)var(--maz-tw-numeric-figure)var(--maz-tw-numeric-spacing)var(--maz-tw-numeric-fraction)}

package/dist/components/MazAnimatedCounter.js

@@ -1,28 +1,24 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedCounter.LK7oyUrl.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazAnimatedCounter.DL7KsXq5.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
     duration: { default: 1e3 },
-    prefix: { default: void 0 },
-    suffix: { default: void 0 },
+    prefix: {},
+    suffix: {},
     delay: { default: 100 },
     once: { type: Boolean, default: !0 }
   },
   setup(__props) {
-    const props = __props, currentCount = ref(0), elementRef = ref(null);
+    const currentCount = ref(0), elementRef = ref(null);
     function getRequestAnimationFrame() {
       return !isClient() || !globalThis.requestAnimationFrame ? (callback) => (setTimeout(callback, 1e3 / 60), 0) : globalThis.requestAnimationFrame.bind(globalThis);
     }
     function animate(start, end, duration, delay) {
       const requestAnim = getRequestAnimationFrame();
-      if (!isClient()) {
-        currentCount.value = end;
-        return;
-      }
-      currentCount.value = start, setTimeout(() => {
+      currentCount.value = start, isClient() && setTimeout(() => {
         const startTime = performance.now(), updateCount = (currentTime = performance.now()) => {
           const elapsed = currentTime - startTime, progress = Math.min(elapsed / duration, 1), easeOutQuad = (t) => t * (2 - t);
           currentCount.value = Math.round(
@@ -33,15 +29,15 @@ import '../assets/MazAnimatedCounter.LK7oyUrl.css';const _hoisted_1 = { class: "
       }, delay);
     }
     function startAnimation(start, end) {
-      animate(start, end, props.duration, props.delay);
+      animate(start, end, __props.duration, __props.delay);
     }
     let observer = null;
     return onMounted(() => {
-      props.once || (observer = new IntersectionObserver(([entry]) => {
-        entry.isIntersecting && (startAnimation(0, props.count), props.once && observer?.unobserve(entry.target));
+      __props.once || (observer = new IntersectionObserver(([entry]) => {
+        entry.isIntersecting && (startAnimation(0, __props.count), __props.once && observer?.unobserve(entry.target));
       }), elementRef.value && observer.observe(elementRef.value));
     }), onBeforeUnmount(() => observer?.disconnect()), watch(
-      () => props.count,
+      () => __props.count,
       (newCount, oldCount) => {
         if (newCount === oldCount)
           return;
@@ -71,7 +67,7 @@ import '../assets/MazAnimatedCounter.LK7oyUrl.css';const _hoisted_1 = { class: "
       ], !0)
     ], 512));
   }
-}), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91a33c54"]]);
+}), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e21d5b70"]]);
 export {
   MazAnimatedCounter as default
 };

package/dist/components/MazAnimatedCounter.vue.d.ts

@@ -41,13 +41,7 @@ declare function __VLS_template(): {
     rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {
-    duration: number;
-    delay: number;
-    once: boolean;
-    prefix: string;
-    suffix: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     elementRef: HTMLSpanElement;
 }, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/composables/useFormValidator/types.d.ts

@@ -47,6 +47,11 @@ export interface FormValidatorOptions<Model extends BaseFormPayload = BaseFormPa
      * @default `main-form-validator`
      */
     identifier?: string | symbol;
+    /**
+     * Reset the form on submit success - you must use handleSubmit to handle the form submission
+     * @default true
+     */
+    resetOnSuccess?: boolean;
 }
 export type StrictOptions<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>> = Required<FormValidatorOptions<Model, ModelKey>>;
 export interface FormContext<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>> {

package/dist/composables/useFormValidator.d.ts

@@ -18,6 +18,9 @@ export declare function useFormValidator<TSchema extends MaybeRefOrGetter<FormSc
     fieldsStates: Ref<FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>, FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>>;
     validateForm: (setErrors?: boolean) => Promise<void[]>;
     scrollToError: typeof scrollToError;
-    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"]) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
+    resetForm: () => void;
+    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"], options?: {
+        resetOnSuccess?: boolean;
+    }) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
     errorMessages: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>, string | undefined>>;
 };

package/dist/composables/useFormValidator.js

@@ -22,6 +22,7 @@ function useFormValidator({ schema, defaultValues, model, options }) {
     debouncedFields: null,
     throttledFields: null,
     identifier: "main-form-validator",
+    resetOnSuccess: !0,
     ...options
   }, internalDefaultValues = ref(toValue(defaultValues)), payload = ref({ ...internalDefaultValues.value, ...model?.value }), internalSchema = ref(toValue(schema)), fieldsStates = ref(
     getFieldsStates({
@@ -102,7 +103,17 @@ function useFormValidator({ schema, defaultValues, model, options }) {
       { deep: !0 }
     );
   }
-  function handleSubmit(successCallback, enableScrollOrSelector) {
+  function resetForm() {
+    payloadWatchStop && payloadWatchStop(), isSubmitting.value = !1, isSubmitted.value = !1, payload.value = { ...internalDefaultValues.value }, fieldsStates.value = getFieldsStates({
+      schema: internalSchema.value,
+      payload: payload.value,
+      options: opts
+    }), internalValidateForm(!1), setupOptimizedWatch();
+  }
+  function handleSubmit(successCallback, enableScrollOrSelector, options2) {
+    const finalOptions = {
+      resetOnSuccess: options2?.resetOnSuccess ?? opts.resetOnSuccess
+    };
     return async (event) => {
       if (event?.preventDefault(), !isSubmitting.value) {
         isSubmitted.value = !0, isSubmitting.value = !0;
@@ -110,7 +121,7 @@ function useFormValidator({ schema, defaultValues, model, options }) {
           await internalValidateForm(!0);
           const scrollToErrorParam = typeof enableScrollOrSelector == "string" ? enableScrollOrSelector : opts.scrollToError;
           let response;
-          return isValid.value ? response = await successCallback(payload.value) : typeof scrollToErrorParam != "boolean" && scrollToError(scrollToErrorParam), isSubmitting.value = !1, response;
+          return isValid.value ? (response = await successCallback(payload.value), (finalOptions.resetOnSuccess || options2?.resetOnSuccess) && resetForm()) : typeof scrollToErrorParam != "boolean" && scrollToError(scrollToErrorParam), isSubmitting.value = !1, response;
         } finally {
           isSubmitting.value = !1;
         }
@@ -136,6 +147,7 @@ function useFormValidator({ schema, defaultValues, model, options }) {
     fieldsStates,
     validateForm: internalValidateForm,
     scrollToError,
+    resetForm,
     handleSubmit,
     errorMessages
   };

package/dist/types/components/MazAnimatedCounter.vue.d.ts

@@ -41,13 +41,7 @@ declare function __VLS_template(): {
     rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {
-    duration: number;
-    delay: number;
-    once: boolean;
-    prefix: string;
-    suffix: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     elementRef: HTMLSpanElement;
 }, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/types/composables/useFormValidator/types.d.ts

@@ -47,6 +47,11 @@ export interface FormValidatorOptions<Model extends BaseFormPayload = BaseFormPa
      * @default `main-form-validator`
      */
     identifier?: string | symbol;
+    /**
+     * Reset the form on submit success - you must use handleSubmit to handle the form submission
+     * @default true
+     */
+    resetOnSuccess?: boolean;
 }
 export type StrictOptions<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>> = Required<FormValidatorOptions<Model, ModelKey>>;
 export interface FormContext<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>> {

package/dist/types/composables/useFormValidator.d.ts

@@ -18,6 +18,9 @@ export declare function useFormValidator<TSchema extends MaybeRefOrGetter<FormSc
     fieldsStates: Ref<FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>, FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>>;
     validateForm: (setErrors?: boolean) => Promise<void[]>;
     scrollToError: typeof scrollToError;
-    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"]) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
+    resetForm: () => void;
+    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"], options?: {
+        resetOnSuccess?: boolean;
+    }) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
     errorMessages: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>, string | undefined>>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "4.3.4-beta.3",
+  "version": "4.3.4-beta.5",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -178,11 +178,11 @@
     "libphonenumber-js": "^1.12.33",
     "valibot": "^1.2.0",
     "vue-chartjs": "^5.3.3",
+    "@maz-ui/cli": "4.3.4-beta.0",
     "@maz-ui/themes": "4.3.0",
+    "@maz-ui/translations": "4.3.0",
     "@maz-ui/icons": "4.3.0",
-    "@maz-ui/cli": "4.3.4-beta.0",
-    "@maz-ui/utils": "4.3.0",
-    "@maz-ui/translations": "4.3.0"
+    "@maz-ui/utils": "4.3.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.3",