maz-ui 4.7.5 → 4.7.6

package/dist/composables/useDropzone.js

@@ -1,66 +1 @@
-import { isClient } from "@maz-ui/utils/helpers/isClient";
-import { ref, shallowRef, watch, toValue, onBeforeUnmount, unref } from "vue";
-const isSafariRegex = /^(?:(?!chrome|android).)*safari/i;
-function useDropzone(target, options = {}) {
-  const isOverDropZone = ref(!1), isOverError = ref(!1), files = shallowRef(null);
-  let counter = 0, isValid = !0;
-  if (isClient()) {
-    let getFiles = function(event) {
-      const list = [...event.dataTransfer?.files ?? []];
-      return list.length === 0 ? null : multiple ? list : [list[0]];
-    }, checkDataTypes = function(types) {
-      const dataTypes = unref(_options.dataTypes);
-      if (typeof dataTypes == "function")
-        return dataTypes(types);
-      if (!dataTypes || dataTypes?.length === 0)
-        return !0;
-      const mimeTypes = dataTypes.filter((type) => !type.startsWith("."));
-      if (mimeTypes.length === 0)
-        return !0;
-      const validTypes = types.filter(Boolean);
-      return validTypes.length === 0 ? !0 : validTypes.every(
-        (type) => mimeTypes?.some((allowedType) => type.includes(allowedType))
-      );
-    }, checkValidity = function(items) {
-      const types = Array.from(items ?? [], (item) => item.type), dataTypesValid = checkDataTypes(types), multipleFilesValid = multiple || items.length <= 1;
-      return dataTypesValid && multipleFilesValid;
-    }, isSafari = function() {
-      return isSafariRegex.test(navigator.userAgent) && !("chrome" in globalThis);
-    }, handleDragEvent = function(event, eventType) {
-      const dataTransferItemList = event.dataTransfer?.items;
-      isValid = (dataTransferItemList && checkValidity(dataTransferItemList)) ?? !1, preventDefaultForUnhandled && event.preventDefault();
-      const currentFiles = getFiles(event);
-      switch (!isSafari() && !isValid && event.dataTransfer && (event.dataTransfer.dropEffect = "none"), event.preventDefault(), event.dataTransfer && (event.dataTransfer.dropEffect = "copy"), eventType) {
-        case "enter":
-          counter += 1, isOverDropZone.value = !0, isOverError.value = !isValid, _options.onEnter?.(null, event);
-          break;
-        case "over":
-          _options.onOver?.(null, event);
-          break;
-        case "leave":
-          counter -= 1, counter === 0 && (isOverDropZone.value = !1, isOverError.value = !1), _options.onLeave?.(null, event);
-          break;
-        case "drop":
-          counter = 0, isOverDropZone.value = !1, isOverError.value = !1, isValid ? (files.value = currentFiles, _options.onDrop?.(currentFiles, event)) : _options.onError?.(currentFiles, event);
-          break;
-      }
-    }, removeEventListeners = function() {
-      const targetElement = toValue(target);
-      targetElement && (targetElement.removeEventListener("dragenter", dragEnterHandler), targetElement.removeEventListener("dragover", dragOverHandler), targetElement.removeEventListener("dragleave", dragLeaveHandler), targetElement.removeEventListener("drop", dropHandler));
-    };
-    const _options = typeof options == "function" ? { onDrop: options } : options, multiple = _options.multiple ?? !0, preventDefaultForUnhandled = _options.preventDefaultForUnhandled ?? !1, dragEnterHandler = (event) => handleDragEvent(event, "enter"), dragOverHandler = (event) => handleDragEvent(event, "over"), dragLeaveHandler = (event) => handleDragEvent(event, "leave"), dropHandler = (event) => handleDragEvent(event, "drop");
-    watch(() => toValue(target), (element, oldElement) => {
-      oldElement && (oldElement.removeEventListener("dragenter", dragEnterHandler), oldElement.removeEventListener("dragover", dragOverHandler), oldElement.removeEventListener("dragleave", dragLeaveHandler), oldElement.removeEventListener("drop", dropHandler)), element && (element.addEventListener("dragenter", dragEnterHandler), element.addEventListener("dragover", dragOverHandler), element.addEventListener("dragleave", dragLeaveHandler), element.addEventListener("drop", dropHandler));
-    }, { immediate: !0 }), onBeforeUnmount(() => {
-      removeEventListeners();
-    });
-  }
-  return {
-    files,
-    isOverDropZone,
-    isOverError
-  };
-}
-export {
-  useDropzone
-};
+import{onBeforeUnmount,ref,shallowRef,toValue,unref,watch}from"vue";import{isClient}from"@maz-ui/utils/helpers/isClient";var isSafariRegex=/^(?:(?!chrome|android).)*safari/i;function useDropzone(target,options={}){let isOverDropZone=ref(!1);let isOverError=ref(!1);let files=shallowRef(null);let counter=0;let isValid=!0;if(isClient()){let _options=typeof options==`function`?{onDrop:options}:options;let multiple=_options.multiple??!0;let preventDefaultForUnhandled=_options.preventDefaultForUnhandled??!1;function getFiles(event){let list=[...event.dataTransfer?.files??[]];return list.length===0?null:multiple?list:[list[0]]}function checkDataTypes(types){let dataTypes=unref(_options.dataTypes);if(typeof dataTypes==`function`)return dataTypes(types);if(!dataTypes||dataTypes?.length===0)return!0;let mimeTypes=dataTypes.filter(type=>!type.startsWith(`.`));if(mimeTypes.length===0)return!0;let validTypes=types.filter(Boolean);return validTypes.length===0?!0:validTypes.every(type=>mimeTypes?.some(allowedType=>type.includes(allowedType)))}function checkValidity(items){return checkDataTypes(Array.from(items??[],item=>item.type))&&(multiple||items.length<=1)}function isSafari(){return isSafariRegex.test(navigator.userAgent)&&!(`chrome`in globalThis)}function handleDragEvent(event,eventType){let dataTransferItemList=event.dataTransfer?.items;isValid=(dataTransferItemList&&checkValidity(dataTransferItemList))??!1,preventDefaultForUnhandled&&event.preventDefault();let currentFiles=getFiles(event);switch(!isSafari()&&!isValid&&event.dataTransfer&&(event.dataTransfer.dropEffect=`none`),event.preventDefault(),event.dataTransfer&&(event.dataTransfer.dropEffect=`copy`),eventType){case`enter`:counter+=1,isOverDropZone.value=!0,isOverError.value=!isValid,_options.onEnter?.(null,event);break;case`over`:_options.onOver?.(null,event);break;case`leave`:--counter,counter===0&&(isOverDropZone.value=!1,isOverError.value=!1),_options.onLeave?.(null,event);break;case`drop`:counter=0,isOverDropZone.value=!1,isOverError.value=!1,isValid?(files.value=currentFiles,_options.onDrop?.(currentFiles,event)):_options.onError?.(currentFiles,event);break}}let dragEnterHandler=event=>handleDragEvent(event,`enter`);let dragOverHandler=event=>handleDragEvent(event,`over`);let dragLeaveHandler=event=>handleDragEvent(event,`leave`);let dropHandler=event=>handleDragEvent(event,`drop`);function removeEventListeners(){let targetElement=toValue(target);targetElement&&(targetElement.removeEventListener(`dragenter`,dragEnterHandler),targetElement.removeEventListener(`dragover`,dragOverHandler),targetElement.removeEventListener(`dragleave`,dragLeaveHandler),targetElement.removeEventListener(`drop`,dropHandler))}watch(()=>toValue(target),(element,oldElement)=>{oldElement&&(oldElement.removeEventListener(`dragenter`,dragEnterHandler),oldElement.removeEventListener(`dragover`,dragOverHandler),oldElement.removeEventListener(`dragleave`,dragLeaveHandler),oldElement.removeEventListener(`drop`,dropHandler)),element&&(element.addEventListener(`dragenter`,dragEnterHandler),element.addEventListener(`dragover`,dragOverHandler),element.addEventListener(`dragleave`,dragLeaveHandler),element.addEventListener(`drop`,dropHandler))},{immediate:!0}),onBeforeUnmount(()=>{removeEventListeners()})}return{files,isOverDropZone,isOverError}}export{useDropzone};

package/dist/composables/useFormField.js

@@ -1,101 +1 @@
-import { isEqual } from "@maz-ui/utils/helpers/isEqual";
-import { computed, onMounted, onUnmounted } from "vue";
-import { e as getContext, f as fieldHasValidation, i as updateFieldState, j as setFieldValidationState, k as getValidationEvents, h as hasModeIncludes, r as removeEventFromInteractiveElements, l as findInteractiveElements, m as addEventToInteractiveElements, n as handleFieldBlur } from "../chunks/dom-events.DTx6Kblx.js";
-import { useFreezeValue } from "./useFreezeValue.js";
-function useFormField(name, options) {
-  const opts = {
-    formIdentifier: "main-form-validator",
-    ...options
-  }, {
-    fieldsStates,
-    payload,
-    options: formOptions,
-    internalSchema,
-    errorMessages,
-    isSubmitted
-  } = getContext(opts.formIdentifier, "useFormField"), finalOpts = opts, fieldMode = fieldHasValidation(name, internalSchema.value) ? options?.mode ?? formOptions.mode : void 0;
-  finalOpts.mode = fieldMode;
-  const fieldState = computed(() => fieldsStates.value[name]);
-  if (fieldsStates.value[name] = updateFieldState({
-    name,
-    fieldState: fieldState.value,
-    payload: payload.value,
-    schema: internalSchema.value,
-    options: { ...formOptions, ...finalOpts }
-  }), finalOpts.defaultValue !== void 0 && !isEqual(payload.value[name], finalOpts.defaultValue)) {
-    const initialValue = finalOpts.defaultValue;
-    payload.value[name] = initialValue, fieldsStates.value[name].initialValue = useFreezeValue(initialValue);
-  }
-  fieldMode && setFieldValidationState({
-    name,
-    fieldState: fieldState.value,
-    payload: payload.value,
-    schema: internalSchema.value,
-    setError: fieldMode === "aggressive",
-    setErrorIfInvalidAndNotEmpty: fieldMode === "lazy"
-  });
-  function onBlur() {
-    handleFieldBlur({
-      name,
-      fieldState: fieldState.value,
-      payload: payload.value,
-      schema: internalSchema.value,
-      isSubmitted: isSubmitted.value
-    });
-  }
-  const validationEvents = computed(
-    () => getValidationEvents({
-      hasRef: !!finalOpts.ref?.value,
-      onBlur,
-      fieldState: fieldState.value
-    })
-  );
-  if (finalOpts.ref && fieldMode && hasModeIncludes(["eager", "blur", "progressive"], fieldMode)) {
-    let interactiveElements = [];
-    const handleInteractiveElements = (element) => {
-      interactiveElements.length > 0 && removeEventFromInteractiveElements({
-        interactiveElements,
-        onBlur
-      }), interactiveElements = findInteractiveElements(element), addEventToInteractiveElements({
-        interactiveElements,
-        onBlur,
-        mode: fieldMode
-      });
-    };
-    onMounted(() => {
-      const element = finalOpts.ref?.value, elementToBind = element instanceof HTMLElement ? element : element?.$el;
-      if (elementToBind instanceof HTMLElement) {
-        handleInteractiveElements(elementToBind);
-        return;
-      } else if (elementToBind instanceof Text && elementToBind.nextElementSibling instanceof HTMLElement) {
-        handleInteractiveElements(elementToBind.nextElementSibling);
-        return;
-      }
-      console.warn(`[maz-ui](useFormField) No element found for ref in field '${String(name)}'. Make sure the ref is properly bound to an HTMLElement or Vue component (form identifier: ${String(formOptions.identifier)})`);
-    }), onUnmounted(() => {
-      removeEventFromInteractiveElements({
-        interactiveElements,
-        onBlur
-      });
-    });
-  }
-  return {
-    hasError: computed(() => fieldState.value.error),
-    errors: computed(() => fieldState.value.errors),
-    errorMessage: computed(() => errorMessages.value[name]),
-    isValid: computed(() => fieldState.value.valid),
-    isDirty: computed(() => fieldState.value.dirty),
-    isBlurred: computed(() => fieldState.value.blurred),
-    isValidated: computed(() => fieldState.value.validated),
-    isValidating: computed(() => fieldState.value.validating),
-    mode: computed(() => fieldState.value.mode),
-    value: computed({
-      get: () => payload.value[name],
-      set: (value) => payload.value[name] = value
-    }),
-    validationEvents
-  };
-}
-export {
-  useFormField
-};
+import{_ as setFieldValidationState,f as hasModeIncludes,i as removeEventFromInteractiveElements,n as findInteractiveElements,o as fieldHasValidation,p as updateFieldState,r as getValidationEvents,s as getContext,t as addEventToInteractiveElements,u as handleFieldBlur}from"../chunks/dom-events.BPrKJiCz.js";import{useFreezeValue}from"./useFreezeValue.js";import{computed,onMounted,onUnmounted}from"vue";import{isEqual}from"@maz-ui/utils/helpers/isEqual";function useFormField(name,options){let opts={formIdentifier:`main-form-validator`,...options};let{fieldsStates,payload,options:formOptions,internalSchema,errorMessages,isSubmitted}=getContext(opts.formIdentifier,`useFormField`);let finalOpts=opts;let fieldMode=fieldHasValidation(name,internalSchema.value)?options?.mode??formOptions.mode:void 0;finalOpts.mode=fieldMode;let fieldState=computed(()=>fieldsStates.value[name]);if(fieldsStates.value[name]=updateFieldState({name,fieldState:fieldState.value,payload:payload.value,schema:internalSchema.value,options:{...formOptions,...finalOpts}}),finalOpts.defaultValue!==void 0&&!isEqual(payload.value[name],finalOpts.defaultValue)){let initialValue=finalOpts.defaultValue;payload.value[name]=initialValue,fieldsStates.value[name].initialValue=useFreezeValue(initialValue)}fieldMode&&setFieldValidationState({name,fieldState:fieldState.value,payload:payload.value,schema:internalSchema.value,setError:fieldMode===`aggressive`,setErrorIfInvalidAndNotEmpty:fieldMode===`lazy`});function onBlur(){handleFieldBlur({name,fieldState:fieldState.value,payload:payload.value,schema:internalSchema.value,isSubmitted:isSubmitted.value})}let validationEvents=computed(()=>getValidationEvents({hasRef:!!finalOpts.ref?.value,onBlur,fieldState:fieldState.value}));if(finalOpts.ref&&fieldMode&&hasModeIncludes([`eager`,`blur`,`progressive`],fieldMode)){let interactiveElements=[];let handleInteractiveElements=element=>{interactiveElements.length>0&&removeEventFromInteractiveElements({interactiveElements,onBlur}),interactiveElements=findInteractiveElements(element),addEventToInteractiveElements({interactiveElements,onBlur,mode:fieldMode})};onMounted(()=>{let element=finalOpts.ref?.value;let elementToBind=element instanceof HTMLElement?element:element?.$el;if(elementToBind instanceof HTMLElement){handleInteractiveElements(elementToBind);return}else if(elementToBind instanceof Text&&elementToBind.nextElementSibling instanceof HTMLElement){handleInteractiveElements(elementToBind.nextElementSibling);return}console.warn(`[maz-ui](useFormField) No element found for ref in field '${String(name)}'. Make sure the ref is properly bound to an HTMLElement or Vue component (form identifier: ${String(formOptions.identifier)})`)}),onUnmounted(()=>{removeEventFromInteractiveElements({interactiveElements,onBlur})})}return{hasError:computed(()=>fieldState.value.error),errors:computed(()=>fieldState.value.errors),errorMessage:computed(()=>errorMessages.value[name]),isValid:computed(()=>fieldState.value.valid),isDirty:computed(()=>fieldState.value.dirty),isBlurred:computed(()=>fieldState.value.blurred),isValidated:computed(()=>fieldState.value.validated),isValidating:computed(()=>fieldState.value.validating),mode:computed(()=>fieldState.value.mode),value:computed({get:()=>payload.value[name],set:value=>payload.value[name]=value}),validationEvents}}export{useFormField};

package/dist/composables/useFormValidator.js

@@ -1,163 +1 @@
-import { ref, toValue, computed, watch, provide, nextTick } from "vue";
-import { g as getInstance, a as getFieldsStates, b as getFieldsErrors, c as getErrorMessages, u as updateFieldsStates, v as validateForm, C as CONFIG, s as scrollToError, h as hasModeIncludes, d as handleFieldInput } from "../chunks/dom-events.DTx6Kblx.js";
-function createValidationProcessor(fieldsToValidate, fieldsStates, payload, internalSchema, isSubmitted) {
-  return () => {
-    fieldsToValidate.forEach((name) => {
-      const fieldState = fieldsStates.value[name];
-      handleFieldInput({
-        name,
-        fieldState,
-        payload: payload.value,
-        schema: internalSchema.value,
-        isSubmitted: isSubmitted.value,
-        forceValidation: !0
-      });
-    });
-  };
-}
-function useFormValidator({ schema, defaultValues, model, options }) {
-  const instance = getInstance("useFormValidator"), opts = {
-    mode: CONFIG.mode,
-    scrollToError: CONFIG.scrollToErrorSelector,
-    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({
-      schema: internalSchema.value,
-      payload: payload.value,
-      options: opts
-    })
-  ), isSubmitting = ref(!1), isSubmitted = ref(!1), isValid = computed(() => {
-    for (const key in fieldsStates.value)
-      if (!fieldsStates.value[key].valid)
-        return !1;
-    return !0;
-  }), isDirty = computed(() => {
-    for (const key in fieldsStates.value)
-      if (fieldsStates.value[key].dirty)
-        return !0;
-    return !1;
-  }), errors = computed(() => getFieldsErrors(fieldsStates.value)), errorMessages = computed(() => getErrorMessages(errors.value, fieldsStates.value));
-  model && (watch(
-    payload,
-    (newPayload) => {
-      model.value = { ...internalDefaultValues.value, ...newPayload };
-    },
-    { deep: !0 }
-  ), watch(
-    model,
-    (newModel) => {
-      newModel && Object.assign(payload.value, newModel);
-    },
-    { deep: !0 }
-  )), watch(
-    internalDefaultValues,
-    (newDefaultValues) => {
-      payload.value = { ...newDefaultValues, ...payload.value };
-    },
-    { deep: !0 }
-  ), watch(
-    internalSchema,
-    (schema2) => {
-      updateFieldsStates({
-        schema: schema2,
-        fieldsStates: fieldsStates.value,
-        payload: payload.value,
-        options: opts
-      }), internalValidateForm();
-    },
-    { deep: !0 }
-  ), internalValidateForm();
-  function internalValidateForm(setErrors = opts.mode === "aggressive") {
-    return validateForm({
-      fieldsStates: fieldsStates.value,
-      payload: payload.value,
-      schema: internalSchema.value,
-      setErrors
-    });
-  }
-  let payloadWatchStop = null;
-  function setupOptimizedWatch() {
-    payloadWatchStop && payloadWatchStop();
-    const payloadSnapshot = computed(() => {
-      const snapshot = {};
-      for (const key of Object.keys(internalSchema.value))
-        snapshot[key] = payload.value[key];
-      return snapshot;
-    });
-    payloadWatchStop = watch(
-      payloadSnapshot,
-      (newSnapshot, oldSnapshot) => {
-        const fieldsToValidate = Object.keys(internalSchema.value).filter((name) => {
-          const fieldState = fieldsStates.value[name];
-          return fieldState && newSnapshot[name] !== oldSnapshot?.[name] && hasModeIncludes(["aggressive", "lazy", "progressive"], fieldState.mode);
-        });
-        if (fieldsToValidate.length > 0) {
-          const processValidations = createValidationProcessor(
-            fieldsToValidate,
-            fieldsStates,
-            payload,
-            internalSchema,
-            isSubmitted
-          );
-          typeof requestIdleCallback < "u" ? requestIdleCallback(processValidations, { timeout: 100 }) : nextTick(processValidations);
-        }
-      },
-      { deep: !0 }
-    );
-  }
-  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;
-        try {
-          await internalValidateForm(!0);
-          const scrollToErrorParam = typeof enableScrollOrSelector == "string" ? enableScrollOrSelector : opts.scrollToError;
-          let response;
-          return isValid.value ? (response = await successCallback(payload.value), (finalOptions.resetOnSuccess || options2?.resetOnSuccess) && resetForm()) : typeof scrollToErrorParam != "boolean" && (options2?.onError?.({ model: payload.value, errorMessages: errorMessages.value, errors: errors.value }), scrollToError(scrollToErrorParam)), isSubmitting.value = !1, response;
-        } finally {
-          isSubmitting.value = !1;
-        }
-      }
-    };
-  }
-  const context = {
-    fieldsStates,
-    payload,
-    options: opts,
-    internalSchema,
-    errorMessages,
-    isSubmitted
-  };
-  return instance.formContexts ??= /* @__PURE__ */ new Map(), instance.formContexts.set(opts.identifier, context), provide(opts.identifier, context), setupOptimizedWatch(), {
-    identifier: opts.identifier,
-    isDirty,
-    isSubmitting,
-    isSubmitted,
-    isValid,
-    errors,
-    model: payload,
-    fieldsStates,
-    validateForm: internalValidateForm,
-    scrollToError,
-    resetForm,
-    handleSubmit,
-    errorMessages
-  };
-}
-export {
-  useFormValidator
-};
+import{a as scrollToError,c as getFieldsStates,d as handleFieldInput,f as hasModeIncludes,g as getFieldsErrors,h as getErrorMessages,l as getInstance,m as updateFieldsStates,v as validateForm,y as CONFIG}from"../chunks/dom-events.BPrKJiCz.js";import{computed,nextTick,provide,ref,toValue,watch}from"vue";function createValidationProcessor(fieldsToValidate,fieldsStates,payload,internalSchema,isSubmitted){return()=>{fieldsToValidate.forEach(name=>{let fieldState=fieldsStates.value[name];handleFieldInput({name,fieldState,payload:payload.value,schema:internalSchema.value,isSubmitted:isSubmitted.value,forceValidation:!0})})}}function useFormValidator({schema,defaultValues,model,options}){let instance=getInstance(`useFormValidator`);let opts={mode:CONFIG.mode,scrollToError:CONFIG.scrollToErrorSelector,debouncedFields:null,throttledFields:null,identifier:`main-form-validator`,resetOnSuccess:!0,...options};let internalDefaultValues=ref(toValue(defaultValues));let payload=ref({...internalDefaultValues.value,...model?.value});let internalSchema=ref(toValue(schema));let fieldsStates=ref(getFieldsStates({schema:internalSchema.value,payload:payload.value,options:opts}));let isSubmitting=ref(!1);let isSubmitted=ref(!1);let isValid=computed(()=>{for(let key in fieldsStates.value)if(!fieldsStates.value[key].valid)return!1;return!0});let isDirty=computed(()=>{for(let key in fieldsStates.value)if(fieldsStates.value[key].dirty)return!0;return!1});let errors=computed(()=>getFieldsErrors(fieldsStates.value));let errorMessages=computed(()=>getErrorMessages(errors.value,fieldsStates.value));model&&(watch(payload,newPayload=>{model.value={...internalDefaultValues.value,...newPayload}},{deep:!0}),watch(model,newModel=>{newModel&&Object.assign(payload.value,newModel)},{deep:!0})),watch(internalDefaultValues,newDefaultValues=>{payload.value={...newDefaultValues,...payload.value}},{deep:!0}),watch(internalSchema,schema=>{updateFieldsStates({schema,fieldsStates:fieldsStates.value,payload:payload.value,options:opts}),internalValidateForm()},{deep:!0}),internalValidateForm();function internalValidateForm(setErrors=opts.mode===`aggressive`){return validateForm({fieldsStates:fieldsStates.value,payload:payload.value,schema:internalSchema.value,setErrors})}let payloadWatchStop=null;function setupOptimizedWatch(){payloadWatchStop&&payloadWatchStop(),payloadWatchStop=watch(computed(()=>{let snapshot={};for(let key of Object.keys(internalSchema.value))snapshot[key]=payload.value[key];return snapshot}),(newSnapshot,oldSnapshot)=>{let fieldsToValidate=Object.keys(internalSchema.value).filter(name=>{let fieldState=fieldsStates.value[name];return fieldState&&newSnapshot[name]!==oldSnapshot?.[name]&&hasModeIncludes([`aggressive`,`lazy`,`progressive`],fieldState.mode)});if(fieldsToValidate.length>0){let processValidations=createValidationProcessor(fieldsToValidate,fieldsStates,payload,internalSchema,isSubmitted);typeof requestIdleCallback<`u`?requestIdleCallback(processValidations,{timeout:100}):nextTick(processValidations)}},{deep:!0})}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,options){let finalOptions={resetOnSuccess:options?.resetOnSuccess??opts.resetOnSuccess};return async event=>{if(event?.preventDefault(),!isSubmitting.value){isSubmitted.value=!0,isSubmitting.value=!0;try{await internalValidateForm(!0);let scrollToErrorParam=typeof enableScrollOrSelector==`string`?enableScrollOrSelector:opts.scrollToError;let response;return isValid.value?(response=await successCallback(payload.value),(finalOptions.resetOnSuccess||options?.resetOnSuccess)&&resetForm()):typeof scrollToErrorParam!=`boolean`&&(options?.onError?.({model:payload.value,errorMessages:errorMessages.value,errors:errors.value}),scrollToError(scrollToErrorParam)),isSubmitting.value=!1,response}finally{isSubmitting.value=!1}}}}let context={fieldsStates,payload,options:opts,internalSchema,errorMessages,isSubmitted};return instance.formContexts??=new Map,instance.formContexts.set(opts.identifier,context),provide(opts.identifier,context),setupOptimizedWatch(),{identifier:opts.identifier,isDirty,isSubmitting,isSubmitted,isValid,errors,model:payload,fieldsStates,validateForm:internalValidateForm,scrollToError,resetForm,handleSubmit,errorMessages}}export{useFormValidator};

package/dist/composables/useFreezeValue.js

@@ -1,8 +1 @@
-import { toValue } from "vue";
-function useFreezeValue(value) {
-  const rawValue = toValue(value);
-  return Array.isArray(rawValue) ? Object.freeze([...rawValue]) : typeof rawValue == "object" && rawValue !== null ? Object.freeze({ ...rawValue }) : rawValue;
-}
-export {
-  useFreezeValue
-};
+import{toValue}from"vue";function useFreezeValue(value){let rawValue=toValue(value);return Array.isArray(rawValue)?Object.freeze([...rawValue]):typeof rawValue==`object`&&rawValue?Object.freeze({...rawValue}):rawValue}export{useFreezeValue};

package/dist/composables/useIdleTimeout.js

@@ -1,10 +1 @@
-import { IdleTimeout } from "@maz-ui/utils/helpers/idleTimeout";
-function useIdleTimeout({
-  callback,
-  options
-}) {
-  return new IdleTimeout(callback, options);
-}
-export {
-  useIdleTimeout
-};
+import{IdleTimeout}from"@maz-ui/utils/helpers/idleTimeout";function useIdleTimeout({callback,options}){return new IdleTimeout(callback,options)}export{useIdleTimeout};

package/dist/composables/useInjectStrict.js

@@ -1,10 +1 @@
-import { inject } from "vue";
-function useInjectStrict(key, fallback, errorMessage) {
-  const resolved = inject(key, fallback);
-  if (!resolved)
-    throw new TypeError(errorMessage || `[maz-ui](injectStrict) Could not resolve ${key.toString()}`);
-  return resolved;
-}
-export {
-  useInjectStrict
-};
+import{inject}from"vue";function useInjectStrict(key,fallback,errorMessage){let resolved=inject(key,fallback);if(!resolved)throw TypeError(errorMessage||`[maz-ui](injectStrict) Could not resolve ${key.toString()}`);return resolved}export{useInjectStrict};

package/dist/composables/useInstanceUniqId.js

@@ -1,12 +1 @@
-import { useId, computed } from "vue";
-const pointRegex = /:/g;
-function useInstanceUniqId({
-  componentName,
-  providedId
-}) {
-  const generatedId = useId();
-  return computed(() => providedId || `${componentName}-${generatedId.replace(pointRegex, "")}`);
-}
-export {
-  useInstanceUniqId
-};
+import{computed,useId}from"vue";var pointRegex=/:/g;function useInstanceUniqId({componentName,providedId}){let generatedId=useId();return computed(()=>providedId||`${componentName}-${generatedId.replace(pointRegex,``)}`)}export{useInstanceUniqId};

package/dist/composables/useMountComponent.js

@@ -1,16 +1 @@
-import { createVNode, render } from "vue";
-function useMountComponent(component, options) {
-  const el = options?.element ?? document.createElement("div");
-  function destroy() {
-    el && render(null, el);
-  }
-  const props = { ...options?.props, destroy }, vNode = createVNode(
-    component,
-    props,
-    options?.children
-  );
-  return options?.app && (vNode.appContext = options.app._context), options?.noRender || render(vNode, el), { vNode, destroy, el };
-}
-export {
-  useMountComponent
-};
+import{createVNode,render}from"vue";function useMountComponent(component,options){let el=options?.element??document.createElement(`div`);function destroy(){el&&render(null,el)}let vNode=createVNode(component,{...options?.props,destroy},options?.children);return options?.app&&(vNode.appContext=options.app._context),options?.noRender||render(vNode,el),{vNode,destroy,el}}export{useMountComponent};

package/dist/composables/useMutationObserver.js

@@ -1,37 +1 @@
-import { isClient } from "@maz-ui/utils/helpers/isClient";
-import { truthyFilter } from "@maz-ui/utils/helpers/truthyFilter";
-import { ref, onMounted, computed, toValue, watch } from "vue";
-function useMutationObserver(target, callback, options = {}) {
-  const {
-    internalWindow = isClient() ? globalThis : void 0,
-    ...mutationOptions
-  } = options;
-  let observer;
-  const isSupported = ref((internalWindow && "MutationObserver" in internalWindow) ?? !1);
-  isSupported.value || onMounted(() => {
-    isSupported.value = (internalWindow && "MutationObserver" in internalWindow) ?? !1;
-  });
-  const cleanup = () => {
-    observer && (observer.disconnect(), observer = void 0);
-  }, targets = computed(() => {
-    const value = toValue(target);
-    let element;
-    return value && "$el" in value ? element = value.$el : value && (element = value), new Set([element].filter(truthyFilter));
-  }), stopWatch = watch(
-    [targets, isSupported],
-    ([newTargets, isSupported2]) => {
-      cleanup(), isSupported2 && newTargets.size && (observer = new MutationObserver(callback), newTargets.forEach((el) => observer?.observe(el, mutationOptions)));
-    },
-    { immediate: !0, flush: "post" }
-  );
-  return {
-    isSupported,
-    stop: () => {
-      stopWatch(), cleanup();
-    },
-    takeRecords: () => observer?.takeRecords()
-  };
-}
-export {
-  useMutationObserver
-};
+import{computed,onMounted,ref,toValue,watch}from"vue";import{truthyFilter}from"@maz-ui/utils/helpers/truthyFilter";import{isClient}from"@maz-ui/utils/helpers/isClient";function useMutationObserver(target,callback,options={}){let{internalWindow=isClient()?globalThis:void 0,...mutationOptions}=options;let observer;let isSupported=ref((internalWindow&&`MutationObserver`in internalWindow)??!1);isSupported.value||onMounted(()=>{isSupported.value=(internalWindow&&`MutationObserver`in internalWindow)??!1});let cleanup=()=>{observer&&=(observer.disconnect(),void 0)};let stopWatch=watch([computed(()=>{let value=toValue(target);let element;return value&&`$el`in value?element=value.$el:value&&(element=value),new Set([element].filter(truthyFilter))}),isSupported],([newTargets,isSupported])=>{cleanup(),isSupported&&newTargets.size&&(observer=new MutationObserver(callback),newTargets.forEach(el=>observer?.observe(el,mutationOptions)))},{immediate:!0,flush:`post`});return{isSupported,stop:()=>{stopWatch(),cleanup()},takeRecords:()=>observer?.takeRecords()}}export{useMutationObserver};

package/dist/composables/useReadingTime.js

@@ -1,33 +1 @@
-import { computed } from "vue";
-const wordRegex = /\b\w+\b/g;
-function countWords(text) {
-  const words = text.join(", ").match(wordRegex);
-  return words ? words.length : 0;
-}
-function getReadTimeInMinutes(content, velocity = 150) {
-  const words = countWords([content]);
-  return Math.ceil(words / velocity);
-}
-function useReadingTime(options) {
-  const velocity = computed(
-    () => typeof options.velocity == "number" ? options.velocity : options.velocity?.value ?? 150
-  ), selector = computed(() => typeof options.contentSelector == "string" ? options.contentSelector : options.contentSelector?.value), content = computed(() => {
-    if (typeof options.contentRef?.value == "object")
-      return options.contentRef.value?.textContent;
-    if (selector.value && typeof document < "u") {
-      const contentElement = document.querySelector(selector.value);
-      if (contentElement)
-        return contentElement.textContent;
-    }
-    return typeof options.content == "string" ? options.content : options.content?.value;
-  }), duration = computed(() => getReadTimeInMinutes(content.value, velocity.value)), wordCount = computed(() => countWords([content.value]));
-  return {
-    content,
-    wordCount,
-    velocity,
-    duration
-  };
-}
-export {
-  useReadingTime
-};
+import{computed}from"vue";var wordRegex=/\b\w+\b/g;function countWords(text){let words=text.join(`, `).match(wordRegex);return words?words.length:0}function getReadTimeInMinutes(content,velocity=150){let words=countWords([content]);return Math.ceil(words/velocity)}function useReadingTime(options){let velocity=computed(()=>typeof options.velocity==`number`?options.velocity:options.velocity?.value??150);let selector=computed(()=>typeof options.contentSelector==`string`?options.contentSelector:options.contentSelector?.value);let content=computed(()=>{if(typeof options.contentRef?.value==`object`)return options.contentRef.value?.textContent;if(selector.value&&typeof document<`u`){let contentElement=document.querySelector(selector.value);if(contentElement)return contentElement.textContent}return typeof options.content==`string`?options.content:options.content?.value});let duration=computed(()=>getReadTimeInMinutes(content.value,velocity.value));return{content,wordCount:computed(()=>countWords([content.value])),velocity,duration}}export{useReadingTime};

package/dist/composables/useStringMatching.js

@@ -1,42 +1 @@
-import { normalizeString } from "@maz-ui/utils/helpers/normalizeString";
-import { computed, toValue } from "vue";
-function levenshteinDistance(string1, string2) {
-  const length1 = string1.length, length2 = string2.length, matrix = [];
-  for (let index = 0; index <= length1; index++)
-    matrix[index] = [index];
-  for (let index = 0; index <= length2; index++)
-    matrix[0][index] = index;
-  for (let index = 1; index <= length1; index++)
-    for (let index_ = 1; index_ <= length2; index_++) {
-      const cost = string1[index - 1] === string2[index_ - 1] ? 0 : 1;
-      matrix[index][index_] = Math.min(
-        matrix[index - 1][index_] + 1,
-        matrix[index][index_ - 1] + 1,
-        matrix[index - 1][index_ - 1] + cost
-      );
-    }
-  return matrix[length1][length2];
-}
-function getMatchingScore(string1, string2) {
-  const distance = levenshteinDistance(string1, string2), maxLength = Math.max(string1.length, string2.length);
-  return maxLength === 0 ? 1 : 1 - distance / maxLength;
-}
-function getMatchingResults(string1, string2, threshold = 0.75) {
-  return getMatchingScore(string1, string2) >= threshold;
-}
-function useStringMatching(string1, string2, threshold = 0.75) {
-  const _string1 = computed(
-    () => normalizeString(toValue(string1))
-  ), _string2 = computed(
-    () => normalizeString(toValue(string2))
-  ), score = computed(() => getMatchingScore(_string1.value, _string2.value));
-  return {
-    isMatching: computed(
-      () => getMatchingResults(_string1.value, _string2.value, toValue(threshold))
-    ),
-    score
-  };
-}
-export {
-  useStringMatching
-};
+import{computed,toValue}from"vue";import{normalizeString}from"@maz-ui/utils/helpers/normalizeString";function levenshteinDistance(string1,string2){let length1=string1.length;let length2=string2.length;let matrix=[];for(let index=0;index<=length1;index++)matrix[index]=[index];for(let index=0;index<=length2;index++)matrix[0][index]=index;for(let index=1;index<=length1;index++)for(let index_=1;index_<=length2;index_++){let cost=string1[index-1]===string2[index_-1]?0:1;matrix[index][index_]=Math.min(matrix[index-1][index_]+1,matrix[index][index_-1]+1,matrix[index-1][index_-1]+cost)}return matrix[length1][length2]}function getMatchingScore(string1,string2){let distance=levenshteinDistance(string1,string2);let maxLength=Math.max(string1.length,string2.length);return maxLength===0?1:1-distance/maxLength}function getMatchingResults(string1,string2,threshold=.75){return getMatchingScore(string1,string2)>=threshold}function useStringMatching(string1,string2,threshold=.75){let _string1=computed(()=>normalizeString(toValue(string1)));let _string2=computed(()=>normalizeString(toValue(string2)));let score=computed(()=>getMatchingScore(_string1.value,_string2.value));return{isMatching:computed(()=>getMatchingResults(_string1.value,_string2.value,toValue(threshold))),score}}export{useStringMatching};

package/dist/composables/useSwipe.js

@@ -1,26 +1 @@
-import { Swipe } from "@maz-ui/utils/helpers/swipeHandler";
-import { ref, computed, toValue } from "vue";
-function useSwipe(options) {
-  const xDiff = ref(), yDiff = ref(), xStart = ref(), xEnd = ref(), yStart = ref(), yEnd = ref(), element = computed(() => toValue(options.element)), swiper = new Swipe({
-    ...options,
-    element: element.value,
-    onValuesChanged(values) {
-      xDiff.value = values.xDiff, yDiff.value = values.yDiff, xStart.value = values.xStart, xEnd.value = values.xEnd, yStart.value = values.yStart, yEnd.value = values.yEnd;
-    }
-  });
-  return {
-    xDiff,
-    yDiff,
-    xStart,
-    xEnd,
-    yStart,
-    yEnd,
-    start: () => {
-      element.value && (swiper.options.element = element.value), swiper.start();
-    },
-    stop: swiper.stop
-  };
-}
-export {
-  useSwipe
-};
+import{computed,ref,toValue}from"vue";import{Swipe}from"@maz-ui/utils/helpers/swipeHandler";function useSwipe(options){let xDiff=ref();let yDiff=ref();let xStart=ref();let xEnd=ref();let yStart=ref();let yEnd=ref();let element=computed(()=>toValue(options.element));let swiper=new Swipe({...options,element:element.value,onValuesChanged(values){xDiff.value=values.xDiff,yDiff.value=values.yDiff,xStart.value=values.xStart,xEnd.value=values.xEnd,yStart.value=values.yStart,yEnd.value=values.yEnd}});return{xDiff,yDiff,xStart,xEnd,yStart,yEnd,start:()=>{element.value&&(swiper.options.element=element.value),swiper.start()},stop:swiper.stop}}export{useSwipe};

package/dist/composables/useTimer.js

@@ -1,36 +1 @@
-import { ref } from "vue";
-function useTimer({ timeout = 1e3, callback, remainingTimeUpdate = 200, callbackOffsetTime = 0 }) {
-  const internalTimeout = ref(timeout), remainingTime = ref(timeout);
-  let timerId;
-  function start(timeout2) {
-    typeof timeout2 == "number" && (remainingTime.value = timeout2), typeof timeout2 == "number" && (internalTimeout.value = timeout2), startInterval();
-  }
-  function startInterval() {
-    timerId || (timerId = setInterval(() => {
-      remainingTime.value -= remainingTimeUpdate, remainingTime.value <= 0 && (stop(), setTimeout(() => callback?.(), callbackOffsetTime));
-    }, remainingTimeUpdate));
-  }
-  function pause() {
-    timerId && (clearInterval(timerId), timerId = void 0);
-  }
-  function resume() {
-    !timerId && remainingTime.value > 0 && startInterval();
-  }
-  function stop() {
-    setTimeout(() => remainingTime.value = internalTimeout.value, callbackOffsetTime * 2), pause();
-  }
-  function reset() {
-    remainingTime.value = internalTimeout.value;
-  }
-  return {
-    remainingTime,
-    start,
-    pause,
-    resume,
-    stop,
-    reset
-  };
-}
-export {
-  useTimer
-};
+import{ref}from"vue";function useTimer({timeout=1e3,callback,remainingTimeUpdate=200,callbackOffsetTime=0}){let internalTimeout=ref(timeout);let remainingTime=ref(timeout);let timerId;function start(timeout){typeof timeout==`number`&&(remainingTime.value=timeout),typeof timeout==`number`&&(internalTimeout.value=timeout),startInterval()}function startInterval(){timerId||=setInterval(()=>{remainingTime.value-=remainingTimeUpdate,remainingTime.value<=0&&(stop(),setTimeout(()=>callback?.(),callbackOffsetTime))},remainingTimeUpdate)}function pause(){timerId&&=(clearInterval(timerId),void 0)}function resume(){!timerId&&remainingTime.value>0&&startInterval()}function stop(){setTimeout(()=>remainingTime.value=internalTimeout.value,callbackOffsetTime*2),pause()}function reset(){remainingTime.value=internalTimeout.value}return{remainingTime,start,pause,resume,stop,reset}}export{useTimer};

package/dist/composables/useToast.js

@@ -1,14 +1 @@
-import { useInjectStrict } from "./useInjectStrict.js";
-function useToast() {
-  const toast = useInjectStrict("mazToast", void 0, "[maz-ui](useToast) ToastPlugin is not installed");
-  return {
-    message: toast.message.bind(toast),
-    success: toast.success.bind(toast),
-    error: toast.error.bind(toast),
-    info: toast.info.bind(toast),
-    warning: toast.warning.bind(toast)
-  };
-}
-export {
-  useToast
-};
+import{useInjectStrict}from"./useInjectStrict.js";function useToast(){let toast=useInjectStrict(`mazToast`,void 0,`[maz-ui](useToast) ToastPlugin is not installed`);return{message:toast.message.bind(toast),success:toast.success.bind(toast),error:toast.error.bind(toast),info:toast.info.bind(toast),warning:toast.warning.bind(toast)}}export{useToast};

package/dist/composables/useUserVisibility.js

@@ -1,10 +1 @@
-import { UserVisibility } from "@maz-ui/utils/helpers/userVisibility";
-function useUserVisibility({
-  callback,
-  options
-}) {
-  return new UserVisibility(callback, options);
-}
-export {
-  useUserVisibility
-};
+import{UserVisibility}from"@maz-ui/utils/helpers/userVisibility";function useUserVisibility({callback,options}){return new UserVisibility(callback,options)}export{useUserVisibility};