@mantine-bites/lightbox 1.0.0-beta.9 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (278) hide show
  1. package/README.md +7 -8
  2. package/dist/cjs/Lightbox.cjs +41 -201
  3. package/dist/cjs/Lightbox.cjs.map +1 -1
  4. package/dist/cjs/Lightbox.context-value.cjs +47 -0
  5. package/dist/cjs/Lightbox.context-value.cjs.map +1 -0
  6. package/dist/cjs/Lightbox.context.cjs.map +1 -1
  7. package/dist/cjs/Lightbox.defaults.cjs +3 -8
  8. package/dist/cjs/Lightbox.defaults.cjs.map +1 -1
  9. package/dist/cjs/Lightbox.module.css.cjs +1 -1
  10. package/dist/cjs/LightboxSlide.cjs +72 -5
  11. package/dist/cjs/LightboxSlide.cjs.map +1 -1
  12. package/dist/cjs/LightboxSlide.context.cjs +12 -0
  13. package/dist/cjs/LightboxSlide.context.cjs.map +1 -0
  14. package/dist/cjs/components/LightboxAutoplayButton.cjs +43 -0
  15. package/dist/cjs/components/LightboxAutoplayButton.cjs.map +1 -0
  16. package/dist/cjs/components/LightboxCarousel.cjs +29 -0
  17. package/dist/cjs/components/LightboxCarousel.cjs.map +1 -0
  18. package/dist/cjs/components/LightboxCarouselSlide.context.cjs +12 -0
  19. package/dist/cjs/components/LightboxCarouselSlide.context.cjs.map +1 -0
  20. package/dist/cjs/components/LightboxCloseButton.cjs +33 -0
  21. package/dist/cjs/components/LightboxCloseButton.cjs.map +1 -0
  22. package/dist/cjs/components/LightboxContent.cjs +38 -0
  23. package/dist/cjs/components/LightboxContent.cjs.map +1 -0
  24. package/dist/cjs/components/LightboxControls.cjs +68 -0
  25. package/dist/cjs/components/LightboxControls.cjs.map +1 -0
  26. package/dist/cjs/components/LightboxCounter.cjs +34 -0
  27. package/dist/cjs/components/LightboxCounter.cjs.map +1 -0
  28. package/dist/cjs/components/LightboxFullscreenButton.cjs +41 -0
  29. package/dist/cjs/components/LightboxFullscreenButton.cjs.map +1 -0
  30. package/dist/cjs/components/LightboxOverlay.cjs +40 -0
  31. package/dist/cjs/components/LightboxOverlay.cjs.map +1 -0
  32. package/dist/cjs/components/LightboxPreset.cjs +32 -0
  33. package/dist/cjs/components/LightboxPreset.cjs.map +1 -0
  34. package/dist/cjs/components/LightboxRoot.cjs +260 -0
  35. package/dist/cjs/components/LightboxRoot.cjs.map +1 -0
  36. package/dist/cjs/components/LightboxSlide.cjs +154 -0
  37. package/dist/cjs/components/LightboxSlide.cjs.map +1 -0
  38. package/dist/cjs/components/LightboxSlide.context.cjs +12 -0
  39. package/dist/cjs/components/LightboxSlide.context.cjs.map +1 -0
  40. package/dist/cjs/components/LightboxSlides.cjs +97 -77
  41. package/dist/cjs/components/LightboxSlides.cjs.map +1 -1
  42. package/dist/cjs/components/LightboxThumbnail.cjs +40 -0
  43. package/dist/cjs/components/LightboxThumbnail.cjs.map +1 -0
  44. package/dist/cjs/components/LightboxThumbnail.context.cjs +12 -0
  45. package/dist/cjs/components/LightboxThumbnail.context.cjs.map +1 -0
  46. package/dist/cjs/components/LightboxThumbnails.cjs +110 -32
  47. package/dist/cjs/components/LightboxThumbnails.cjs.map +1 -1
  48. package/dist/cjs/components/LightboxToolbar.cjs +83 -70
  49. package/dist/cjs/components/LightboxToolbar.cjs.map +1 -1
  50. package/dist/cjs/components/LightboxZoomButton.cjs +39 -0
  51. package/dist/cjs/components/LightboxZoomButton.cjs.map +1 -0
  52. package/dist/cjs/components/icons/EnterFullscreen.cjs +30 -0
  53. package/dist/cjs/components/icons/EnterFullscreen.cjs.map +1 -0
  54. package/dist/cjs/components/icons/ExitFullscreen.cjs +30 -0
  55. package/dist/cjs/components/icons/ExitFullscreen.cjs.map +1 -0
  56. package/dist/cjs/components/icons/Pause.cjs +28 -0
  57. package/dist/cjs/components/icons/Pause.cjs.map +1 -0
  58. package/dist/cjs/components/icons/Play.cjs +22 -0
  59. package/dist/cjs/components/icons/Play.cjs.map +1 -0
  60. package/dist/cjs/components/icons/ZoomIn.cjs +30 -0
  61. package/dist/cjs/components/icons/ZoomIn.cjs.map +1 -0
  62. package/dist/cjs/components/icons/ZoomOut.cjs +29 -0
  63. package/dist/cjs/components/icons/ZoomOut.cjs.map +1 -0
  64. package/dist/cjs/context/LightboxContext.cjs +12 -0
  65. package/dist/cjs/context/LightboxContext.cjs.map +1 -0
  66. package/dist/cjs/context/LightboxSlideContext.cjs +12 -0
  67. package/dist/cjs/context/LightboxSlideContext.cjs.map +1 -0
  68. package/dist/cjs/context/LightboxThumbnailContext.cjs +12 -0
  69. package/dist/cjs/context/LightboxThumbnailContext.cjs.map +1 -0
  70. package/dist/cjs/hooks/useAutoPlay.cjs +30 -15
  71. package/dist/cjs/hooks/useAutoPlay.cjs.map +1 -1
  72. package/dist/cjs/hooks/useLightbox.cjs +62 -117
  73. package/dist/cjs/hooks/useLightbox.cjs.map +1 -1
  74. package/dist/cjs/hooks/useLightboxRootOptions.cjs +20 -0
  75. package/dist/cjs/hooks/useLightboxRootOptions.cjs.map +1 -0
  76. package/dist/cjs/hooks/useSlideInteractions.cjs +13 -13
  77. package/dist/cjs/hooks/useSlideInteractions.cjs.map +1 -1
  78. package/dist/cjs/hooks/useThumbnails.cjs +14 -11
  79. package/dist/cjs/hooks/useThumbnails.cjs.map +1 -1
  80. package/dist/cjs/hooks/useZoom.cjs +37 -38
  81. package/dist/cjs/hooks/useZoom.cjs.map +1 -1
  82. package/dist/cjs/index.cjs +26 -2
  83. package/dist/cjs/index.cjs.map +1 -1
  84. package/dist/cjs/styles/Lightbox.module.css.cjs +7 -0
  85. package/dist/cjs/styles/Lightbox.module.css.cjs.map +1 -0
  86. package/dist/cjs/utils/pointer.cjs +50 -0
  87. package/dist/cjs/utils/pointer.cjs.map +1 -0
  88. package/dist/cjs/utils/zoom.cjs +2 -51
  89. package/dist/cjs/utils/zoom.cjs.map +1 -1
  90. package/dist/esm/Lightbox.context-value.mjs +45 -0
  91. package/dist/esm/Lightbox.context-value.mjs.map +1 -0
  92. package/dist/esm/Lightbox.context.mjs.map +1 -1
  93. package/dist/esm/Lightbox.defaults.mjs +3 -8
  94. package/dist/esm/Lightbox.defaults.mjs.map +1 -1
  95. package/dist/esm/Lightbox.mjs +43 -203
  96. package/dist/esm/Lightbox.mjs.map +1 -1
  97. package/dist/esm/Lightbox.module.css.mjs +1 -1
  98. package/dist/esm/LightboxSlide.context.mjs +9 -0
  99. package/dist/esm/LightboxSlide.context.mjs.map +1 -0
  100. package/dist/esm/LightboxSlide.mjs +73 -6
  101. package/dist/esm/LightboxSlide.mjs.map +1 -1
  102. package/dist/esm/components/LightboxAutoplayButton.mjs +41 -0
  103. package/dist/esm/components/LightboxAutoplayButton.mjs.map +1 -0
  104. package/dist/esm/components/LightboxCarousel.mjs +27 -0
  105. package/dist/esm/components/LightboxCarousel.mjs.map +1 -0
  106. package/dist/esm/components/LightboxCarouselSlide.context.mjs +9 -0
  107. package/dist/esm/components/LightboxCarouselSlide.context.mjs.map +1 -0
  108. package/dist/esm/components/LightboxCloseButton.mjs +31 -0
  109. package/dist/esm/components/LightboxCloseButton.mjs.map +1 -0
  110. package/dist/esm/components/LightboxContent.mjs +36 -0
  111. package/dist/esm/components/LightboxContent.mjs.map +1 -0
  112. package/dist/esm/components/LightboxControls.mjs +66 -0
  113. package/dist/esm/components/LightboxControls.mjs.map +1 -0
  114. package/dist/esm/components/LightboxCounter.mjs +32 -0
  115. package/dist/esm/components/LightboxCounter.mjs.map +1 -0
  116. package/dist/esm/components/LightboxFullscreenButton.mjs +39 -0
  117. package/dist/esm/components/LightboxFullscreenButton.mjs.map +1 -0
  118. package/dist/esm/components/LightboxOverlay.mjs +38 -0
  119. package/dist/esm/components/LightboxOverlay.mjs.map +1 -0
  120. package/dist/esm/components/LightboxPreset.mjs +30 -0
  121. package/dist/esm/components/LightboxPreset.mjs.map +1 -0
  122. package/dist/esm/components/LightboxRoot.mjs +258 -0
  123. package/dist/esm/components/LightboxRoot.mjs.map +1 -0
  124. package/dist/esm/components/LightboxSlide.context.mjs +9 -0
  125. package/dist/esm/components/LightboxSlide.context.mjs.map +1 -0
  126. package/dist/esm/components/LightboxSlide.mjs +152 -0
  127. package/dist/esm/components/LightboxSlide.mjs.map +1 -0
  128. package/dist/esm/components/LightboxSlides.mjs +98 -78
  129. package/dist/esm/components/LightboxSlides.mjs.map +1 -1
  130. package/dist/esm/components/LightboxThumbnail.context.mjs +9 -0
  131. package/dist/esm/components/LightboxThumbnail.context.mjs.map +1 -0
  132. package/dist/esm/components/LightboxThumbnail.mjs +38 -0
  133. package/dist/esm/components/LightboxThumbnail.mjs.map +1 -0
  134. package/dist/esm/components/LightboxThumbnails.mjs +111 -33
  135. package/dist/esm/components/LightboxThumbnails.mjs.map +1 -1
  136. package/dist/esm/components/LightboxToolbar.mjs +85 -72
  137. package/dist/esm/components/LightboxToolbar.mjs.map +1 -1
  138. package/dist/esm/components/LightboxZoomButton.mjs +37 -0
  139. package/dist/esm/components/LightboxZoomButton.mjs.map +1 -0
  140. package/dist/esm/components/icons/EnterFullscreen.mjs +28 -0
  141. package/dist/esm/components/icons/EnterFullscreen.mjs.map +1 -0
  142. package/dist/esm/components/icons/ExitFullscreen.mjs +28 -0
  143. package/dist/esm/components/icons/ExitFullscreen.mjs.map +1 -0
  144. package/dist/esm/components/icons/Pause.mjs +26 -0
  145. package/dist/esm/components/icons/Pause.mjs.map +1 -0
  146. package/dist/esm/components/icons/Play.mjs +20 -0
  147. package/dist/esm/components/icons/Play.mjs.map +1 -0
  148. package/dist/esm/components/icons/ZoomIn.mjs +28 -0
  149. package/dist/esm/components/icons/ZoomIn.mjs.map +1 -0
  150. package/dist/esm/components/icons/ZoomOut.mjs +27 -0
  151. package/dist/esm/components/icons/ZoomOut.mjs.map +1 -0
  152. package/dist/esm/context/LightboxContext.mjs +9 -0
  153. package/dist/esm/context/LightboxContext.mjs.map +1 -0
  154. package/dist/esm/context/LightboxSlideContext.mjs +9 -0
  155. package/dist/esm/context/LightboxSlideContext.mjs.map +1 -0
  156. package/dist/esm/context/LightboxThumbnailContext.mjs +9 -0
  157. package/dist/esm/context/LightboxThumbnailContext.mjs.map +1 -0
  158. package/dist/esm/hooks/useAutoPlay.mjs +22 -7
  159. package/dist/esm/hooks/useAutoPlay.mjs.map +1 -1
  160. package/dist/esm/hooks/useLightbox.mjs +58 -113
  161. package/dist/esm/hooks/useLightbox.mjs.map +1 -1
  162. package/dist/esm/hooks/useLightboxRootOptions.mjs +18 -0
  163. package/dist/esm/hooks/useLightboxRootOptions.mjs.map +1 -0
  164. package/dist/esm/hooks/useSlideInteractions.mjs +1 -1
  165. package/dist/esm/hooks/useSlideInteractions.mjs.map +1 -1
  166. package/dist/esm/hooks/useThumbnails.mjs +7 -4
  167. package/dist/esm/hooks/useThumbnails.mjs.map +1 -1
  168. package/dist/esm/hooks/useZoom.mjs +6 -7
  169. package/dist/esm/hooks/useZoom.mjs.map +1 -1
  170. package/dist/esm/index.mjs +13 -1
  171. package/dist/esm/index.mjs.map +1 -1
  172. package/dist/esm/styles/Lightbox.module.css.mjs +5 -0
  173. package/dist/esm/styles/Lightbox.module.css.mjs.map +1 -0
  174. package/dist/esm/utils/pointer.mjs +41 -0
  175. package/dist/esm/utils/pointer.mjs.map +1 -0
  176. package/dist/esm/utils/zoom.mjs +3 -44
  177. package/dist/esm/utils/zoom.mjs.map +1 -1
  178. package/dist/styles.css +1 -1
  179. package/dist/styles.layer.css +1 -1
  180. package/dist/types/Lightbox.context-value.d.ts +16 -0
  181. package/dist/types/Lightbox.context-value.d.ts.map +1 -0
  182. package/dist/types/Lightbox.context.d.ts +17 -15
  183. package/dist/types/Lightbox.context.d.ts.map +1 -1
  184. package/dist/types/Lightbox.d.ts +56 -97
  185. package/dist/types/Lightbox.d.ts.map +1 -1
  186. package/dist/types/Lightbox.defaults.d.ts +3 -8
  187. package/dist/types/Lightbox.defaults.d.ts.map +1 -1
  188. package/dist/types/Lightbox.story.d.ts +2 -2
  189. package/dist/types/Lightbox.story.d.ts.map +1 -1
  190. package/dist/types/LightboxSlide.context.d.ts +8 -0
  191. package/dist/types/LightboxSlide.context.d.ts.map +1 -0
  192. package/dist/types/LightboxSlide.d.ts +0 -3
  193. package/dist/types/LightboxSlide.d.ts.map +1 -1
  194. package/dist/types/__tests__/Lightbox.test.d.ts +2 -0
  195. package/dist/types/__tests__/Lightbox.test.d.ts.map +1 -0
  196. package/dist/types/__tests__/LightboxSimple.test.d.ts +2 -0
  197. package/dist/types/__tests__/LightboxSimple.test.d.ts.map +1 -0
  198. package/dist/types/__tests__/pointer.test.d.ts +2 -0
  199. package/dist/types/__tests__/pointer.test.d.ts.map +1 -0
  200. package/dist/types/__tests__/zoom.test.d.ts +2 -0
  201. package/dist/types/__tests__/zoom.test.d.ts.map +1 -0
  202. package/dist/types/components/LightboxAutoplayButton.d.ts +17 -0
  203. package/dist/types/components/LightboxAutoplayButton.d.ts.map +1 -0
  204. package/dist/types/components/LightboxCarousel.d.ts +6 -0
  205. package/dist/types/components/LightboxCarousel.d.ts.map +1 -0
  206. package/dist/types/components/LightboxCarouselSlide.context.d.ts +10 -0
  207. package/dist/types/components/LightboxCarouselSlide.context.d.ts.map +1 -0
  208. package/dist/types/components/LightboxCloseButton.d.ts +17 -0
  209. package/dist/types/components/LightboxCloseButton.d.ts.map +1 -0
  210. package/dist/types/components/LightboxContent.d.ts +14 -0
  211. package/dist/types/components/LightboxContent.d.ts.map +1 -0
  212. package/dist/types/components/LightboxControls.d.ts +19 -0
  213. package/dist/types/components/LightboxControls.d.ts.map +1 -0
  214. package/dist/types/components/LightboxCounter.d.ts +19 -0
  215. package/dist/types/components/LightboxCounter.d.ts.map +1 -0
  216. package/dist/types/components/LightboxFullscreenButton.d.ts +17 -0
  217. package/dist/types/components/LightboxFullscreenButton.d.ts.map +1 -0
  218. package/dist/types/components/LightboxOverlay.d.ts +4 -0
  219. package/dist/types/components/LightboxOverlay.d.ts.map +1 -0
  220. package/dist/types/components/LightboxPreset.d.ts +10 -0
  221. package/dist/types/components/LightboxPreset.d.ts.map +1 -0
  222. package/dist/types/components/LightboxRoot.d.ts +80 -0
  223. package/dist/types/components/LightboxRoot.d.ts.map +1 -0
  224. package/dist/types/components/LightboxSlide.context.d.ts +8 -0
  225. package/dist/types/components/LightboxSlide.context.d.ts.map +1 -0
  226. package/dist/types/components/LightboxSlide.d.ts +17 -0
  227. package/dist/types/components/LightboxSlide.d.ts.map +1 -0
  228. package/dist/types/components/LightboxSlides.d.ts +23 -1
  229. package/dist/types/components/LightboxSlides.d.ts.map +1 -1
  230. package/dist/types/components/LightboxThumbnail.context.d.ts +8 -0
  231. package/dist/types/components/LightboxThumbnail.context.d.ts.map +1 -0
  232. package/dist/types/components/LightboxThumbnail.d.ts +17 -0
  233. package/dist/types/components/LightboxThumbnail.d.ts.map +1 -0
  234. package/dist/types/components/LightboxThumbnails.d.ts +18 -6
  235. package/dist/types/components/LightboxThumbnails.d.ts.map +1 -1
  236. package/dist/types/components/LightboxToolbar.d.ts +16 -1
  237. package/dist/types/components/LightboxToolbar.d.ts.map +1 -1
  238. package/dist/types/components/LightboxZoomButton.d.ts +17 -0
  239. package/dist/types/components/LightboxZoomButton.d.ts.map +1 -0
  240. package/dist/types/components/icons/EnterFullscreen.d.ts +3 -0
  241. package/dist/types/components/icons/EnterFullscreen.d.ts.map +1 -0
  242. package/dist/types/components/icons/ExitFullscreen.d.ts +3 -0
  243. package/dist/types/components/icons/ExitFullscreen.d.ts.map +1 -0
  244. package/dist/types/components/icons/Pause.d.ts +3 -0
  245. package/dist/types/components/icons/Pause.d.ts.map +1 -0
  246. package/dist/types/components/icons/Play.d.ts +3 -0
  247. package/dist/types/components/icons/Play.d.ts.map +1 -0
  248. package/dist/types/components/icons/ZoomIn.d.ts +3 -0
  249. package/dist/types/components/icons/ZoomIn.d.ts.map +1 -0
  250. package/dist/types/components/icons/ZoomOut.d.ts +3 -0
  251. package/dist/types/components/icons/ZoomOut.d.ts.map +1 -0
  252. package/dist/types/context/LightboxContext.d.ts +46 -0
  253. package/dist/types/context/LightboxContext.d.ts.map +1 -0
  254. package/dist/types/context/LightboxSlideContext.d.ts +8 -0
  255. package/dist/types/context/LightboxSlideContext.d.ts.map +1 -0
  256. package/dist/types/context/LightboxThumbnailContext.d.ts +8 -0
  257. package/dist/types/context/LightboxThumbnailContext.d.ts.map +1 -0
  258. package/dist/types/hooks/useAutoPlay.d.ts +1 -1
  259. package/dist/types/hooks/useAutoPlay.d.ts.map +1 -1
  260. package/dist/types/hooks/useLightbox.d.ts +5 -28
  261. package/dist/types/hooks/useLightbox.d.ts.map +1 -1
  262. package/dist/types/hooks/useLightboxRootOptions.d.ts +12 -0
  263. package/dist/types/hooks/useLightboxRootOptions.d.ts.map +1 -0
  264. package/dist/types/hooks/useSlideInteractions.d.ts +3 -3
  265. package/dist/types/hooks/useThumbnails.d.ts +5 -4
  266. package/dist/types/hooks/useThumbnails.d.ts.map +1 -1
  267. package/dist/types/hooks/useZoom.d.ts +2 -9
  268. package/dist/types/hooks/useZoom.d.ts.map +1 -1
  269. package/dist/types/index.d.mts +27 -3
  270. package/dist/types/index.d.ts +27 -3
  271. package/dist/types/index.d.ts.map +1 -1
  272. package/dist/types/stories/Lightbox.story.d.ts +11 -0
  273. package/dist/types/stories/Lightbox.story.d.ts.map +1 -0
  274. package/dist/types/utils/pointer.d.ts +63 -0
  275. package/dist/types/utils/pointer.d.ts.map +1 -0
  276. package/dist/types/utils/zoom.d.ts +0 -62
  277. package/dist/types/utils/zoom.d.ts.map +1 -1
  278. package/package.json +2 -4
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExitFullscreen.mjs","sources":["../../../../src/components/icons/ExitFullscreen.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nexport const ExitFullscreen = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\taria-hidden=\"true\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"16\"\n\t\theight=\"16\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"2\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\t{...props}\n\t>\n\t\t<polyline points=\"4 14 10 14 10 20\" />\n\t\t<polyline points=\"20 10 14 10 14 4\" />\n\t\t<line x1=\"14\" y1=\"10\" x2=\"21\" y2=\"3\" />\n\t\t<line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\" />\n\t</svg>\n);\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,26 @@
1
+ 'use client';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+
4
+ const Pause = (props) => /* @__PURE__ */ jsxs(
5
+ "svg",
6
+ {
7
+ "aria-hidden": "true",
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ width: "16",
10
+ height: "16",
11
+ viewBox: "0 0 24 24",
12
+ fill: "none",
13
+ stroke: "currentColor",
14
+ strokeWidth: "2",
15
+ strokeLinecap: "round",
16
+ strokeLinejoin: "round",
17
+ ...props,
18
+ children: [
19
+ /* @__PURE__ */ jsx("rect", { x: "6", y: "4", width: "4", height: "16" }),
20
+ /* @__PURE__ */ jsx("rect", { x: "14", y: "4", width: "4", height: "16" })
21
+ ]
22
+ }
23
+ );
24
+
25
+ export { Pause };
26
+ //# sourceMappingURL=Pause.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pause.mjs","sources":["../../../../src/components/icons/Pause.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nexport const Pause = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\taria-hidden=\"true\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"16\"\n\t\theight=\"16\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"2\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\t{...props}\n\t>\n\t\t<rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" />\n\t\t<rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" />\n\t</svg>\n);\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,20 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+
4
+ const Play = (props) => /* @__PURE__ */ jsx(
5
+ "svg",
6
+ {
7
+ "aria-hidden": "true",
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ width: "16",
10
+ height: "16",
11
+ viewBox: "0 0 24 24",
12
+ fill: "currentColor",
13
+ stroke: "none",
14
+ ...props,
15
+ children: /* @__PURE__ */ jsx("polygon", { points: "5 3 19 12 5 21 5 3" })
16
+ }
17
+ );
18
+
19
+ export { Play };
20
+ //# sourceMappingURL=Play.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Play.mjs","sources":["../../../../src/components/icons/Play.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nexport const Play = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\taria-hidden=\"true\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"16\"\n\t\theight=\"16\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"currentColor\"\n\t\tstroke=\"none\"\n\t\t{...props}\n\t>\n\t\t<polygon points=\"5 3 19 12 5 21 5 3\" />\n\t</svg>\n);\n"],"names":[],"mappings":";;;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAG,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,qBAAqB,CAAA,CAAA,CAAG,CAAA;AAClD,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA;AACP,CAAA,CAAE,CAAA;AACF,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AACzB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA4B,CAAA;AACvC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA;AACf,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA;AAChB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA;AACxB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAI,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA;AACxB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AAClB,CAAA,CAAA,CAAA,CAAI,GAAG,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAG,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA,CAAE,CAAA;AAC7E,CAAA,CAAA,CAAA;AACA,CAAA,CAAA;;"}
@@ -0,0 +1,28 @@
1
+ 'use client';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+
4
+ const ZoomIn = (props) => /* @__PURE__ */ jsxs(
5
+ "svg",
6
+ {
7
+ "aria-hidden": "true",
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ width: "16",
10
+ height: "16",
11
+ viewBox: "0 0 24 24",
12
+ fill: "none",
13
+ stroke: "currentColor",
14
+ strokeWidth: "2",
15
+ strokeLinecap: "round",
16
+ strokeLinejoin: "round",
17
+ ...props,
18
+ children: [
19
+ /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
20
+ /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
21
+ /* @__PURE__ */ jsx("line", { x1: "11", y1: "8", x2: "11", y2: "14" }),
22
+ /* @__PURE__ */ jsx("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
23
+ ]
24
+ }
25
+ );
26
+
27
+ export { ZoomIn };
28
+ //# sourceMappingURL=ZoomIn.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZoomIn.mjs","sources":["../../../../src/components/icons/ZoomIn.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nexport const ZoomIn = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\taria-hidden=\"true\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"16\"\n\t\theight=\"16\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"2\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\t{...props}\n\t>\n\t\t<circle cx=\"11\" cy=\"11\" r=\"8\" />\n\t\t<line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" />\n\t\t<line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\" />\n\t\t<line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\" />\n\t</svg>\n);\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,27 @@
1
+ 'use client';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+
4
+ const ZoomOut = (props) => /* @__PURE__ */ jsxs(
5
+ "svg",
6
+ {
7
+ "aria-hidden": "true",
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ width: "16",
10
+ height: "16",
11
+ viewBox: "0 0 24 24",
12
+ fill: "none",
13
+ stroke: "currentColor",
14
+ strokeWidth: "2",
15
+ strokeLinecap: "round",
16
+ strokeLinejoin: "round",
17
+ ...props,
18
+ children: [
19
+ /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
20
+ /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
21
+ /* @__PURE__ */ jsx("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
22
+ ]
23
+ }
24
+ );
25
+
26
+ export { ZoomOut };
27
+ //# sourceMappingURL=ZoomOut.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZoomOut.mjs","sources":["../../../../src/components/icons/ZoomOut.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nexport const ZoomOut = (props: SVGProps<SVGSVGElement>) => (\n\t<svg\n\t\taria-hidden=\"true\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"16\"\n\t\theight=\"16\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"2\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\t{...props}\n\t>\n\t\t<circle cx=\"11\" cy=\"11\" r=\"8\" />\n\t\t<line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" />\n\t\t<line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\" />\n\t</svg>\n);\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ 'use client';
2
+ import { createSafeContext } from '@mantine/core';
3
+
4
+ const [LightboxProvider, useLightboxContext] = createSafeContext(
5
+ "Lightbox component was not found in the tree"
6
+ );
7
+
8
+ export { LightboxProvider, useLightboxContext };
9
+ //# sourceMappingURL=LightboxContext.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LightboxContext.mjs","sources":["../../../src/context/LightboxContext.ts"],"sourcesContent":["import { createSafeContext, type GetStylesApi } from \"@mantine/core\";\nimport type { EmblaCarouselType } from \"embla-carousel\";\nimport type { PointerEvent as ReactPointerEvent, RefObject } from \"react\";\nimport type { LightboxRootFactory } from \"../components/LightboxRoot.js\";\nimport type { ZoomOffset } from \"../utils/zoom.js\";\n\nexport interface LightboxContext {\n\tgetStyles: GetStylesApi<LightboxRootFactory>;\n\topened: boolean;\n\tcurrentIndex: number;\n\tslideCount: number | null;\n\tslidesEmblaRef: RefObject<EmblaCarouselType | null>;\n\tthumbnailsEmblaRef: RefObject<EmblaCarouselType | null>;\n\tsetCurrentIndex: (index: number) => void;\n\tsetSlideCount: (count: number | null) => void;\n\tonClose: () => void;\n\tonOutsideClick: () => void;\n\tonThumbnailClick: (index: number) => void;\n\tonScrollPrev: () => void;\n\tonScrollNext: () => void;\n\torientation: \"horizontal\" | \"vertical\";\n\t// AutoPlay\n\tcanAutoPlay: boolean;\n\tisPlaying: boolean;\n\ttoggleAutoPlay: () => void;\n\tonSlidesEmblaApi: (embla: EmblaCarouselType) => void;\n\t// Fullscreen\n\twithFullscreen: boolean;\n\tisFullscreen: boolean;\n\ttoggleFullscreen: () => void;\n\t// Zoom\n\twithZoom: boolean;\n\tisZoomed: boolean;\n\tisZoomedRef: RefObject<boolean>;\n\tisDraggingZoom: boolean;\n\tcanZoomCurrent: boolean;\n\tzoomOffset: ZoomOffset;\n\tzoomScale: number;\n\tactiveZoomContainerRef: RefObject<HTMLDivElement | null>;\n\ttoggleZoom: () => void;\n\tupdateCanZoomAvailability: () => void;\n\thandleZoomPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;\n\thandleZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;\n\thandleZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;\n}\n\nexport const [LightboxProvider, useLightboxContext] =\n\tcreateSafeContext<LightboxContext>(\n\t\t\"Lightbox component was not found in the tree\",\n\t);\n"],"names":[],"mappings":";;;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAC,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA;AACvE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACF,CAAA,CAAA;;"}
@@ -0,0 +1,9 @@
1
+ 'use client';
2
+ import { createSafeContext } from '@mantine/core';
3
+
4
+ const [LightboxSlideProvider, useLightboxSlideContext] = createSafeContext(
5
+ "LightboxSlide component was not found in the tree"
6
+ );
7
+
8
+ export { LightboxSlideProvider, useLightboxSlideContext };
9
+ //# sourceMappingURL=LightboxSlideContext.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LightboxSlideContext.mjs","sources":["../../../src/context/LightboxSlideContext.ts"],"sourcesContent":["import { createSafeContext } from \"@mantine/core\";\n\nexport interface LightboxSlideContext {\n\tindex: number;\n}\n\nexport const [LightboxSlideProvider, useLightboxSlideContext] =\n\tcreateSafeContext<LightboxSlideContext>(\n\t\t\"LightboxSlide component was not found in the tree\",\n\t);\n"],"names":[],"mappings":";;;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAC,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA;AACjF,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACF,CAAA,CAAA;;"}
@@ -0,0 +1,9 @@
1
+ 'use client';
2
+ import { createSafeContext } from '@mantine/core';
3
+
4
+ const [LightboxThumbnailProvider, useLightboxThumbnailContext] = createSafeContext(
5
+ "LightboxThumbnail component was not found in the tree"
6
+ );
7
+
8
+ export { LightboxThumbnailProvider, useLightboxThumbnailContext };
9
+ //# sourceMappingURL=LightboxThumbnailContext.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LightboxThumbnailContext.mjs","sources":["../../../src/context/LightboxThumbnailContext.ts"],"sourcesContent":["import { createSafeContext } from \"@mantine/core\";\n\nexport interface LightboxThumbnailContext {\n\tindex: number;\n}\n\nexport const [LightboxThumbnailProvider, useLightboxThumbnailContext] =\n\tcreateSafeContext<LightboxThumbnailContext>(\n\t\t\"LightboxThumbnail component was not found in the tree\",\n\t);\n"],"names":[],"mappings":";;;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B,CAAC,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA;AACzF,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACF,CAAA,CAAA;;"}
@@ -4,10 +4,18 @@ import { useRef, useState, useCallback } from 'react';
4
4
  function useAutoPlay() {
5
5
  const autoplayPluginRef = useRef(null);
6
6
  const emblaInstanceRef = useRef(null);
7
- const [canUseAutoPlay, setCanUseAutoPlay] = useState(false);
7
+ const autoplayShouldRunRef = useRef(false);
8
+ const [canAutoPlay, setCanAutoPlay] = useState(false);
8
9
  const [isPlaying, setIsPlaying] = useState(false);
9
- const onAutoPlayPlay = useCallback(() => setIsPlaying(true), []);
10
+ const onAutoPlayPlay = useCallback(() => {
11
+ setIsPlaying(true);
12
+ }, []);
10
13
  const onAutoPlayStop = useCallback(() => setIsPlaying(false), []);
14
+ const onEmblaPointerUp = useCallback(() => {
15
+ if (!autoplayShouldRunRef.current) {
16
+ autoplayPluginRef.current?.stop();
17
+ }
18
+ }, []);
11
19
  const handleEmblaApiForAutoPlay = useCallback(
12
20
  (embla) => {
13
21
  const plugin = embla.plugins()?.autoplay;
@@ -18,15 +26,19 @@ function useAutoPlay() {
18
26
  if (prevEmbla) {
19
27
  prevEmbla.off("autoplay:play", onAutoPlayPlay);
20
28
  prevEmbla.off("autoplay:stop", onAutoPlayStop);
29
+ prevEmbla.off("pointerUp", onEmblaPointerUp);
21
30
  }
22
31
  emblaInstanceRef.current = embla;
23
32
  autoplayPluginRef.current = plugin;
24
33
  embla.on("autoplay:play", onAutoPlayPlay);
25
34
  embla.on("autoplay:stop", onAutoPlayStop);
26
- setCanUseAutoPlay(true);
27
- setIsPlaying(plugin.isPlaying());
35
+ embla.on("pointerUp", onEmblaPointerUp);
36
+ const playing = plugin.isPlaying();
37
+ setCanAutoPlay(true);
38
+ setIsPlaying(playing);
39
+ autoplayShouldRunRef.current = playing;
28
40
  },
29
- [onAutoPlayPlay, onAutoPlayStop]
41
+ [onAutoPlayPlay, onAutoPlayStop, onEmblaPointerUp]
30
42
  );
31
43
  const toggleAutoPlay = useCallback(() => {
32
44
  const plugin = autoplayPluginRef.current;
@@ -34,21 +46,24 @@ function useAutoPlay() {
34
46
  return;
35
47
  }
36
48
  if (isPlaying) {
49
+ autoplayShouldRunRef.current = false;
37
50
  plugin.stop();
38
51
  } else {
52
+ autoplayShouldRunRef.current = true;
39
53
  plugin.play();
40
54
  }
41
55
  }, [isPlaying]);
42
56
  const notifyAutoPlayInteraction = useCallback(() => {
43
57
  const embla = emblaInstanceRef.current;
44
- if (!embla) {
58
+ const plugin = autoplayPluginRef.current;
59
+ if (!embla || !plugin?.isPlaying()) {
45
60
  return;
46
61
  }
47
62
  embla.emit("pointerDown");
48
63
  embla.emit("pointerUp");
49
64
  }, []);
50
65
  return {
51
- canUseAutoPlay,
66
+ canAutoPlay,
52
67
  isPlaying,
53
68
  toggleAutoPlay,
54
69
  notifyAutoPlayInteraction,
@@ -1 +1 @@
1
- {"version":3,"file":"useAutoPlay.mjs","sources":["../../../src/hooks/useAutoPlay.ts"],"sourcesContent":["import type { EmblaCarouselType } from \"embla-carousel\";\nimport type { AutoplayType } from \"embla-carousel-autoplay\";\nimport { useCallback, useRef, useState } from \"react\";\n\ninterface UseAutoPlayOutput {\n\tcanUseAutoPlay: boolean;\n\tisPlaying: boolean;\n\ttoggleAutoPlay: () => void;\n\tnotifyAutoPlayInteraction: () => void;\n\thandleEmblaApiForAutoPlay: (embla: EmblaCarouselType) => void;\n}\n\nexport function useAutoPlay(): UseAutoPlayOutput {\n\tconst autoplayPluginRef = useRef<AutoplayType | null>(null);\n\tconst emblaInstanceRef = useRef<EmblaCarouselType | null>(null);\n\n\tconst [canUseAutoPlay, setCanUseAutoPlay] = useState(false);\n\tconst [isPlaying, setIsPlaying] = useState(false);\n\n\tconst onAutoPlayPlay = useCallback(() => setIsPlaying(true), []);\n\tconst onAutoPlayStop = useCallback(() => setIsPlaying(false), []);\n\n\tconst handleEmblaApiForAutoPlay = useCallback(\n\t\t(embla: EmblaCarouselType) => {\n\t\t\tconst plugin = embla.plugins()?.autoplay;\n\n\t\t\tif (\n\t\t\t\t!plugin ||\n\t\t\t\ttypeof plugin !== \"object\" ||\n\t\t\t\ttypeof plugin.play !== \"function\"\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst prevEmbla = emblaInstanceRef.current;\n\n\t\t\tif (prevEmbla) {\n\t\t\t\tprevEmbla.off(\"autoplay:play\", onAutoPlayPlay);\n\n\t\t\t\tprevEmbla.off(\"autoplay:stop\", onAutoPlayStop);\n\t\t\t}\n\n\t\t\temblaInstanceRef.current = embla;\n\n\t\t\tautoplayPluginRef.current = plugin;\n\n\t\t\tembla.on(\"autoplay:play\", onAutoPlayPlay);\n\n\t\t\tembla.on(\"autoplay:stop\", onAutoPlayStop);\n\n\t\t\tsetCanUseAutoPlay(true);\n\n\t\t\tsetIsPlaying(plugin.isPlaying());\n\t\t},\n\t\t[onAutoPlayPlay, onAutoPlayStop],\n\t);\n\n\tconst toggleAutoPlay = useCallback(() => {\n\t\tconst plugin = autoplayPluginRef.current;\n\n\t\tif (!plugin) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isPlaying) {\n\t\t\tplugin.stop();\n\t\t} else {\n\t\t\tplugin.play();\n\t\t}\n\t}, [isPlaying]);\n\n\tconst notifyAutoPlayInteraction = useCallback(() => {\n\t\tconst embla = emblaInstanceRef.current;\n\n\t\tif (!embla) {\n\t\t\treturn;\n\t\t}\n\n\t\tembla.emit(\"pointerDown\");\n\t\tembla.emit(\"pointerUp\");\n\t}, []);\n\n\treturn {\n\t\tcanUseAutoPlay,\n\t\tisPlaying,\n\t\ttoggleAutoPlay,\n\t\tnotifyAutoPlayInteraction,\n\t\thandleEmblaApiForAutoPlay,\n\t};\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useAutoPlay.mjs","sources":["../../../src/hooks/useAutoPlay.ts"],"sourcesContent":["import type { EmblaCarouselType } from \"embla-carousel\";\nimport type { AutoplayType } from \"embla-carousel-autoplay\";\nimport { useCallback, useRef, useState } from \"react\";\n\ninterface UseAutoPlayOutput {\n\tcanAutoPlay: boolean;\n\tisPlaying: boolean;\n\ttoggleAutoPlay: () => void;\n\tnotifyAutoPlayInteraction: () => void;\n\thandleEmblaApiForAutoPlay: (embla: EmblaCarouselType) => void;\n}\n\nexport function useAutoPlay(): UseAutoPlayOutput {\n\tconst autoplayPluginRef = useRef<AutoplayType | null>(null);\n\tconst emblaInstanceRef = useRef<EmblaCarouselType | null>(null);\n\tconst autoplayShouldRunRef = useRef(false);\n\n\tconst [canAutoPlay, setCanAutoPlay] = useState(false);\n\tconst [isPlaying, setIsPlaying] = useState(false);\n\n\tconst onAutoPlayPlay = useCallback(() => {\n\t\tsetIsPlaying(true);\n\t}, []);\n\n\tconst onAutoPlayStop = useCallback(() => setIsPlaying(false), []);\n\n\tconst onEmblaPointerUp = useCallback(() => {\n\t\tif (!autoplayShouldRunRef.current) {\n\t\t\tautoplayPluginRef.current?.stop();\n\t\t}\n\t}, []);\n\n\tconst handleEmblaApiForAutoPlay = useCallback(\n\t\t(embla: EmblaCarouselType) => {\n\t\t\tconst plugin = embla.plugins()?.autoplay;\n\n\t\t\tif (\n\t\t\t\t!plugin ||\n\t\t\t\ttypeof plugin !== \"object\" ||\n\t\t\t\ttypeof plugin.play !== \"function\"\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst prevEmbla = emblaInstanceRef.current;\n\n\t\t\tif (prevEmbla) {\n\t\t\t\tprevEmbla.off(\"autoplay:play\", onAutoPlayPlay);\n\t\t\t\tprevEmbla.off(\"autoplay:stop\", onAutoPlayStop);\n\t\t\t\tprevEmbla.off(\"pointerUp\", onEmblaPointerUp);\n\t\t\t}\n\n\t\t\temblaInstanceRef.current = embla;\n\t\t\tautoplayPluginRef.current = plugin;\n\n\t\t\tembla.on(\"autoplay:play\", onAutoPlayPlay);\n\t\t\tembla.on(\"autoplay:stop\", onAutoPlayStop);\n\t\t\tembla.on(\"pointerUp\", onEmblaPointerUp);\n\n\t\t\tconst playing = plugin.isPlaying();\n\t\t\tsetCanAutoPlay(true);\n\t\t\tsetIsPlaying(playing);\n\t\t\tautoplayShouldRunRef.current = playing;\n\t\t},\n\t\t[onAutoPlayPlay, onAutoPlayStop, onEmblaPointerUp],\n\t);\n\n\tconst toggleAutoPlay = useCallback(() => {\n\t\tconst plugin = autoplayPluginRef.current;\n\n\t\tif (!plugin) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isPlaying) {\n\t\t\tautoplayShouldRunRef.current = false;\n\t\t\tplugin.stop();\n\t\t} else {\n\t\t\tautoplayShouldRunRef.current = true;\n\t\t\tplugin.play();\n\t\t}\n\t}, [isPlaying]);\n\n\tconst notifyAutoPlayInteraction = useCallback(() => {\n\t\tconst embla = emblaInstanceRef.current;\n\t\tconst plugin = autoplayPluginRef.current;\n\n\t\tif (!embla || !plugin?.isPlaying()) {\n\t\t\treturn;\n\t\t}\n\n\t\tembla.emit(\"pointerDown\");\n\t\tembla.emit(\"pointerUp\");\n\t}, []);\n\n\treturn {\n\t\tcanAutoPlay,\n\t\tisPlaying,\n\t\ttoggleAutoPlay,\n\t\tnotifyAutoPlayInteraction,\n\t\thandleEmblaApiForAutoPlay,\n\t};\n}\n"],"names":[],"mappings":"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"}
@@ -1,23 +1,17 @@
1
1
  'use client';
2
- import { useFocusTrap, useMergedRef, useFocusReturn } from '@mantine/hooks';
3
- import { useRef, useState, Children, isValidElement, useCallback, useEffect } from 'react';
2
+ import { useFocusTrap, useMergedRef, useFocusReturn, useHotkeys } from '@mantine/hooks';
3
+ import { useMemo, useRef, useState, useCallback } from 'react';
4
4
  import { LIGHTBOX_DEFAULT_PROPS } from '../Lightbox.defaults.mjs';
5
- import { useAutoPlay } from './useAutoPlay.mjs';
6
- import { useCarouselOptions } from './useCarouselOptions.mjs';
7
- import { useFullscreen } from './useFullscreen.mjs';
8
- import { useKeyboardNavigation } from './useKeyboardNavigation.mjs';
9
- import { useZoom } from './useZoom.mjs';
10
5
 
11
6
  function useLightbox(props) {
12
7
  const {
13
8
  ref,
14
9
  opened,
15
- withZoom,
10
+ initialSlide,
16
11
  onClose,
17
12
  closeOnClickOutside,
18
13
  trapFocus,
19
14
  returnFocus,
20
- children,
21
15
  carouselOptions,
22
16
  thumbnailEmblaOptions,
23
17
  counterFormatter
@@ -25,65 +19,66 @@ function useLightbox(props) {
25
19
  const shouldCloseOnClickOutside = closeOnClickOutside ?? LIGHTBOX_DEFAULT_PROPS.closeOnClickOutside;
26
20
  const shouldTrapFocus = trapFocus ?? LIGHTBOX_DEFAULT_PROPS.trapFocus;
27
21
  const shouldReturnFocus = returnFocus ?? LIGHTBOX_DEFAULT_PROPS.returnFocus;
22
+ const mergedBaseCarouselOptions = useMemo(
23
+ () => ({
24
+ ...LIGHTBOX_DEFAULT_PROPS.carouselOptions,
25
+ ...carouselOptions,
26
+ initialSlide
27
+ }),
28
+ [carouselOptions, initialSlide]
29
+ );
30
+ const mergedThumbnailEmblaOptions = useMemo(
31
+ () => ({
32
+ ...LIGHTBOX_DEFAULT_PROPS.thumbnailEmblaOptions,
33
+ ...thumbnailEmblaOptions
34
+ }),
35
+ [thumbnailEmblaOptions]
36
+ );
28
37
  const focusTrapRef = useFocusTrap(opened && shouldTrapFocus);
29
38
  const mergedRef = useMergedRef(ref, focusTrapRef);
30
39
  useFocusReturn({ opened, shouldReturnFocus });
31
- const emblaRef = useRef(null);
40
+ const slidesEmblaRef = useRef(null);
32
41
  const thumbnailsEmblaRef = useRef(null);
33
42
  const [currentIndex, setCurrentIndex] = useState(
34
- carouselOptions?.initialSlide ?? 0
43
+ mergedBaseCarouselOptions?.initialSlide ?? 0
35
44
  );
36
- const initialSlide = carouselOptions?.initialSlide ?? 0;
37
- const { isFullscreen, canUseFullscreen, toggleFullscreen } = useFullscreen({
38
- opened
39
- });
40
- const {
41
- isZoomed,
42
- isDraggingZoom,
43
- zoomOffset,
44
- zoomScale,
45
- canZoomCurrent,
46
- isZoomedRef,
47
- activeZoomContainerRef,
48
- resetZoom,
49
- toggleZoom,
50
- updateCanZoomAvailability,
51
- handleZoomPointerDown,
52
- handleZoomPointerMove,
53
- handleZoomPointerEnd
54
- } = useZoom({
55
- opened,
56
- withZoom: withZoom ?? LIGHTBOX_DEFAULT_PROPS.withZoom
57
- });
58
- const {
59
- canUseAutoPlay,
60
- isPlaying,
61
- toggleAutoPlay,
62
- notifyAutoPlayInteraction,
63
- handleEmblaApiForAutoPlay
64
- } = useAutoPlay();
65
- const slides = Children.toArray(children).filter(
66
- isValidElement
67
- );
68
- const total = slides.length;
69
- const counterText = counterFormatter ? counterFormatter(currentIndex, total) : `${currentIndex + 1} / ${total}`;
45
+ const [total, setTotal] = useState(null);
46
+ useHotkeys([
47
+ ["ArrowLeft", () => opened && slidesEmblaRef.current?.scrollPrev()],
48
+ ["ArrowRight", () => opened && slidesEmblaRef.current?.scrollNext()],
49
+ ["Escape", () => opened && onClose()]
50
+ ]);
51
+ const counterText = useMemo(() => {
52
+ if (total === null) {
53
+ return null;
54
+ }
55
+ if (counterFormatter) {
56
+ return counterFormatter(currentIndex, total);
57
+ }
58
+ return `${currentIndex + 1} / ${total}`;
59
+ }, [counterFormatter, currentIndex, total]);
70
60
  const handleEmblaApi = useCallback(
71
61
  (embla) => {
72
- emblaRef.current = embla;
73
- handleEmblaApiForAutoPlay(embla);
74
- carouselOptions?.getEmblaApi?.(embla);
62
+ slidesEmblaRef.current = embla;
63
+ const onInit = (api) => {
64
+ setTotal(api.slideNodes().length);
65
+ mergedBaseCarouselOptions.getEmblaApi?.(api);
66
+ };
67
+ const onSelect = (api) => {
68
+ setCurrentIndex(api.selectedScrollSnap());
69
+ thumbnailsEmblaRef.current?.scrollTo(api.selectedScrollSnap());
70
+ };
71
+ const onDestroy = () => {
72
+ setCurrentIndex(mergedBaseCarouselOptions?.initialSlide ?? 0);
73
+ setTotal(null);
74
+ thumbnailsEmblaRef.current = null;
75
+ slidesEmblaRef.current = null;
76
+ };
77
+ onInit(embla);
78
+ embla.on("select", onSelect);
79
+ embla.on("destroy", onDestroy);
75
80
  },
76
- [carouselOptions?.getEmblaApi, handleEmblaApiForAutoPlay]
77
- );
78
- const handleSlideChange = useCallback(
79
- (index) => {
80
- setCurrentIndex(index);
81
- resetZoom();
82
- requestAnimationFrame(updateCanZoomAvailability);
83
- carouselOptions?.onSlideChange?.(index);
84
- thumbnailsEmblaRef.current?.scrollTo(index);
85
- },
86
- [carouselOptions?.onSlideChange, resetZoom, updateCanZoomAvailability]
81
+ [mergedBaseCarouselOptions]
87
82
  );
88
83
  const handleThumbnailsEmblaApi = useCallback(
89
84
  (embla) => {
@@ -92,74 +87,24 @@ function useLightbox(props) {
92
87
  },
93
88
  [currentIndex]
94
89
  );
95
- const handleThumbnailClick = useCallback(
96
- (index) => {
97
- if (isZoomed) {
98
- resetZoom();
99
- }
100
- emblaRef.current?.scrollTo(index);
101
- },
102
- [isZoomed, resetZoom]
103
- );
90
+ const handleThumbnailClick = useCallback((index) => {
91
+ slidesEmblaRef.current?.scrollTo(index);
92
+ }, []);
104
93
  const handleOutsideClick = useCallback(() => {
105
94
  if (!shouldCloseOnClickOutside) {
106
95
  return;
107
96
  }
108
97
  onClose();
109
98
  }, [shouldCloseOnClickOutside, onClose]);
110
- const handleToolbarZoomToggle = useCallback(() => {
111
- notifyAutoPlayInteraction();
112
- toggleZoom();
113
- }, [notifyAutoPlayInteraction, toggleZoom]);
114
- const mergedCarouselOptions = useCarouselOptions({
115
- carouselOptions,
116
- isZoomedRef
117
- });
118
- const mergedThumbnailEmblaOptions = {
119
- ...thumbnailEmblaOptions
120
- };
121
- useKeyboardNavigation({ opened, emblaRef, onClose });
122
- useEffect(() => {
123
- if (!opened) {
124
- setCurrentIndex(initialSlide);
125
- return;
126
- }
127
- setCurrentIndex(initialSlide);
128
- emblaRef.current?.scrollTo(initialSlide);
129
- thumbnailsEmblaRef.current?.scrollTo(initialSlide);
130
- }, [opened, initialSlide]);
131
- useEffect(() => {
132
- if (opened) {
133
- thumbnailsEmblaRef.current?.scrollTo(currentIndex);
134
- }
135
- }, [opened, currentIndex]);
99
+ const mergedCarouselOptions = mergedBaseCarouselOptions;
136
100
  return {
137
101
  mergedRef,
138
- slides,
139
102
  currentIndex,
140
103
  counterText,
141
- isFullscreen,
142
- canUseFullscreen,
143
- toggleFullscreen,
144
- isZoomed,
145
- isDraggingZoom,
146
- zoomOffset,
147
- zoomScale,
148
- canZoomCurrent,
149
- activeZoomContainerRef,
150
- toggleZoom: handleToolbarZoomToggle,
151
- updateCanZoomAvailability,
152
- handleZoomPointerDown,
153
- handleZoomPointerMove,
154
- handleZoomPointerEnd,
155
104
  handleEmblaApi,
156
105
  handleThumbnailsEmblaApi,
157
- handleSlideChange,
158
106
  handleThumbnailClick,
159
107
  handleOutsideClick,
160
- isPlaying,
161
- canUseAutoPlay,
162
- toggleAutoPlay,
163
108
  mergedCarouselOptions,
164
109
  mergedThumbnailEmblaOptions
165
110
  };