bootstrap-vue-next/dist/useFormInput-Dru3Y8-y.mjs.map

BootstrapVueNext is an early and lovely component library for Vue 3 & Nuxt 3 based on Bootstrap 5 and Typescript.

{"version":3,"file":"useFormInput-Dru3Y8-y.mjs","sources":["../src/utils/normalizeInput.ts","../src/utils/debounce.ts","../src/composables/useFormInput.ts"],"sourcesContent":["import type {Numberish} from '../types/CommonTypes'\n\nexport const normalizeInput = (\n  v: Numberish | null,\n  modelModifiers: Record<'number' | 'lazy' | 'trim', true | undefined>\n) => {\n  if (v === null) return\n  let update = v\n  if (modelModifiers.number && typeof update === 'string' && update !== '') {\n    const parsed = Number.parseFloat(update)\n    update = Number.isNaN(parsed) ? update : parsed\n  }\n  return update\n}\n","import {type MaybeRefOrGetter, toValue} from 'vue'\nimport type {\n  AnyFn,\n  ArgumentsType,\n  DebounceFilterOptions,\n  EventFilter,\n  FunctionArgs,\n  UseDebounceFnReturn,\n} from '@vueuse/core'\n\nexport const noop = () => {}\n\n/**\n * @internal\n */\nfunction createFilterWrapper<T extends AnyFn>(filter: EventFilter & {cancel: () => void}, fn: T) {\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  function wrapper(this: any, ...args: ArgumentsType<T>) {\n    return new Promise<Awaited<ReturnType<T>>>((resolve, reject) => {\n      // make sure it's a promise\n      Promise.resolve(filter(() => fn.apply(this, args), {fn, thisArg: this, args}))\n        .then(resolve)\n        .catch(reject)\n    })\n  }\n\n  // https://github.com/vueuse/vueuse/pull/4561\n  wrapper.cancel = filter.cancel\n  return wrapper\n}\n\n/**\n * Create an EventFilter that debounce the events\n */\nfunction debounceFilter(ms: MaybeRefOrGetter<number>, options: DebounceFilterOptions = {}) {\n  let timer: ReturnType<typeof setTimeout> | undefined\n  let maxTimer: ReturnType<typeof setTimeout> | undefined | null\n  let lastRejector: AnyFn = noop\n\n  const _clearTimeout = (timer: ReturnType<typeof setTimeout>) => {\n    clearTimeout(timer)\n    lastRejector()\n    lastRejector = noop\n  }\n\n  let lastInvoker: () => void\n\n  const filter: EventFilter & {cancel: () => void} = (invoke) => {\n    const duration = toValue(ms)\n    const maxDuration = toValue(options.maxWait)\n\n    if (timer) _clearTimeout(timer)\n\n    if (duration <= 0 || (maxDuration !== undefined && maxDuration <= 0)) {\n      if (maxTimer) {\n        _clearTimeout(maxTimer)\n        maxTimer = null\n      }\n      return Promise.resolve(invoke())\n    }\n\n    return new Promise((resolve, reject) => {\n      lastRejector = options.rejectOnCancel ? reject : resolve\n      lastInvoker = invoke\n      // Create the maxTimer. Clears the regular timer on invoke\n      if (maxDuration && !maxTimer) {\n        maxTimer = setTimeout(() => {\n          if (timer) _clearTimeout(timer)\n          maxTimer = null\n          resolve(lastInvoker())\n        }, maxDuration)\n      }\n\n      // Create the regular timer. Clears the max timer on invoke\n      timer = setTimeout(() => {\n        if (maxTimer) _clearTimeout(maxTimer)\n        maxTimer = null\n        resolve(invoke())\n      }, duration)\n    })\n  }\n\n  // https://github.com/vueuse/vueuse/pull/4561\n  filter.cancel = () => {\n    if (timer) _clearTimeout(timer)\n    if (maxTimer) _clearTimeout(maxTimer)\n    maxTimer = null\n  }\n\n  return filter\n}\n\n/**\n * Debounce execution of a function.\n *\n * @see https://vueuse.org/useDebounceFn\n * @param  fn          A function to be executed after delay milliseconds debounced.\n * @param  ms          A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n * @param  options     Options\n *\n * @return A new, debounce, function, provided with a cancel method.\n */\nexport function useDebounceFn<T extends FunctionArgs>(\n  fn: T,\n  ms: MaybeRefOrGetter<number> = 200,\n  options: DebounceFilterOptions = {}\n): UseDebounceFnReturn<T> & {cancel: () => void} {\n  return createFilterWrapper(debounceFilter(ms, options), fn)\n}\n","import type {Numberish} from '../types/CommonTypes'\nimport {\n  computed,\n  inject,\n  nextTick,\n  onActivated,\n  onMounted,\n  ref,\n  type Ref,\n  type ShallowRef,\n} from 'vue'\nimport {useAriaInvalid} from './useAriaInvalid'\nimport {useId} from './useId'\nimport {useFocus, useToNumber} from '@vueuse/core'\nimport type {CommonInputProps} from '../types/FormCommonInputProps'\nimport {formGroupPluginKey} from '../utils/keys'\nimport {useDebounceFn} from '../utils/debounce'\nimport {useStateClass} from './useStateClass'\n\nexport const useFormInput = (\n  props: Readonly<CommonInputProps>,\n  input:\n    | Readonly<ShallowRef<HTMLInputElement | null>>\n    | Readonly<ShallowRef<HTMLTextAreaElement | null>>,\n  modelValue: Ref<Numberish | null>,\n  modelModifiers: Record<'number' | 'lazy' | 'trim', true | undefined>\n) => {\n  const forceUpdateKey = ref(0)\n\n  const computedId = useId(() => props.id, 'input')\n  const debounceNumber = useToNumber(() => props.debounce ?? 0, {nanToZero: true})\n  const debounceMaxWaitNumber = useToNumber(() => props.debounceMaxWait ?? NaN)\n\n  // This automatically adds the appropriate \"for\" attribute to a BFormGroup label\n  const formGroupData = inject(formGroupPluginKey, null)?.(computedId)\n  const computedState = computed(() =>\n    props.state !== undefined ? props.state : (formGroupData?.state.value ?? null)\n  )\n  const computedAriaInvalid = useAriaInvalid(() => props.ariaInvalid, computedState)\n  const stateClass = useStateClass(computedState)\n\n  const internalUpdateModelValue = useDebounceFn(\n    (value: Numberish) => {\n      modelValue.value = value\n    },\n    () => (modelModifiers.lazy === true ? 0 : debounceNumber.value),\n    {maxWait: () => (modelModifiers.lazy === true ? NaN : debounceMaxWaitNumber.value)}\n  )\n\n  const updateModelValue = (value: Numberish, force = false, immediate = false) => {\n    if (modelModifiers.lazy === true && force === false) return\n    if (immediate) {\n      modelValue.value = value\n    } else {\n      internalUpdateModelValue(value)\n    }\n  }\n\n  const {focused} = useFocus(input, {\n    initialValue: props.autofocus,\n  })\n\n  const _formatValue = (value: string, evt: Readonly<Event>, force = false) => {\n    if (props.formatter !== undefined && (!props.lazyFormatter || force)) {\n      return props.formatter(value, evt)\n    }\n    return value\n  }\n  onMounted(() => {\n    if (input.value) {\n      input.value.value = modelValue.value?.toString() ?? ''\n    }\n  })\n\n  onActivated(() => {\n    nextTick(() => {\n      if (props.autofocus) {\n        focused.value = true\n      }\n    })\n  })\n\n  const onInput = (evt: Readonly<Event>) => {\n    const {value} = evt.target as HTMLInputElement\n    const formattedValue = _formatValue(value, evt)\n    if (evt.defaultPrevented) {\n      evt.preventDefault()\n      return\n    }\n\n    const nextModel = formattedValue\n\n    updateModelValue(nextModel)\n  }\n\n  const onChange = (evt: Readonly<Event>) => {\n    const {value} = evt.target as HTMLInputElement\n    const formattedValue = _formatValue(value, evt)\n    if (evt.defaultPrevented) {\n      evt.preventDefault()\n      return\n    }\n\n    const nextModel = formattedValue\n    if (modelValue.value !== nextModel) {\n      updateModelValue(formattedValue, true)\n    }\n  }\n\n  const onBlur = (evt: Readonly<FocusEvent>) => {\n    if (\n      !modelModifiers.lazy &&\n      !props.lazyFormatter &&\n      !modelModifiers.trim &&\n      debounceNumber.value <= 0\n    )\n      return\n\n    const {value} = evt.target as HTMLInputElement\n    const formattedValue = _formatValue(value, evt, true)\n\n    const nextModel = modelModifiers.trim ? formattedValue.trim() : formattedValue\n    const needsForceUpdate = nextModel.length !== formattedValue.length\n    // Cancel before modelValue.value comparison and update\n    internalUpdateModelValue.cancel()\n    if (modelValue.value !== nextModel) {\n      updateModelValue(formattedValue, true, true)\n    }\n    if (modelModifiers.trim && needsForceUpdate) {\n      // The value is trimmed but there would still exist some white space\n      // So, force update the value. You need to bind this to :key on the input element\n      forceUpdateKey.value = forceUpdateKey.value + 1\n    }\n  }\n\n  const focus = () => {\n    if (!props.disabled) {\n      focused.value = true\n    }\n  }\n\n  const blur = () => {\n    if (!props.disabled) {\n      focused.value = false\n    }\n  }\n\n  return {\n    input,\n    computedId,\n    computedAriaInvalid,\n    onInput,\n    onChange,\n    onBlur,\n    focus,\n    blur,\n    forceUpdateKey,\n    stateClass,\n  }\n}\n"],"names":["timer","_a"],"mappings":"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"}