{"version":3,"sources":["../src/useZoomImageHover.ts"],"names":[],"mappings":";AAAA,SAAS,UAAU,mBAAmB;AACtC,SAAS,wBAAwB,6BAAwD;AAIlF,SAAS,oBAAoB;AAClC,MAAI;AACJ,QAAM,iBAAiB,SAA8B;AAAA,IACnD,SAAS;AAAA,IACT,iBAAiB;AAAA,EACnB,CAAC;AAED,QAAM,kBAAkB,IAAI,QAAkD;AAC5E,YAAQ,QAAQ;AAChB,aAAS,sBAAsB,GAAG,GAAG;AACrC,UAAM,eAAe,OAAO,SAAS;AACrC,eAAW,OAAO,cAAc;AAC9B,qBAAe,GAAG,IAAI,aAAa,GAAG;AAAA,IACxC;AAEA,WAAO,UAAU,CAAC,EAAE,kBAAkB,MAAM;AAC1C,iBAAW,OAAO,mBAAmB;AACnC,uBAAe,GAAG,IAAI,kBAAkB,GAAG;AAAA,MAC7C;AAAA,IACF,CAAC;AAAA,EACH;AAEA,cAAY,MAAM;AAChB,YAAQ,QAAQ;AAAA,EAClB,CAAC;AAED,QAAM,oBAAoB,CAAC,UAAqC;AAC9D,YAAQ,SAAS,KAAK;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF","sourcesContent":["import { reactive, onUnmounted } from \"vue\"\nimport { createZoomImageHover as _createZoomImageHover, ZoomImageHoverStateUpdate } from \"@zoom-image/core\"\n\nimport type { ZoomImageHoverState } from \"@zoom-image/core\"\n\nexport function useZoomImageHover() {\n  let result: ReturnType<typeof _createZoomImageHover> | undefined\n  const zoomImageState = reactive<ZoomImageHoverState>({\n    enabled: false,\n    zoomedImgStatus: \"idle\",\n  })\n\n  const createZoomImage = (...arg: Parameters<typeof _createZoomImageHover>) => {\n    result?.cleanup()\n    result = _createZoomImageHover(...arg)\n    const currentState = result.getState()\n    for (const key in currentState) {\n      zoomImageState[key] = currentState[key]\n    }\n\n    result.subscribe(({ updatedProperties }) => {\n      for (const key in updatedProperties) {\n        zoomImageState[key] = updatedProperties[key]\n      }\n    })\n  }\n\n  onUnmounted(() => {\n    result?.cleanup()\n  })\n\n  const setZoomImageState = (state: ZoomImageHoverStateUpdate) => {\n    result?.setState(state)\n  }\n\n  return {\n    createZoomImage,\n    zoomImageState,\n    setZoomImageState,\n  }\n}\n"]}