{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-focus-controller/index.ts"],"sourcesContent":["import {\n  getCurrentInstance,\n  onMounted,\n  ref,\n  shallowRef,\n  unref,\n  watch,\n} from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { isElement, isFocusable, isFunction } from '@element-plus/utils'\n\nimport type { ShallowRef } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\ninterface UseFocusControllerOptions {\n  disabled?: MaybeRef<boolean>\n  /**\n   * return true to cancel focus\n   * @param event FocusEvent\n   */\n  beforeFocus?: (event: FocusEvent) => boolean | undefined\n  afterFocus?: () => void\n  /**\n   * return true to cancel blur\n   * @param event FocusEvent\n   */\n  beforeBlur?: (event: FocusEvent) => boolean | undefined\n  afterBlur?: () => void\n}\n\nexport function useFocusController<T extends { focus: () => void }>(\n  target: ShallowRef<T | undefined>,\n  {\n    disabled,\n    beforeFocus,\n    afterFocus,\n    beforeBlur,\n    afterBlur,\n  }: UseFocusControllerOptions = {}\n) {\n  const instance = getCurrentInstance()!\n  const { emit } = instance\n  const wrapperRef = shallowRef<HTMLElement>()\n  const isFocused = ref(false)\n\n  const handleFocus = (event: FocusEvent) => {\n    const cancelFocus = isFunction(beforeFocus) ? beforeFocus(event) : false\n    if (unref(disabled) || isFocused.value || cancelFocus) return\n\n    isFocused.value = true\n    emit('focus', event)\n    afterFocus?.()\n  }\n\n  const handleBlur = (event: FocusEvent) => {\n    const cancelBlur = isFunction(beforeBlur) ? beforeBlur(event) : false\n    if (\n      unref(disabled) ||\n      (event.relatedTarget &&\n        wrapperRef.value?.contains(event.relatedTarget as Node)) ||\n      cancelBlur\n    )\n      return\n\n    isFocused.value = false\n    emit('blur', event)\n    afterBlur?.()\n  }\n\n  const handleClick = (event: Event) => {\n    if (\n      unref(disabled) ||\n      isFocusable(event.target as HTMLElement) ||\n      (wrapperRef.value?.contains(document.activeElement) &&\n        wrapperRef.value !== document.activeElement)\n    )\n      return\n\n    target.value?.focus()\n  }\n\n  watch([wrapperRef, () => unref(disabled)], ([el, disabled]) => {\n    if (!el) return\n    if (disabled) {\n      el.removeAttribute('tabindex')\n    } else {\n      el.setAttribute('tabindex', '-1')\n    }\n  })\n\n  useEventListener(wrapperRef, 'focus', handleFocus, true)\n  useEventListener(wrapperRef, 'blur', handleBlur, true)\n  useEventListener(wrapperRef, 'click', handleClick, true)\n\n  // only for test\n  if (process.env.NODE_ENV === 'test') {\n    onMounted(() => {\n      const targetEl = isElement(target.value)\n        ? target.value\n        : document.querySelector('input,textarea')\n\n      if (targetEl) {\n        useEventListener(targetEl, 'focus', handleFocus, true)\n        useEventListener(targetEl, 'blur', handleBlur, true)\n      }\n    })\n  }\n\n  return {\n    isFocused,\n    /** Avoid using wrapperRef and handleFocus/handleBlur together */\n    wrapperRef,\n    handleFocus,\n    handleBlur,\n  }\n}\n"],"names":["disabled"],"mappings":"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"}