@morscherlab/mint-sdk 1.2.0-beta.1 → 1.2.0-beta.10

package/dist/useDropdownState-DSb3BC3N.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDropdownState-DSb3BC3N.js","names":[],"sources":["../src/composables/useDropdownState.ts"],"sourcesContent":["import { ref, type Ref } from 'vue'\nimport { useEventListener } from './useEventListener'\n\nexport interface UseDropdownStateOptions {\n  closeOnOutsideClick?: boolean\n  closeOnEscape?: boolean\n  insideRefs?: Array<Ref<HTMLElement | null>>\n  onOpen?: () => void\n  onClose?: () => void\n}\n\nexport interface UseDropdownStateReturn {\n  isOpen: Ref<boolean>\n  rootRef: Ref<HTMLElement | null>\n  open: () => void\n  close: () => void\n  toggle: () => void\n  handleClickOutside: (event: MouseEvent) => void\n  handleKeydown: (event: KeyboardEvent) => void\n}\n\n/** Shared disclosure state for dropdown-style SDK components. */\nexport function useDropdownState(options: UseDropdownStateOptions = {}): UseDropdownStateReturn {\n  const isOpen = ref(false)\n  const rootRef = ref<HTMLElement | null>(null)\n  const closeOnOutsideClick = options.closeOnOutsideClick ?? true\n  const closeOnEscape = options.closeOnEscape ?? true\n\n  function open(): void {\n    if (isOpen.value) return\n    isOpen.value = true\n    options.onOpen?.()\n  }\n\n  function close(): void {\n    if (!isOpen.value) return\n    isOpen.value = false\n    options.onClose?.()\n  }\n\n  function toggle(): void {\n    if (isOpen.value) {\n      close()\n    } else {\n      open()\n    }\n  }\n\n  function handleClickOutside(event: MouseEvent): void {\n    if (!closeOnOutsideClick || !isOpen.value || !rootRef.value) return\n    const target = event.target\n    if (\n      target instanceof Node &&\n      !rootRef.value.contains(target) &&\n      !options.insideRefs?.some(ref => ref.value?.contains(target))\n    ) {\n      close()\n    }\n  }\n\n  function handleKeydown(event: KeyboardEvent): void {\n    if (closeOnEscape && event.key === 'Escape') {\n      close()\n    }\n  }\n\n  if (closeOnOutsideClick) {\n    useEventListener(() => document, 'click', handleClickOutside)\n  }\n  if (closeOnEscape) {\n    useEventListener(() => document, 'keydown', handleKeydown)\n  }\n\n  return {\n    isOpen,\n    rootRef,\n    open,\n    close,\n    toggle,\n    handleClickOutside,\n    handleKeydown,\n  }\n}\n"],"mappings":";;;;AAsBA,SAAgB,iBAAiB,UAAmC,EAAE,EAA0B;CAC9F,MAAM,SAAS,IAAI,MAAM;CACzB,MAAM,UAAU,IAAwB,KAAK;CAC7C,MAAM,sBAAsB,QAAQ,uBAAuB;CAC3D,MAAM,gBAAgB,QAAQ,iBAAiB;CAE/C,SAAS,OAAa;AACpB,MAAI,OAAO,MAAO;AAClB,SAAO,QAAQ;AACf,UAAQ,UAAU;;CAGpB,SAAS,QAAc;AACrB,MAAI,CAAC,OAAO,MAAO;AACnB,SAAO,QAAQ;AACf,UAAQ,WAAW;;CAGrB,SAAS,SAAe;AACtB,MAAI,OAAO,MACT,QAAO;MAEP,OAAM;;CAIV,SAAS,mBAAmB,OAAyB;AACnD,MAAI,CAAC,uBAAuB,CAAC,OAAO,SAAS,CAAC,QAAQ,MAAO;EAC7D,MAAM,SAAS,MAAM;AACrB,MACE,kBAAkB,QAClB,CAAC,QAAQ,MAAM,SAAS,OAAO,IAC/B,CAAC,QAAQ,YAAY,MAAK,QAAO,IAAI,OAAO,SAAS,OAAO,CAAC,CAE7D,QAAO;;CAIX,SAAS,cAAc,OAA4B;AACjD,MAAI,iBAAiB,MAAM,QAAQ,SACjC,QAAO;;AAIX,KAAI,oBACF,wBAAuB,UAAU,SAAS,mBAAmB;AAE/D,KAAI,cACF,wBAAuB,UAAU,WAAW,cAAc;AAG5D,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}