{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-same-target/index.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\n\nexport const useSameTarget = (handleClick?: (e: MouseEvent) => void) => {\n  if (!handleClick) {\n    return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP }\n  }\n\n  let mousedownTarget = false\n  let mouseupTarget = false\n  // refer to this https://javascript.info/mouse-events-basics\n  // events fired in the order: mousedown -> mouseup -> click\n  // we need to set the mousedown handle to false after click fired.\n  const onClick = (e: MouseEvent) => {\n    // if and only if\n    if (mousedownTarget && mouseupTarget) {\n      handleClick(e)\n    }\n    mousedownTarget = mouseupTarget = false\n  }\n\n  const onMousedown = (e: MouseEvent) => {\n    // marking current mousedown target.\n    mousedownTarget = e.target === e.currentTarget\n  }\n  const onMouseup = (e: MouseEvent) => {\n    // marking current mouseup target.\n    mouseupTarget = e.target === e.currentTarget\n  }\n\n  return { onClick, onMousedown, onMouseup }\n}\n"],"names":[],"mappings":";;MAEa,gBAAgB,CAAC,gBAA0C;AACtE,MAAI,CAAC,aAAa;AAChB,WAAO,EAAE,SAAS,MAAM,aAAa,MAAM,WAAW;AAAA;AAGxD,MAAI,kBAAkB;AACtB,MAAI,gBAAgB;AAIpB,QAAM,UAAU,CAAC,MAAkB;AAEjC,QAAI,mBAAmB,eAAe;AACpC,kBAAY;AAAA;AAEd,sBAAkB,gBAAgB;AAAA;AAGpC,QAAM,cAAc,CAAC,MAAkB;AAErC,sBAAkB,EAAE,WAAW,EAAE;AAAA;AAEnC,QAAM,YAAY,CAAC,MAAkB;AAEnC,oBAAgB,EAAE,WAAW,EAAE;AAAA;AAGjC,SAAO,EAAE,SAAS,aAAa;AAAA;;;;"}