@mantine-bites/lightbox 1.0.0-beta.8 → 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.
- package/README.md +7 -8
- package/dist/cjs/Lightbox.cjs +41 -200
- package/dist/cjs/Lightbox.cjs.map +1 -1
- package/dist/cjs/Lightbox.context-value.cjs +47 -0
- package/dist/cjs/Lightbox.context-value.cjs.map +1 -0
- package/dist/cjs/Lightbox.context.cjs.map +1 -1
- package/dist/cjs/Lightbox.defaults.cjs +3 -8
- package/dist/cjs/Lightbox.defaults.cjs.map +1 -1
- package/dist/cjs/Lightbox.module.css.cjs +1 -1
- package/dist/cjs/LightboxSlide.cjs +72 -5
- package/dist/cjs/LightboxSlide.cjs.map +1 -1
- package/dist/cjs/LightboxSlide.context.cjs +12 -0
- package/dist/cjs/LightboxSlide.context.cjs.map +1 -0
- package/dist/cjs/components/LightboxAutoplayButton.cjs +43 -0
- package/dist/cjs/components/LightboxAutoplayButton.cjs.map +1 -0
- package/dist/cjs/components/LightboxCarousel.cjs +29 -0
- package/dist/cjs/components/LightboxCarousel.cjs.map +1 -0
- package/dist/cjs/components/LightboxCarouselSlide.context.cjs +12 -0
- package/dist/cjs/components/LightboxCarouselSlide.context.cjs.map +1 -0
- package/dist/cjs/components/LightboxCloseButton.cjs +33 -0
- package/dist/cjs/components/LightboxCloseButton.cjs.map +1 -0
- package/dist/cjs/components/LightboxContent.cjs +38 -0
- package/dist/cjs/components/LightboxContent.cjs.map +1 -0
- package/dist/cjs/components/LightboxControls.cjs +68 -0
- package/dist/cjs/components/LightboxControls.cjs.map +1 -0
- package/dist/cjs/components/LightboxCounter.cjs +34 -0
- package/dist/cjs/components/LightboxCounter.cjs.map +1 -0
- package/dist/cjs/components/LightboxFullscreenButton.cjs +41 -0
- package/dist/cjs/components/LightboxFullscreenButton.cjs.map +1 -0
- package/dist/cjs/components/LightboxOverlay.cjs +40 -0
- package/dist/cjs/components/LightboxOverlay.cjs.map +1 -0
- package/dist/cjs/components/LightboxPreset.cjs +32 -0
- package/dist/cjs/components/LightboxPreset.cjs.map +1 -0
- package/dist/cjs/components/LightboxRoot.cjs +260 -0
- package/dist/cjs/components/LightboxRoot.cjs.map +1 -0
- package/dist/cjs/components/LightboxSlide.cjs +154 -0
- package/dist/cjs/components/LightboxSlide.cjs.map +1 -0
- package/dist/cjs/components/LightboxSlide.context.cjs +12 -0
- package/dist/cjs/components/LightboxSlide.context.cjs.map +1 -0
- package/dist/cjs/components/LightboxSlides.cjs +97 -77
- package/dist/cjs/components/LightboxSlides.cjs.map +1 -1
- package/dist/cjs/components/LightboxThumbnail.cjs +40 -0
- package/dist/cjs/components/LightboxThumbnail.cjs.map +1 -0
- package/dist/cjs/components/LightboxThumbnail.context.cjs +12 -0
- package/dist/cjs/components/LightboxThumbnail.context.cjs.map +1 -0
- package/dist/cjs/components/LightboxThumbnails.cjs +110 -32
- package/dist/cjs/components/LightboxThumbnails.cjs.map +1 -1
- package/dist/cjs/components/LightboxToolbar.cjs +83 -70
- package/dist/cjs/components/LightboxToolbar.cjs.map +1 -1
- package/dist/cjs/components/LightboxZoomButton.cjs +39 -0
- package/dist/cjs/components/LightboxZoomButton.cjs.map +1 -0
- package/dist/cjs/components/icons/EnterFullscreen.cjs +30 -0
- package/dist/cjs/components/icons/EnterFullscreen.cjs.map +1 -0
- package/dist/cjs/components/icons/ExitFullscreen.cjs +30 -0
- package/dist/cjs/components/icons/ExitFullscreen.cjs.map +1 -0
- package/dist/cjs/components/icons/Pause.cjs +28 -0
- package/dist/cjs/components/icons/Pause.cjs.map +1 -0
- package/dist/cjs/components/icons/Play.cjs +22 -0
- package/dist/cjs/components/icons/Play.cjs.map +1 -0
- package/dist/cjs/components/icons/ZoomIn.cjs +30 -0
- package/dist/cjs/components/icons/ZoomIn.cjs.map +1 -0
- package/dist/cjs/components/icons/ZoomOut.cjs +29 -0
- package/dist/cjs/components/icons/ZoomOut.cjs.map +1 -0
- package/dist/cjs/context/LightboxContext.cjs +12 -0
- package/dist/cjs/context/LightboxContext.cjs.map +1 -0
- package/dist/cjs/context/LightboxSlideContext.cjs +12 -0
- package/dist/cjs/context/LightboxSlideContext.cjs.map +1 -0
- package/dist/cjs/context/LightboxThumbnailContext.cjs +12 -0
- package/dist/cjs/context/LightboxThumbnailContext.cjs.map +1 -0
- package/dist/cjs/hooks/useAutoPlay.cjs +37 -13
- package/dist/cjs/hooks/useAutoPlay.cjs.map +1 -1
- package/dist/cjs/hooks/useLightbox.cjs +62 -108
- package/dist/cjs/hooks/useLightbox.cjs.map +1 -1
- package/dist/cjs/hooks/useLightboxRootOptions.cjs +20 -0
- package/dist/cjs/hooks/useLightboxRootOptions.cjs.map +1 -0
- package/dist/cjs/hooks/useSlideInteractions.cjs +13 -13
- package/dist/cjs/hooks/useSlideInteractions.cjs.map +1 -1
- package/dist/cjs/hooks/useThumbnails.cjs +14 -11
- package/dist/cjs/hooks/useThumbnails.cjs.map +1 -1
- package/dist/cjs/hooks/useZoom.cjs +110 -72
- package/dist/cjs/hooks/useZoom.cjs.map +1 -1
- package/dist/cjs/index.cjs +26 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/styles/Lightbox.module.css.cjs +7 -0
- package/dist/cjs/styles/Lightbox.module.css.cjs.map +1 -0
- package/dist/cjs/utils/pointer.cjs +50 -0
- package/dist/cjs/utils/pointer.cjs.map +1 -0
- package/dist/cjs/utils/zoom.cjs +24 -51
- package/dist/cjs/utils/zoom.cjs.map +1 -1
- package/dist/esm/Lightbox.context-value.mjs +45 -0
- package/dist/esm/Lightbox.context-value.mjs.map +1 -0
- package/dist/esm/Lightbox.context.mjs.map +1 -1
- package/dist/esm/Lightbox.defaults.mjs +3 -8
- package/dist/esm/Lightbox.defaults.mjs.map +1 -1
- package/dist/esm/Lightbox.mjs +43 -202
- package/dist/esm/Lightbox.mjs.map +1 -1
- package/dist/esm/Lightbox.module.css.mjs +1 -1
- package/dist/esm/LightboxSlide.context.mjs +9 -0
- package/dist/esm/LightboxSlide.context.mjs.map +1 -0
- package/dist/esm/LightboxSlide.mjs +73 -6
- package/dist/esm/LightboxSlide.mjs.map +1 -1
- package/dist/esm/components/LightboxAutoplayButton.mjs +41 -0
- package/dist/esm/components/LightboxAutoplayButton.mjs.map +1 -0
- package/dist/esm/components/LightboxCarousel.mjs +27 -0
- package/dist/esm/components/LightboxCarousel.mjs.map +1 -0
- package/dist/esm/components/LightboxCarouselSlide.context.mjs +9 -0
- package/dist/esm/components/LightboxCarouselSlide.context.mjs.map +1 -0
- package/dist/esm/components/LightboxCloseButton.mjs +31 -0
- package/dist/esm/components/LightboxCloseButton.mjs.map +1 -0
- package/dist/esm/components/LightboxContent.mjs +36 -0
- package/dist/esm/components/LightboxContent.mjs.map +1 -0
- package/dist/esm/components/LightboxControls.mjs +66 -0
- package/dist/esm/components/LightboxControls.mjs.map +1 -0
- package/dist/esm/components/LightboxCounter.mjs +32 -0
- package/dist/esm/components/LightboxCounter.mjs.map +1 -0
- package/dist/esm/components/LightboxFullscreenButton.mjs +39 -0
- package/dist/esm/components/LightboxFullscreenButton.mjs.map +1 -0
- package/dist/esm/components/LightboxOverlay.mjs +38 -0
- package/dist/esm/components/LightboxOverlay.mjs.map +1 -0
- package/dist/esm/components/LightboxPreset.mjs +30 -0
- package/dist/esm/components/LightboxPreset.mjs.map +1 -0
- package/dist/esm/components/LightboxRoot.mjs +258 -0
- package/dist/esm/components/LightboxRoot.mjs.map +1 -0
- package/dist/esm/components/LightboxSlide.context.mjs +9 -0
- package/dist/esm/components/LightboxSlide.context.mjs.map +1 -0
- package/dist/esm/components/LightboxSlide.mjs +152 -0
- package/dist/esm/components/LightboxSlide.mjs.map +1 -0
- package/dist/esm/components/LightboxSlides.mjs +98 -78
- package/dist/esm/components/LightboxSlides.mjs.map +1 -1
- package/dist/esm/components/LightboxThumbnail.context.mjs +9 -0
- package/dist/esm/components/LightboxThumbnail.context.mjs.map +1 -0
- package/dist/esm/components/LightboxThumbnail.mjs +38 -0
- package/dist/esm/components/LightboxThumbnail.mjs.map +1 -0
- package/dist/esm/components/LightboxThumbnails.mjs +111 -33
- package/dist/esm/components/LightboxThumbnails.mjs.map +1 -1
- package/dist/esm/components/LightboxToolbar.mjs +85 -72
- package/dist/esm/components/LightboxToolbar.mjs.map +1 -1
- package/dist/esm/components/LightboxZoomButton.mjs +37 -0
- package/dist/esm/components/LightboxZoomButton.mjs.map +1 -0
- package/dist/esm/components/icons/EnterFullscreen.mjs +28 -0
- package/dist/esm/components/icons/EnterFullscreen.mjs.map +1 -0
- package/dist/esm/components/icons/ExitFullscreen.mjs +28 -0
- package/dist/esm/components/icons/ExitFullscreen.mjs.map +1 -0
- package/dist/esm/components/icons/Pause.mjs +26 -0
- package/dist/esm/components/icons/Pause.mjs.map +1 -0
- package/dist/esm/components/icons/Play.mjs +20 -0
- package/dist/esm/components/icons/Play.mjs.map +1 -0
- package/dist/esm/components/icons/ZoomIn.mjs +28 -0
- package/dist/esm/components/icons/ZoomIn.mjs.map +1 -0
- package/dist/esm/components/icons/ZoomOut.mjs +27 -0
- package/dist/esm/components/icons/ZoomOut.mjs.map +1 -0
- package/dist/esm/context/LightboxContext.mjs +9 -0
- package/dist/esm/context/LightboxContext.mjs.map +1 -0
- package/dist/esm/context/LightboxSlideContext.mjs +9 -0
- package/dist/esm/context/LightboxSlideContext.mjs.map +1 -0
- package/dist/esm/context/LightboxThumbnailContext.mjs +9 -0
- package/dist/esm/context/LightboxThumbnailContext.mjs.map +1 -0
- package/dist/esm/hooks/useAutoPlay.mjs +30 -6
- package/dist/esm/hooks/useAutoPlay.mjs.map +1 -1
- package/dist/esm/hooks/useLightbox.mjs +58 -104
- package/dist/esm/hooks/useLightbox.mjs.map +1 -1
- package/dist/esm/hooks/useLightboxRootOptions.mjs +18 -0
- package/dist/esm/hooks/useLightboxRootOptions.mjs.map +1 -0
- package/dist/esm/hooks/useSlideInteractions.mjs +1 -1
- package/dist/esm/hooks/useSlideInteractions.mjs.map +1 -1
- package/dist/esm/hooks/useThumbnails.mjs +7 -4
- package/dist/esm/hooks/useThumbnails.mjs.map +1 -1
- package/dist/esm/hooks/useZoom.mjs +83 -45
- package/dist/esm/hooks/useZoom.mjs.map +1 -1
- package/dist/esm/index.mjs +13 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/styles/Lightbox.module.css.mjs +5 -0
- package/dist/esm/styles/Lightbox.module.css.mjs.map +1 -0
- package/dist/esm/utils/pointer.mjs +41 -0
- package/dist/esm/utils/pointer.mjs.map +1 -0
- package/dist/esm/utils/zoom.mjs +24 -44
- package/dist/esm/utils/zoom.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.layer.css +1 -1
- package/dist/types/Lightbox.context-value.d.ts +16 -0
- package/dist/types/Lightbox.context-value.d.ts.map +1 -0
- package/dist/types/Lightbox.context.d.ts +17 -15
- package/dist/types/Lightbox.context.d.ts.map +1 -1
- package/dist/types/Lightbox.d.ts +56 -97
- package/dist/types/Lightbox.d.ts.map +1 -1
- package/dist/types/Lightbox.defaults.d.ts +3 -8
- package/dist/types/Lightbox.defaults.d.ts.map +1 -1
- package/dist/types/Lightbox.story.d.ts +2 -2
- package/dist/types/Lightbox.story.d.ts.map +1 -1
- package/dist/types/LightboxSlide.context.d.ts +8 -0
- package/dist/types/LightboxSlide.context.d.ts.map +1 -0
- package/dist/types/LightboxSlide.d.ts +0 -3
- package/dist/types/LightboxSlide.d.ts.map +1 -1
- package/dist/types/__tests__/Lightbox.test.d.ts +2 -0
- package/dist/types/__tests__/Lightbox.test.d.ts.map +1 -0
- package/dist/types/__tests__/LightboxSimple.test.d.ts +2 -0
- package/dist/types/__tests__/LightboxSimple.test.d.ts.map +1 -0
- package/dist/types/__tests__/pointer.test.d.ts +2 -0
- package/dist/types/__tests__/pointer.test.d.ts.map +1 -0
- package/dist/types/__tests__/zoom.test.d.ts +2 -0
- package/dist/types/__tests__/zoom.test.d.ts.map +1 -0
- package/dist/types/components/LightboxAutoplayButton.d.ts +17 -0
- package/dist/types/components/LightboxAutoplayButton.d.ts.map +1 -0
- package/dist/types/components/LightboxCarousel.d.ts +6 -0
- package/dist/types/components/LightboxCarousel.d.ts.map +1 -0
- package/dist/types/components/LightboxCarouselSlide.context.d.ts +10 -0
- package/dist/types/components/LightboxCarouselSlide.context.d.ts.map +1 -0
- package/dist/types/components/LightboxCloseButton.d.ts +17 -0
- package/dist/types/components/LightboxCloseButton.d.ts.map +1 -0
- package/dist/types/components/LightboxContent.d.ts +14 -0
- package/dist/types/components/LightboxContent.d.ts.map +1 -0
- package/dist/types/components/LightboxControls.d.ts +19 -0
- package/dist/types/components/LightboxControls.d.ts.map +1 -0
- package/dist/types/components/LightboxCounter.d.ts +19 -0
- package/dist/types/components/LightboxCounter.d.ts.map +1 -0
- package/dist/types/components/LightboxFullscreenButton.d.ts +17 -0
- package/dist/types/components/LightboxFullscreenButton.d.ts.map +1 -0
- package/dist/types/components/LightboxOverlay.d.ts +4 -0
- package/dist/types/components/LightboxOverlay.d.ts.map +1 -0
- package/dist/types/components/LightboxPreset.d.ts +10 -0
- package/dist/types/components/LightboxPreset.d.ts.map +1 -0
- package/dist/types/components/LightboxRoot.d.ts +80 -0
- package/dist/types/components/LightboxRoot.d.ts.map +1 -0
- package/dist/types/components/LightboxSlide.context.d.ts +8 -0
- package/dist/types/components/LightboxSlide.context.d.ts.map +1 -0
- package/dist/types/components/LightboxSlide.d.ts +17 -0
- package/dist/types/components/LightboxSlide.d.ts.map +1 -0
- package/dist/types/components/LightboxSlides.d.ts +23 -1
- package/dist/types/components/LightboxSlides.d.ts.map +1 -1
- package/dist/types/components/LightboxThumbnail.context.d.ts +8 -0
- package/dist/types/components/LightboxThumbnail.context.d.ts.map +1 -0
- package/dist/types/components/LightboxThumbnail.d.ts +17 -0
- package/dist/types/components/LightboxThumbnail.d.ts.map +1 -0
- package/dist/types/components/LightboxThumbnails.d.ts +18 -6
- package/dist/types/components/LightboxThumbnails.d.ts.map +1 -1
- package/dist/types/components/LightboxToolbar.d.ts +16 -1
- package/dist/types/components/LightboxToolbar.d.ts.map +1 -1
- package/dist/types/components/LightboxZoomButton.d.ts +17 -0
- package/dist/types/components/LightboxZoomButton.d.ts.map +1 -0
- package/dist/types/components/icons/EnterFullscreen.d.ts +3 -0
- package/dist/types/components/icons/EnterFullscreen.d.ts.map +1 -0
- package/dist/types/components/icons/ExitFullscreen.d.ts +3 -0
- package/dist/types/components/icons/ExitFullscreen.d.ts.map +1 -0
- package/dist/types/components/icons/Pause.d.ts +3 -0
- package/dist/types/components/icons/Pause.d.ts.map +1 -0
- package/dist/types/components/icons/Play.d.ts +3 -0
- package/dist/types/components/icons/Play.d.ts.map +1 -0
- package/dist/types/components/icons/ZoomIn.d.ts +3 -0
- package/dist/types/components/icons/ZoomIn.d.ts.map +1 -0
- package/dist/types/components/icons/ZoomOut.d.ts +3 -0
- package/dist/types/components/icons/ZoomOut.d.ts.map +1 -0
- package/dist/types/context/LightboxContext.d.ts +46 -0
- package/dist/types/context/LightboxContext.d.ts.map +1 -0
- package/dist/types/context/LightboxSlideContext.d.ts +8 -0
- package/dist/types/context/LightboxSlideContext.d.ts.map +1 -0
- package/dist/types/context/LightboxThumbnailContext.d.ts +8 -0
- package/dist/types/context/LightboxThumbnailContext.d.ts.map +1 -0
- package/dist/types/hooks/useAutoPlay.d.ts +2 -1
- package/dist/types/hooks/useAutoPlay.d.ts.map +1 -1
- package/dist/types/hooks/useLightbox.d.ts +5 -27
- package/dist/types/hooks/useLightbox.d.ts.map +1 -1
- package/dist/types/hooks/useLightboxRootOptions.d.ts +12 -0
- package/dist/types/hooks/useLightboxRootOptions.d.ts.map +1 -0
- package/dist/types/hooks/useSlideInteractions.d.ts +3 -3
- package/dist/types/hooks/useThumbnails.d.ts +5 -4
- package/dist/types/hooks/useThumbnails.d.ts.map +1 -1
- package/dist/types/hooks/useZoom.d.ts +3 -9
- package/dist/types/hooks/useZoom.d.ts.map +1 -1
- package/dist/types/index.d.mts +27 -3
- package/dist/types/index.d.ts +27 -3
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/stories/Lightbox.story.d.ts +11 -0
- package/dist/types/stories/Lightbox.story.d.ts.map +1 -0
- package/dist/types/utils/pointer.d.ts +63 -0
- package/dist/types/utils/pointer.d.ts.map +1 -0
- package/dist/types/utils/zoom.d.ts +12 -62
- package/dist/types/utils/zoom.d.ts.map +1 -1
- package/package.json +2 -4
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type BoxProps, type ElementProps, type TransitionOverride } from "@mantine/core";
|
|
2
|
+
import type { ReactNode } from "react";
|
|
3
|
+
export interface LightboxContentProps extends BoxProps, ElementProps<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* Transition applied to the content panel, merged with
|
|
6
|
+
* `{ transition: 'fade', duration: 250 }` by default.
|
|
7
|
+
* Note: `mounted` and `keepMounted` within `transitionProps` have no effect —
|
|
8
|
+
* they are controlled by `LightboxRoot`.
|
|
9
|
+
*/
|
|
10
|
+
transitionProps?: TransitionOverride;
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare function LightboxContent(_props: LightboxContentProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=LightboxContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxContent.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,YAAY,EAEjB,KAAK,kBAAkB,EAEvB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,oBAAqB,SAAQ,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC;IAC1E;;;;;OAKG;IACH,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAMD,wBAAgB,eAAe,CAAC,MAAM,EAAE,oBAAoB,2CA4B3D"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type CompoundStylesApiProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxControlsStylesNames = "control";
|
|
3
|
+
export interface LightboxControlsProps extends CompoundStylesApiProps<LightboxControlsFactory> {
|
|
4
|
+
/** Size of the prev/next navigation buttons in px, `36` by default */
|
|
5
|
+
size?: number;
|
|
6
|
+
}
|
|
7
|
+
export type LightboxControlsFactory = Factory<{
|
|
8
|
+
props: LightboxControlsProps;
|
|
9
|
+
ref: HTMLElement;
|
|
10
|
+
stylesNames: LightboxControlsStylesNames;
|
|
11
|
+
compound: true;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const LightboxControls: import("@mantine/core").MantineComponent<{
|
|
14
|
+
props: LightboxControlsProps;
|
|
15
|
+
ref: HTMLElement;
|
|
16
|
+
stylesNames: LightboxControlsStylesNames;
|
|
17
|
+
compound: true;
|
|
18
|
+
}>;
|
|
19
|
+
//# sourceMappingURL=LightboxControls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxControls.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,sBAAsB,EAC3B,KAAK,OAAO,EAMZ,MAAM,eAAe,CAAC;AAIvB,MAAM,MAAM,2BAA2B,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,qBAChB,SAAQ,sBAAsB,CAAC,uBAAuB,CAAC;IACvD,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAMD,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,qBAAqB,CAAC;IAC7B,GAAG,EAAE,WAAW,CAAC;IACjB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB;WANrB,qBAAqB;SACvB,WAAW;iBACH,2BAA2B;cAC9B,IAAI;EAsDd,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxCounterStylesNames = "counter";
|
|
3
|
+
export interface LightboxCounterProps extends BoxProps, CompoundStylesApiProps<LightboxCounterFactory> {
|
|
4
|
+
/** Custom formatter for the counter label, `(i, t) => \`${i + 1} / ${t}\`` by default */
|
|
5
|
+
formatter?: (index: number, total: number) => string;
|
|
6
|
+
}
|
|
7
|
+
export type LightboxCounterFactory = Factory<{
|
|
8
|
+
props: LightboxCounterProps;
|
|
9
|
+
ref: HTMLParagraphElement;
|
|
10
|
+
stylesNames: LightboxCounterStylesNames;
|
|
11
|
+
compound: true;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const LightboxCounter: import("@mantine/core").MantineComponent<{
|
|
14
|
+
props: LightboxCounterProps;
|
|
15
|
+
ref: HTMLParagraphElement;
|
|
16
|
+
stylesNames: LightboxCounterStylesNames;
|
|
17
|
+
compound: true;
|
|
18
|
+
}>;
|
|
19
|
+
//# sourceMappingURL=LightboxCounter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxCounter.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,OAAO,EAIZ,MAAM,eAAe,CAAC;AAIvB,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,oBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,sBAAsB,CAAC;IAC/C,yFAAyF;IACzF,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACrD;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IAC5C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;WANpB,oBAAoB;SACtB,oBAAoB;iBACZ,0BAA0B;cAC7B,IAAI;EA+Bd,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxFullscreenButtonStylesNames = "fullscreenButton";
|
|
3
|
+
export interface LightboxFullscreenButtonProps extends BoxProps, CompoundStylesApiProps<LightboxFullscreenButtonFactory>, ElementProps<"button"> {
|
|
4
|
+
}
|
|
5
|
+
export type LightboxFullscreenButtonFactory = Factory<{
|
|
6
|
+
props: LightboxFullscreenButtonProps;
|
|
7
|
+
ref: HTMLButtonElement;
|
|
8
|
+
stylesNames: LightboxFullscreenButtonStylesNames;
|
|
9
|
+
compound: true;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const LightboxFullscreenButton: import("@mantine/core").MantineComponent<{
|
|
12
|
+
props: LightboxFullscreenButtonProps;
|
|
13
|
+
ref: HTMLButtonElement;
|
|
14
|
+
stylesNames: LightboxFullscreenButtonStylesNames;
|
|
15
|
+
compound: true;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=LightboxFullscreenButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxFullscreenButton.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxFullscreenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAMvB,MAAM,MAAM,mCAAmC,GAAG,kBAAkB,CAAC;AAErE,MAAM,WAAW,6BAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,+BAA+B,CAAC,EACvD,YAAY,CAAC,QAAQ,CAAC;CAAG;AAE3B,MAAM,MAAM,+BAA+B,GAAG,OAAO,CAAC;IACrD,KAAK,EAAE,6BAA6B,CAAC;IACrC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,mCAAmC,CAAC;IACjD,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,wBAAwB;WAN7B,6BAA6B;SAC/B,iBAAiB;iBACT,mCAAmC;cACtC,IAAI;EAkCZ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,YAAY,EAGjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAShD,wBAAgB,eAAe,CAAC,MAAM,EAAE,oBAAoB,2CAwB3D"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import type { LightboxProps } from "../Lightbox.js";
|
|
3
|
+
export interface LightboxPresetProps extends LightboxProps {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
withToolbar?: boolean;
|
|
6
|
+
withCounter?: boolean;
|
|
7
|
+
withThumbnails?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function LightboxPreset({ children, withToolbar, withCounter, withThumbnails, ...rootProps }: LightboxPresetProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=LightboxPreset.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxPreset.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxPreset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AASpD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,WAAkB,EAClB,WAAkB,EAClB,cAAqB,EACrB,GAAG,SAAS,EACZ,EAAE,mBAAmB,2CAYrB"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { type BoxProps, type ElementProps, type Factory, type OverlayProps, type StylesApiProps, type TransitionOverride } from "@mantine/core";
|
|
2
|
+
import { LightboxAutoplayButton } from "./LightboxAutoplayButton.js";
|
|
3
|
+
import { LightboxCloseButton } from "./LightboxCloseButton.js";
|
|
4
|
+
import { LightboxControls } from "./LightboxControls.js";
|
|
5
|
+
import { LightboxCounter } from "./LightboxCounter.js";
|
|
6
|
+
import { LightboxFullscreenButton } from "./LightboxFullscreenButton.js";
|
|
7
|
+
import { LightboxSlide } from "./LightboxSlide.js";
|
|
8
|
+
import { LightboxSlides } from "./LightboxSlides.js";
|
|
9
|
+
import { LightboxThumbnail } from "./LightboxThumbnail.js";
|
|
10
|
+
import { LightboxThumbnails } from "./LightboxThumbnails.js";
|
|
11
|
+
import { LightboxToolbar } from "./LightboxToolbar.js";
|
|
12
|
+
import { LightboxZoomButton } from "./LightboxZoomButton.js";
|
|
13
|
+
export type LightboxRootStylesNames = "root" | "overlay" | "slides" | "slidesViewport" | "slidesContainer" | "control" | "slide" | "zoomContainer" | "zoomContent" | "autoplayButton" | "zoomButton" | "fullscreenButton" | "toolbar" | "closeButton" | "counter" | "thumbnails" | "thumbnailsViewport" | "thumbnailsContainer" | "thumbnail" | "thumbnailButton";
|
|
14
|
+
export interface LightboxRootProps extends BoxProps, StylesApiProps<LightboxRootFactory>, ElementProps<"div"> {
|
|
15
|
+
/** Whether the lightbox is open */
|
|
16
|
+
opened: boolean;
|
|
17
|
+
/** Called when the lightbox requests to close */
|
|
18
|
+
onClose: () => void;
|
|
19
|
+
/** Whether to close when clicking outside the content, `true` by default */
|
|
20
|
+
closeOnClickOutside?: boolean;
|
|
21
|
+
/** Whether to keep content mounted when closed, `false` by default */
|
|
22
|
+
keepMounted?: boolean;
|
|
23
|
+
/** Whether to trap focus while open, `true` by default */
|
|
24
|
+
trapFocus?: boolean;
|
|
25
|
+
/** Whether to return focus to the trigger on close, `true` by default */
|
|
26
|
+
returnFocus?: boolean;
|
|
27
|
+
/** Whether to lock page scroll while open, `true` by default */
|
|
28
|
+
lockScroll?: boolean;
|
|
29
|
+
/** Whether to show the zoom toggle button in the toolbar, `true` by default */
|
|
30
|
+
withZoom?: boolean;
|
|
31
|
+
/** Whether to show the fullscreen toggle button in the toolbar, `true` by default */
|
|
32
|
+
withFullscreen?: boolean;
|
|
33
|
+
/** Whether to render inside a portal, `true` by default */
|
|
34
|
+
withinPortal?: boolean;
|
|
35
|
+
/** Props passed to the `Transition` component */
|
|
36
|
+
transitionProps?: TransitionOverride;
|
|
37
|
+
/** Props passed to the `Overlay` component */
|
|
38
|
+
overlayProps?: OverlayProps;
|
|
39
|
+
/** Layout and scroll direction of the lightbox, `'horizontal'` by default */
|
|
40
|
+
orientation?: "horizontal" | "vertical";
|
|
41
|
+
}
|
|
42
|
+
export type LightboxRootFactory = Factory<{
|
|
43
|
+
props: LightboxRootProps;
|
|
44
|
+
ref: HTMLDivElement;
|
|
45
|
+
stylesNames: LightboxRootStylesNames;
|
|
46
|
+
staticComponents: {
|
|
47
|
+
Root: typeof LightboxRoot;
|
|
48
|
+
Toolbar: typeof LightboxToolbar;
|
|
49
|
+
Counter: typeof LightboxCounter;
|
|
50
|
+
Controls: typeof LightboxControls;
|
|
51
|
+
Slides: typeof LightboxSlides;
|
|
52
|
+
Thumbnails: typeof LightboxThumbnails;
|
|
53
|
+
Thumbnail: typeof LightboxThumbnail;
|
|
54
|
+
Slide: typeof LightboxSlide;
|
|
55
|
+
CloseButton: typeof LightboxCloseButton;
|
|
56
|
+
ZoomButton: typeof LightboxZoomButton;
|
|
57
|
+
FullscreenButton: typeof LightboxFullscreenButton;
|
|
58
|
+
AutoplayButton: typeof LightboxAutoplayButton;
|
|
59
|
+
};
|
|
60
|
+
}>;
|
|
61
|
+
export declare const LightboxRoot: import("@mantine/core").MantineComponent<{
|
|
62
|
+
props: LightboxRootProps;
|
|
63
|
+
ref: HTMLDivElement;
|
|
64
|
+
stylesNames: LightboxRootStylesNames;
|
|
65
|
+
staticComponents: {
|
|
66
|
+
Root: typeof LightboxRoot;
|
|
67
|
+
Toolbar: typeof LightboxToolbar;
|
|
68
|
+
Counter: typeof LightboxCounter;
|
|
69
|
+
Controls: typeof LightboxControls;
|
|
70
|
+
Slides: typeof LightboxSlides;
|
|
71
|
+
Thumbnails: typeof LightboxThumbnails;
|
|
72
|
+
Thumbnail: typeof LightboxThumbnail;
|
|
73
|
+
Slide: typeof LightboxSlide;
|
|
74
|
+
CloseButton: typeof LightboxCloseButton;
|
|
75
|
+
ZoomButton: typeof LightboxZoomButton;
|
|
76
|
+
FullscreenButton: typeof LightboxFullscreenButton;
|
|
77
|
+
AutoplayButton: typeof LightboxAutoplayButton;
|
|
78
|
+
};
|
|
79
|
+
}>;
|
|
80
|
+
//# sourceMappingURL=LightboxRoot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxRoot.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface LightboxSlideContext {
|
|
2
|
+
index: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const LightboxSlideProvider: ({ children, value }: {
|
|
5
|
+
value: LightboxSlideContext;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxSlideContext: () => LightboxSlideContext;
|
|
8
|
+
//# sourceMappingURL=LightboxSlide.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxSlide.context.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxSlide.context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACpC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAO,qBAAqB;;;+CAAE,uBAAuB,4BAG1D,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxSlideStylesNames = "slide";
|
|
3
|
+
export interface LightboxSlideProps extends BoxProps, CompoundStylesApiProps<LightboxSlideFactory>, ElementProps<"div"> {
|
|
4
|
+
}
|
|
5
|
+
export type LightboxSlideFactory = Factory<{
|
|
6
|
+
props: LightboxSlideProps;
|
|
7
|
+
ref: HTMLDivElement;
|
|
8
|
+
stylesNames: LightboxSlideStylesNames;
|
|
9
|
+
compound: true;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const LightboxSlide: import("@mantine/core").MantineComponent<{
|
|
12
|
+
props: LightboxSlideProps;
|
|
13
|
+
ref: HTMLDivElement;
|
|
14
|
+
stylesNames: LightboxSlideStylesNames;
|
|
15
|
+
compound: true;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=LightboxSlide.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxSlide.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxSlide.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAevB,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,kBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,oBAAoB,CAAC,EAC5C,YAAY,CAAC,KAAK,CAAC;CAAG;AAExB,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IAC1C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;WANlB,kBAAkB;SACpB,cAAc;iBACN,wBAAwB;cAC3B,IAAI;EAoKb,CAAC"}
|
|
@@ -1,2 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
import type { EmblaOptionsType, EmblaPluginType } from "embla-carousel";
|
|
3
|
+
export type LightboxSlidesStylesNames = "slides" | "slidesViewport" | "slidesContainer";
|
|
4
|
+
export interface LightboxSlidesProps extends BoxProps, CompoundStylesApiProps<LightboxSlidesFactory>, ElementProps<"div"> {
|
|
5
|
+
/** Initial slide index, `0` by default */
|
|
6
|
+
initialSlide?: number;
|
|
7
|
+
/** Options passed directly to the Embla slide carousel */
|
|
8
|
+
emblaOptions?: EmblaOptionsType;
|
|
9
|
+
/** Plugins passed directly to the Embla slide carousel */
|
|
10
|
+
emblaPlugins?: EmblaPluginType[];
|
|
11
|
+
}
|
|
12
|
+
export type LightboxSlidesFactory = Factory<{
|
|
13
|
+
props: LightboxSlidesProps;
|
|
14
|
+
ref: HTMLDivElement;
|
|
15
|
+
stylesNames: LightboxSlidesStylesNames;
|
|
16
|
+
compound: true;
|
|
17
|
+
}>;
|
|
18
|
+
export declare const LightboxSlides: import("@mantine/core").MantineComponent<{
|
|
19
|
+
props: LightboxSlidesProps;
|
|
20
|
+
ref: HTMLDivElement;
|
|
21
|
+
stylesNames: LightboxSlidesStylesNames;
|
|
22
|
+
compound: true;
|
|
23
|
+
}>;
|
|
2
24
|
//# sourceMappingURL=LightboxSlides.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LightboxSlides.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxSlides.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LightboxSlides.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxSlides.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAEX,gBAAgB,EAChB,eAAe,EACf,MAAM,gBAAgB,CAAC;AAOxB,MAAM,MAAM,yBAAyB,GAClC,QAAQ,GACR,gBAAgB,GAChB,iBAAiB,CAAC;AAErB,MAAM,WAAW,mBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,qBAAqB,CAAC,EAC7C,YAAY,CAAC,KAAK,CAAC;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC;AAMD,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;WANnB,mBAAmB;SACrB,cAAc;iBACN,yBAAyB;cAC5B,IAAI;EAkHb,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface LightboxThumbnailContext {
|
|
2
|
+
index: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const LightboxThumbnailProvider: ({ children, value }: {
|
|
5
|
+
value: LightboxThumbnailContext;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxThumbnailContext: () => LightboxThumbnailContext;
|
|
8
|
+
//# sourceMappingURL=LightboxThumbnail.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxThumbnail.context.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxThumbnail.context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAO,yBAAyB;;;+CAAE,2BAA2B,gCAGlE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxThumbnailStylesNames = "thumbnail" | "thumbnailButton";
|
|
3
|
+
export interface LightboxThumbnailProps extends BoxProps, CompoundStylesApiProps<LightboxThumbnailFactory>, ElementProps<"div"> {
|
|
4
|
+
}
|
|
5
|
+
export type LightboxThumbnailFactory = Factory<{
|
|
6
|
+
props: LightboxThumbnailProps;
|
|
7
|
+
ref: HTMLDivElement;
|
|
8
|
+
stylesNames: LightboxThumbnailStylesNames;
|
|
9
|
+
compound: true;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const LightboxThumbnail: import("@mantine/core").MantineComponent<{
|
|
12
|
+
props: LightboxThumbnailProps;
|
|
13
|
+
ref: HTMLDivElement;
|
|
14
|
+
stylesNames: LightboxThumbnailStylesNames;
|
|
15
|
+
compound: true;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=LightboxThumbnail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxThumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxThumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAIZ,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,4BAA4B,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAE3E,MAAM,WAAW,sBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,wBAAwB,CAAC,EAChD,YAAY,CAAC,KAAK,CAAC;CAAG;AAExB,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,sBAAsB,CAAC;IAC9B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,4BAA4B,CAAC;IAC1C,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB;WANtB,sBAAsB;SACxB,cAAc;iBACN,4BAA4B;cAC/B,IAAI;EA+Bd,CAAC"}
|
|
@@ -1,8 +1,20 @@
|
|
|
1
|
-
import type
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
import type { EmblaOptionsType } from "embla-carousel";
|
|
3
|
+
export type LightboxThumbnailsStylesNames = "thumbnails" | "thumbnailsViewport" | "thumbnailsContainer";
|
|
4
|
+
export interface LightboxThumbnailsProps extends BoxProps, CompoundStylesApiProps<LightboxThumbnailsFactory>, ElementProps<"div"> {
|
|
5
|
+
/** Options passed directly to the Embla thumbnail carousel, `{ dragFree: true }` by default */
|
|
6
|
+
emblaOptions?: EmblaOptionsType;
|
|
5
7
|
}
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
+
export type LightboxThumbnailsFactory = Factory<{
|
|
9
|
+
props: LightboxThumbnailsProps;
|
|
10
|
+
ref: HTMLDivElement;
|
|
11
|
+
stylesNames: LightboxThumbnailsStylesNames;
|
|
12
|
+
compound: true;
|
|
13
|
+
}>;
|
|
14
|
+
export declare const LightboxThumbnails: import("@mantine/core").MantineComponent<{
|
|
15
|
+
props: LightboxThumbnailsProps;
|
|
16
|
+
ref: HTMLDivElement;
|
|
17
|
+
stylesNames: LightboxThumbnailsStylesNames;
|
|
18
|
+
compound: true;
|
|
19
|
+
}>;
|
|
8
20
|
//# sourceMappingURL=LightboxThumbnails.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LightboxThumbnails.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxThumbnails.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LightboxThumbnails.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxThumbnails.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAOvD,MAAM,MAAM,6BAA6B,GACtC,YAAY,GACZ,oBAAoB,GACpB,qBAAqB,CAAC;AAEzB,MAAM,WAAW,uBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,yBAAyB,CAAC,EACjD,YAAY,CAAC,KAAK,CAAC;IACpB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAMD,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC/C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB;WANvB,uBAAuB;SACzB,cAAc;iBACN,6BAA6B;cAChC,IAAI;EAsId,CAAC"}
|
|
@@ -1,2 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxToolbarStylesNames = "toolbar" | "autoplayButton" | "fullscreenButton" | "zoomButton" | "closeButton";
|
|
3
|
+
export interface LightboxToolbarProps extends BoxProps, CompoundStylesApiProps<LightboxToolbarFactory>, ElementProps<"div"> {
|
|
4
|
+
}
|
|
5
|
+
export type LightboxToolbarFactory = Factory<{
|
|
6
|
+
props: LightboxToolbarProps;
|
|
7
|
+
ref: HTMLDivElement;
|
|
8
|
+
stylesNames: LightboxToolbarStylesNames;
|
|
9
|
+
compound: true;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const LightboxToolbar: import("@mantine/core").MantineComponent<{
|
|
12
|
+
props: LightboxToolbarProps;
|
|
13
|
+
ref: HTMLDivElement;
|
|
14
|
+
stylesNames: LightboxToolbarStylesNames;
|
|
15
|
+
compound: true;
|
|
16
|
+
}>;
|
|
2
17
|
//# sourceMappingURL=LightboxToolbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LightboxToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxToolbar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LightboxToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EAEb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAUvB,MAAM,MAAM,0BAA0B,GACnC,SAAS,GACT,gBAAgB,GAChB,kBAAkB,GAClB,YAAY,GACZ,aAAa,CAAC;AAEjB,MAAM,WAAW,oBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,sBAAsB,CAAC,EAC9C,YAAY,CAAC,KAAK,CAAC;CAAG;AAExB,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IAC5C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;WANpB,oBAAoB;SACtB,cAAc;iBACN,0BAA0B;cAC7B,IAAI;EAiFd,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxZoomButtonStylesNames = "zoomButton";
|
|
3
|
+
export interface LightboxZoomButtonProps extends BoxProps, CompoundStylesApiProps<LightboxZoomButtonFactory>, ElementProps<"button"> {
|
|
4
|
+
}
|
|
5
|
+
export type LightboxZoomButtonFactory = Factory<{
|
|
6
|
+
props: LightboxZoomButtonProps;
|
|
7
|
+
ref: HTMLButtonElement;
|
|
8
|
+
stylesNames: LightboxZoomButtonStylesNames;
|
|
9
|
+
compound: true;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const LightboxZoomButton: import("@mantine/core").MantineComponent<{
|
|
12
|
+
props: LightboxZoomButtonProps;
|
|
13
|
+
ref: HTMLButtonElement;
|
|
14
|
+
stylesNames: LightboxZoomButtonStylesNames;
|
|
15
|
+
compound: true;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=LightboxZoomButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxZoomButton.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxZoomButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAMvB,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAC;AAEzD,MAAM,WAAW,uBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,yBAAyB,CAAC,EACjD,YAAY,CAAC,QAAQ,CAAC;CAAG;AAE3B,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC/C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB;WANvB,uBAAuB;SACzB,iBAAiB;iBACT,6BAA6B;cAChC,IAAI;EA+Bd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EnterFullscreen.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/EnterFullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,eAAe,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmB7D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExitFullscreen.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/ExitFullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,cAAc,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmB5D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pause.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Pause.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,KAAK,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAiBnD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Play.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Play.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,IAAI,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAalD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoomIn.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/ZoomIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,MAAM,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmBpD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoomOut.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/ZoomOut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,OAAO,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAkBrD,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { type GetStylesApi } from "@mantine/core";
|
|
2
|
+
import type { EmblaCarouselType } from "embla-carousel";
|
|
3
|
+
import type { PointerEvent as ReactPointerEvent, RefObject } from "react";
|
|
4
|
+
import type { LightboxRootFactory } from "../components/LightboxRoot.js";
|
|
5
|
+
import type { ZoomOffset } from "../utils/zoom.js";
|
|
6
|
+
export interface LightboxContext {
|
|
7
|
+
getStyles: GetStylesApi<LightboxRootFactory>;
|
|
8
|
+
opened: boolean;
|
|
9
|
+
currentIndex: number;
|
|
10
|
+
slideCount: number | null;
|
|
11
|
+
slidesEmblaRef: RefObject<EmblaCarouselType | null>;
|
|
12
|
+
thumbnailsEmblaRef: RefObject<EmblaCarouselType | null>;
|
|
13
|
+
setCurrentIndex: (index: number) => void;
|
|
14
|
+
setSlideCount: (count: number | null) => void;
|
|
15
|
+
onClose: () => void;
|
|
16
|
+
onOutsideClick: () => void;
|
|
17
|
+
onThumbnailClick: (index: number) => void;
|
|
18
|
+
onScrollPrev: () => void;
|
|
19
|
+
onScrollNext: () => void;
|
|
20
|
+
orientation: "horizontal" | "vertical";
|
|
21
|
+
canAutoPlay: boolean;
|
|
22
|
+
isPlaying: boolean;
|
|
23
|
+
toggleAutoPlay: () => void;
|
|
24
|
+
onSlidesEmblaApi: (embla: EmblaCarouselType) => void;
|
|
25
|
+
withFullscreen: boolean;
|
|
26
|
+
isFullscreen: boolean;
|
|
27
|
+
toggleFullscreen: () => void;
|
|
28
|
+
withZoom: boolean;
|
|
29
|
+
isZoomed: boolean;
|
|
30
|
+
isZoomedRef: RefObject<boolean>;
|
|
31
|
+
isDraggingZoom: boolean;
|
|
32
|
+
canZoomCurrent: boolean;
|
|
33
|
+
zoomOffset: ZoomOffset;
|
|
34
|
+
zoomScale: number;
|
|
35
|
+
activeZoomContainerRef: RefObject<HTMLDivElement | null>;
|
|
36
|
+
toggleZoom: () => void;
|
|
37
|
+
updateCanZoomAvailability: () => void;
|
|
38
|
+
handleZoomPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;
|
|
39
|
+
handleZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
|
|
40
|
+
handleZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;
|
|
41
|
+
}
|
|
42
|
+
export declare const LightboxProvider: ({ children, value }: {
|
|
43
|
+
value: LightboxContext;
|
|
44
|
+
children: React.ReactNode;
|
|
45
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxContext: () => LightboxContext;
|
|
46
|
+
//# sourceMappingURL=LightboxContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxContext.d.ts","sourceRoot":"","sources":["../../../src/context/LightboxContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC/B,SAAS,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACpD,kBAAkB,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACxD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IAEvC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAErD,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAE7B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1E,qBAAqB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1E,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACzE;AAED,eAAO,MAAO,gBAAgB;;;+CAAE,kBAAkB,uBAGhD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface LightboxSlideContext {
|
|
2
|
+
index: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const LightboxSlideProvider: ({ children, value }: {
|
|
5
|
+
value: LightboxSlideContext;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxSlideContext: () => LightboxSlideContext;
|
|
8
|
+
//# sourceMappingURL=LightboxSlideContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxSlideContext.d.ts","sourceRoot":"","sources":["../../../src/context/LightboxSlideContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACpC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAO,qBAAqB;;;+CAAE,uBAAuB,4BAG1D,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface LightboxThumbnailContext {
|
|
2
|
+
index: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const LightboxThumbnailProvider: ({ children, value }: {
|
|
5
|
+
value: LightboxThumbnailContext;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxThumbnailContext: () => LightboxThumbnailContext;
|
|
8
|
+
//# sourceMappingURL=LightboxThumbnailContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxThumbnailContext.d.ts","sourceRoot":"","sources":["../../../src/context/LightboxThumbnailContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAO,yBAAyB;;;+CAAE,2BAA2B,gCAGlE,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { EmblaCarouselType } from "embla-carousel";
|
|
2
2
|
interface UseAutoPlayOutput {
|
|
3
|
-
|
|
3
|
+
canAutoPlay: boolean;
|
|
4
4
|
isPlaying: boolean;
|
|
5
5
|
toggleAutoPlay: () => void;
|
|
6
|
+
notifyAutoPlayInteraction: () => void;
|
|
6
7
|
handleEmblaApiForAutoPlay: (embla: EmblaCarouselType) => void;
|
|
7
8
|
}
|
|
8
9
|
export declare function useAutoPlay(): UseAutoPlayOutput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAutoPlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAutoPlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,UAAU,iBAAiB;IAC1B,
|
|
1
|
+
{"version":3,"file":"useAutoPlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAutoPlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,UAAU,iBAAiB;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,yBAAyB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9D;AAED,wBAAgB,WAAW,IAAI,iBAAiB,CA0F/C"}
|
|
@@ -1,50 +1,28 @@
|
|
|
1
1
|
import type { CarouselProps } from "@mantine/carousel";
|
|
2
2
|
import type { EmblaCarouselType } from "embla-carousel";
|
|
3
|
-
import { type ForwardedRef
|
|
3
|
+
import { type ForwardedRef } from "react";
|
|
4
4
|
import type { LightboxCarouselOptions, LightboxThumbnailEmblaOptions } from "../Lightbox.js";
|
|
5
|
-
import type { LightboxSlideProps } from "../LightboxSlide.js";
|
|
6
|
-
import type { ZoomOffset } from "../utils/zoom.js";
|
|
7
|
-
import { type UseCarouselOptionsOutput } from "./useCarouselOptions.js";
|
|
8
5
|
interface UseLightboxInput {
|
|
9
6
|
ref: ForwardedRef<HTMLDivElement>;
|
|
10
7
|
opened: boolean;
|
|
8
|
+
initialSlide: number | undefined;
|
|
11
9
|
onClose: () => void;
|
|
12
10
|
closeOnClickOutside: boolean | undefined;
|
|
13
11
|
trapFocus: boolean | undefined;
|
|
14
12
|
returnFocus: boolean | undefined;
|
|
15
|
-
children: ReactNode;
|
|
16
13
|
carouselOptions: LightboxCarouselOptions | undefined;
|
|
17
14
|
thumbnailEmblaOptions: LightboxThumbnailEmblaOptions | undefined;
|
|
18
15
|
counterFormatter: ((index: number, total: number) => string) | undefined;
|
|
19
16
|
}
|
|
20
|
-
interface UseLightboxOutput {
|
|
17
|
+
export interface UseLightboxOutput {
|
|
21
18
|
mergedRef: (node: HTMLDivElement | null) => void;
|
|
22
|
-
slides: ReactElement<Pick<LightboxSlideProps, "children" | "thumbnail">>[];
|
|
23
19
|
currentIndex: number;
|
|
24
|
-
counterText: string;
|
|
25
|
-
isFullscreen: boolean;
|
|
26
|
-
canUseFullscreen: boolean;
|
|
27
|
-
toggleFullscreen: () => void;
|
|
28
|
-
isZoomed: boolean;
|
|
29
|
-
isDraggingZoom: boolean;
|
|
30
|
-
zoomOffset: ZoomOffset;
|
|
31
|
-
zoomScale: number;
|
|
32
|
-
canZoomCurrent: boolean;
|
|
33
|
-
activeZoomContainerRef: RefObject<HTMLDivElement | null>;
|
|
34
|
-
toggleZoom: () => void;
|
|
35
|
-
updateCanZoomAvailability: () => void;
|
|
36
|
-
handleZoomPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;
|
|
37
|
-
handleZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
|
|
38
|
-
handleZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;
|
|
20
|
+
counterText: string | null;
|
|
39
21
|
handleEmblaApi: CarouselProps["getEmblaApi"];
|
|
40
22
|
handleThumbnailsEmblaApi: (embla: EmblaCarouselType) => void;
|
|
41
|
-
handleSlideChange: (index: number) => void;
|
|
42
23
|
handleThumbnailClick: (index: number) => void;
|
|
43
24
|
handleOutsideClick: () => void;
|
|
44
|
-
|
|
45
|
-
canUseAutoPlay: boolean;
|
|
46
|
-
toggleAutoPlay: () => void;
|
|
47
|
-
mergedCarouselOptions: UseCarouselOptionsOutput;
|
|
25
|
+
mergedCarouselOptions: LightboxCarouselOptions;
|
|
48
26
|
mergedThumbnailEmblaOptions: LightboxThumbnailEmblaOptions;
|
|
49
27
|
}
|
|
50
28
|
export declare function useLightbox(props: UseLightboxInput): UseLightboxOutput;
|