yet-another-react-lightbox 3.15.4 → 3.15.6
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/dist/index.d.ts +2 -1
- package/dist/index.js +89 -83
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ declare const hasWindow: () => boolean;
|
|
|
19
19
|
declare function round(value: number, decimals?: number): number;
|
|
20
20
|
declare const isImageSlide: (slide: Slide) => slide is SlideImage;
|
|
21
21
|
declare const isImageFitCover: (image: SlideImage, imageFit?: LightboxProps["carousel"]["imageFit"]) => boolean;
|
|
22
|
+
declare function parseInt(value: string | number): number;
|
|
22
23
|
declare function parseLengthPercentage(input: LengthOrPercentage): {
|
|
23
24
|
pixel: number;
|
|
24
25
|
percent?: undefined;
|
|
@@ -260,4 +261,4 @@ declare const RootModule: Module;
|
|
|
260
261
|
declare function Toolbar({ toolbar: { buttons }, render: { buttonClose, iconClose }, styles }: ComponentProps): React.JSX.Element;
|
|
261
262
|
declare const ToolbarModule: Module;
|
|
262
263
|
|
|
263
|
-
export { Augmentation, Callback, Carousel, CarouselModule, CarouselSettings, CloseIcon, Component, ComponentProps, type ComputeAnimation, ContainerRect, Controller, ControllerContext, type ControllerContextType, ControllerModule, ControllerRef, ErrorIcon, type Event, type EventCallback, EventTypes, EventsContext, type EventsContextType, EventsProvider, IconButton, type IconButtonProps, ImageSlide, type ImageSlideProps, type KeyboardEventType, Labels, LengthOrPercentage, Lightbox, LightboxDefaultProps, LightboxDispatchContext, type LightboxDispatchContextType, LightboxExternalProps, LightboxProps, LightboxPropsContext, type LightboxPropsContextType, LightboxPropsProvider, LightboxState, type LightboxStateAction, LightboxStateContext, type LightboxStateContextType, LightboxStateProvider, type LightboxStateProviderProps, LightboxStateSwipeAction, LightboxStateUpdateAction, LoadingIcon, Module, Navigation, NavigationButton, type NavigationButtonProps, NavigationModule, NextIcon, NoScroll, NoScrollModule, Node, Plugin, type PointerEventType, Portal, PortalModule, PreviousIcon, type Publish, type ReactEventType, type RegisterSensors, Render, RenderFunction, Root, RootModule, type SensorCallback, Slide, SlideImage, type Subscribe, type SubscribeSensors, type SupportedEventType, SwipeState, TimeoutsContext, type TimeoutsContextType, TimeoutsProvider, Toolbar, ToolbarModule, ToolbarSettings, type Topic, type Unsubscribe, type UseSensors, type WheelEventType, addToolbarButton, calculatePreload, cleanup, clsx, composePrefix, computeSlideRect, createIcon, createIconDisabled, createModule, createNode, cssClass, cssVar, Lightbox as default, devicePixelRatio, getSlide, getSlideIfPresent, getSlideIndex, hasSlides, hasWindow, isImageFitCover, isImageSlide, label, makeComposePrefix, makeUseContext, parseLengthPercentage, round, setRef, stopNavigationEventsPropagation, useAnimation, useContainerRect, useController, useDelay, useEventCallback, useEvents, useForkRef, useKeyboardNavigation, useLayoutEffect, useLightboxDispatch, useLightboxProps, useLightboxState, useLoseFocus, useMotionPreference, useNavigationState, usePointerSwipe, usePreventSwipeNavigation, useRTL, useSensors, useThrottle, useTimeouts, useWheelSwipe, withPlugins };
|
|
264
|
+
export { Augmentation, Callback, Carousel, CarouselModule, CarouselSettings, CloseIcon, Component, ComponentProps, type ComputeAnimation, ContainerRect, Controller, ControllerContext, type ControllerContextType, ControllerModule, ControllerRef, ErrorIcon, type Event, type EventCallback, EventTypes, EventsContext, type EventsContextType, EventsProvider, IconButton, type IconButtonProps, ImageSlide, type ImageSlideProps, type KeyboardEventType, Labels, LengthOrPercentage, Lightbox, LightboxDefaultProps, LightboxDispatchContext, type LightboxDispatchContextType, LightboxExternalProps, LightboxProps, LightboxPropsContext, type LightboxPropsContextType, LightboxPropsProvider, LightboxState, type LightboxStateAction, LightboxStateContext, type LightboxStateContextType, LightboxStateProvider, type LightboxStateProviderProps, LightboxStateSwipeAction, LightboxStateUpdateAction, LoadingIcon, Module, Navigation, NavigationButton, type NavigationButtonProps, NavigationModule, NextIcon, NoScroll, NoScrollModule, Node, Plugin, type PointerEventType, Portal, PortalModule, PreviousIcon, type Publish, type ReactEventType, type RegisterSensors, Render, RenderFunction, Root, RootModule, type SensorCallback, Slide, SlideImage, type Subscribe, type SubscribeSensors, type SupportedEventType, SwipeState, TimeoutsContext, type TimeoutsContextType, TimeoutsProvider, Toolbar, ToolbarModule, ToolbarSettings, type Topic, type Unsubscribe, type UseSensors, type WheelEventType, addToolbarButton, calculatePreload, cleanup, clsx, composePrefix, computeSlideRect, createIcon, createIconDisabled, createModule, createNode, cssClass, cssVar, Lightbox as default, devicePixelRatio, getSlide, getSlideIfPresent, getSlideIndex, hasSlides, hasWindow, isImageFitCover, isImageSlide, label, makeComposePrefix, makeUseContext, parseInt, parseLengthPercentage, round, setRef, stopNavigationEventsPropagation, useAnimation, useContainerRect, useController, useDelay, useEventCallback, useEvents, useForkRef, useKeyboardNavigation, useLayoutEffect, useLightboxDispatch, useLightboxProps, useLightboxState, useLoseFocus, useMotionPreference, useNavigationState, usePointerSwipe, usePreventSwipeNavigation, useRTL, useSensors, useThrottle, useTimeouts, useWheelSwipe, withPlugins };
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,84 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { IMAGE_FIT_COVER, IMAGE_FIT_CONTAIN, ACTION_CLOSE, MODULE_CONTROLLER, UNKNOWN_ACTION_TYPE, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_CANCEL, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_WHEEL, SLIDE_STATUS_LOADING, activeSlideStatus, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_PLACEHOLDER, ACTION_PREV, ACTION_NEXT, ACTION_SWIPE, MODULE_PORTAL, CLASS_FLEX_CENTER, MODULE_CAROUSEL, CLASS_SLIDE_WRAPPER, VK_ARROW_RIGHT, VK_ARROW_LEFT, VK_ESCAPE, MODULE_NAVIGATION, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, MODULE_NO_SCROLL, MODULE_ROOT, MODULE_TOOLBAR } from './types.js';
|
|
4
4
|
import { createPortal } from 'react-dom';
|
|
5
5
|
export { ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, CLASS_FULLSIZE, PLUGIN_CAPTIONS, PLUGIN_COUNTER, PLUGIN_DOWNLOAD, PLUGIN_FULLSCREEN, PLUGIN_INLINE, PLUGIN_SHARE, PLUGIN_SLIDESHOW, PLUGIN_THUMBNAILS, PLUGIN_ZOOM, SLIDE_STATUS_PLAYING } from './types.js';
|
|
6
6
|
|
|
7
|
+
const clsx = (...classes) => [...classes].filter((cls) => Boolean(cls)).join(" ");
|
|
8
|
+
const cssPrefix$3 = "yarl__";
|
|
9
|
+
const cssClass = (name) => `${cssPrefix$3}${name}`;
|
|
10
|
+
const cssVar = (name) => `--${cssPrefix$3}${name}`;
|
|
11
|
+
const composePrefix = (base, prefix) => `${base}${prefix ? `_${prefix}` : ""}`;
|
|
12
|
+
const makeComposePrefix = (base) => (prefix) => composePrefix(base, prefix);
|
|
13
|
+
const label = (labels, lbl) => (labels && labels[lbl] ? labels[lbl] : lbl);
|
|
14
|
+
const cleanup = (...cleaners) => () => {
|
|
15
|
+
cleaners.forEach((cleaner) => {
|
|
16
|
+
cleaner();
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
const makeUseContext = (name, contextName, context) => () => {
|
|
20
|
+
const ctx = React.useContext(context);
|
|
21
|
+
if (!ctx) {
|
|
22
|
+
throw new Error(`${name} must be used within a ${contextName}.Provider`);
|
|
23
|
+
}
|
|
24
|
+
return ctx;
|
|
25
|
+
};
|
|
26
|
+
const hasWindow = () => typeof window !== "undefined";
|
|
27
|
+
function round(value, decimals = 0) {
|
|
28
|
+
const factor = 10 ** decimals;
|
|
29
|
+
return Math.round((value + Number.EPSILON) * factor) / factor;
|
|
30
|
+
}
|
|
31
|
+
const isImageSlide = (slide) => slide.type === undefined || slide.type === "image";
|
|
32
|
+
const isImageFitCover = (image, imageFit) => image.imageFit === IMAGE_FIT_COVER || (image.imageFit !== IMAGE_FIT_CONTAIN && imageFit === IMAGE_FIT_COVER);
|
|
33
|
+
function parseInt(value) {
|
|
34
|
+
return typeof value === "string" ? Number.parseInt(value, 10) : value;
|
|
35
|
+
}
|
|
36
|
+
function parseLengthPercentage(input) {
|
|
37
|
+
if (typeof input === "number") {
|
|
38
|
+
return { pixel: input };
|
|
39
|
+
}
|
|
40
|
+
if (typeof input === "string") {
|
|
41
|
+
const value = parseInt(input);
|
|
42
|
+
return input.endsWith("%") ? { percent: value } : { pixel: value };
|
|
43
|
+
}
|
|
44
|
+
return { pixel: 0 };
|
|
45
|
+
}
|
|
46
|
+
function computeSlideRect(containerRect, padding) {
|
|
47
|
+
const paddingValue = parseLengthPercentage(padding);
|
|
48
|
+
const paddingPixels = paddingValue.percent !== undefined ? (containerRect.width / 100) * paddingValue.percent : paddingValue.pixel;
|
|
49
|
+
return {
|
|
50
|
+
width: Math.max(containerRect.width - 2 * paddingPixels, 0),
|
|
51
|
+
height: Math.max(containerRect.height - 2 * paddingPixels, 0),
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
const devicePixelRatio = () => (hasWindow() ? window === null || window === void 0 ? void 0 : window.devicePixelRatio : undefined) || 1;
|
|
55
|
+
const getSlideIndex = (index, slidesCount) => slidesCount > 0 ? ((index % slidesCount) + slidesCount) % slidesCount : 0;
|
|
56
|
+
const hasSlides = (slides) => slides.length > 0;
|
|
57
|
+
const getSlide = (slides, index) => slides[getSlideIndex(index, slides.length)];
|
|
58
|
+
const getSlideIfPresent = (slides, index) => hasSlides(slides) ? getSlide(slides, index) : undefined;
|
|
59
|
+
function addToolbarButton(toolbar, key, button) {
|
|
60
|
+
if (!button)
|
|
61
|
+
return toolbar;
|
|
62
|
+
const { buttons, ...restToolbar } = toolbar;
|
|
63
|
+
const index = buttons.findIndex((item) => item === key);
|
|
64
|
+
const buttonWithKey = React.isValidElement(button) ? React.cloneElement(button, { key }, null) : button;
|
|
65
|
+
if (index >= 0) {
|
|
66
|
+
const result = [...buttons];
|
|
67
|
+
result.splice(index, 1, buttonWithKey);
|
|
68
|
+
return { buttons: result, ...restToolbar };
|
|
69
|
+
}
|
|
70
|
+
return { buttons: [buttonWithKey, ...buttons], ...restToolbar };
|
|
71
|
+
}
|
|
72
|
+
function stopNavigationEventsPropagation() {
|
|
73
|
+
const stopPropagation = (event) => {
|
|
74
|
+
event.stopPropagation();
|
|
75
|
+
};
|
|
76
|
+
return { onPointerDown: stopPropagation, onKeyDown: stopPropagation, onWheel: stopPropagation };
|
|
77
|
+
}
|
|
78
|
+
function calculatePreload(carousel, slides, minimum = 0) {
|
|
79
|
+
return Math.min(carousel.preload, Math.max(carousel.finite ? slides.length - 1 : Math.floor(slides.length / 2), minimum));
|
|
80
|
+
}
|
|
81
|
+
|
|
7
82
|
const LightboxDefaultProps = {
|
|
8
83
|
open: false,
|
|
9
84
|
close: () => { },
|
|
@@ -140,78 +215,6 @@ function withPlugins(root, plugins = [], augmentations = []) {
|
|
|
140
215
|
};
|
|
141
216
|
}
|
|
142
217
|
|
|
143
|
-
const clsx = (...classes) => [...classes].filter((cls) => Boolean(cls)).join(" ");
|
|
144
|
-
const cssPrefix$3 = "yarl__";
|
|
145
|
-
const cssClass = (name) => `${cssPrefix$3}${name}`;
|
|
146
|
-
const cssVar = (name) => `--${cssPrefix$3}${name}`;
|
|
147
|
-
const composePrefix = (base, prefix) => `${base}${prefix ? `_${prefix}` : ""}`;
|
|
148
|
-
const makeComposePrefix = (base) => (prefix) => composePrefix(base, prefix);
|
|
149
|
-
const label = (labels, lbl) => (labels && labels[lbl] ? labels[lbl] : lbl);
|
|
150
|
-
const cleanup = (...cleaners) => () => {
|
|
151
|
-
cleaners.forEach((cleaner) => {
|
|
152
|
-
cleaner();
|
|
153
|
-
});
|
|
154
|
-
};
|
|
155
|
-
const makeUseContext = (name, contextName, context) => () => {
|
|
156
|
-
const ctx = React.useContext(context);
|
|
157
|
-
if (!ctx) {
|
|
158
|
-
throw new Error(`${name} must be used within a ${contextName}.Provider`);
|
|
159
|
-
}
|
|
160
|
-
return ctx;
|
|
161
|
-
};
|
|
162
|
-
const hasWindow = () => typeof window !== "undefined";
|
|
163
|
-
function round(value, decimals = 0) {
|
|
164
|
-
const factor = 10 ** decimals;
|
|
165
|
-
return Math.round((value + Number.EPSILON) * factor) / factor;
|
|
166
|
-
}
|
|
167
|
-
const isImageSlide = (slide) => slide.type === undefined || slide.type === "image";
|
|
168
|
-
const isImageFitCover = (image, imageFit) => image.imageFit === IMAGE_FIT_COVER || (image.imageFit !== IMAGE_FIT_CONTAIN && imageFit === IMAGE_FIT_COVER);
|
|
169
|
-
function parseLengthPercentage(input) {
|
|
170
|
-
if (typeof input === "number") {
|
|
171
|
-
return { pixel: input };
|
|
172
|
-
}
|
|
173
|
-
if (typeof input === "string") {
|
|
174
|
-
const value = parseInt(input, 10);
|
|
175
|
-
return input.endsWith("%") ? { percent: value } : { pixel: value };
|
|
176
|
-
}
|
|
177
|
-
return { pixel: 0 };
|
|
178
|
-
}
|
|
179
|
-
function computeSlideRect(containerRect, padding) {
|
|
180
|
-
const paddingValue = parseLengthPercentage(padding);
|
|
181
|
-
const paddingPixels = paddingValue.percent !== undefined ? (containerRect.width / 100) * paddingValue.percent : paddingValue.pixel;
|
|
182
|
-
return {
|
|
183
|
-
width: Math.max(containerRect.width - 2 * paddingPixels, 0),
|
|
184
|
-
height: Math.max(containerRect.height - 2 * paddingPixels, 0),
|
|
185
|
-
};
|
|
186
|
-
}
|
|
187
|
-
const devicePixelRatio = () => (hasWindow() ? window === null || window === void 0 ? void 0 : window.devicePixelRatio : undefined) || 1;
|
|
188
|
-
const getSlideIndex = (index, slidesCount) => slidesCount > 0 ? ((index % slidesCount) + slidesCount) % slidesCount : 0;
|
|
189
|
-
const hasSlides = (slides) => slides.length > 0;
|
|
190
|
-
const getSlide = (slides, index) => slides[getSlideIndex(index, slides.length)];
|
|
191
|
-
const getSlideIfPresent = (slides, index) => hasSlides(slides) ? getSlide(slides, index) : undefined;
|
|
192
|
-
function addToolbarButton(toolbar, key, button) {
|
|
193
|
-
if (!button)
|
|
194
|
-
return toolbar;
|
|
195
|
-
const { buttons, ...restToolbar } = toolbar;
|
|
196
|
-
const index = buttons.findIndex((item) => item === key);
|
|
197
|
-
const buttonWithKey = React.isValidElement(button) ? React.cloneElement(button, { key }, null) : button;
|
|
198
|
-
if (index >= 0) {
|
|
199
|
-
const result = [...buttons];
|
|
200
|
-
result.splice(index, 1, buttonWithKey);
|
|
201
|
-
return { buttons: result, ...restToolbar };
|
|
202
|
-
}
|
|
203
|
-
return { buttons: [buttonWithKey, ...buttons], ...restToolbar };
|
|
204
|
-
}
|
|
205
|
-
function stopNavigationEventsPropagation() {
|
|
206
|
-
const stopPropagation = (event) => {
|
|
207
|
-
event.stopPropagation();
|
|
208
|
-
};
|
|
209
|
-
return { onPointerDown: stopPropagation, onKeyDown: stopPropagation, onWheel: stopPropagation };
|
|
210
|
-
}
|
|
211
|
-
function calculatePreload(carousel, slides, minimum = 0) {
|
|
212
|
-
return Math.min(carousel.preload, Math.max(carousel.finite ? slides.length - 1 : Math.floor(slides.length / 2), minimum));
|
|
213
|
-
}
|
|
214
|
-
|
|
215
218
|
const EventsContext = React.createContext(null);
|
|
216
219
|
const useEvents = makeUseContext("useEvents", "EventsContext", EventsContext);
|
|
217
220
|
function EventsProvider({ children }) {
|
|
@@ -268,12 +271,15 @@ function reducer(state, action) {
|
|
|
268
271
|
return { slides, currentIndex, globalIndex, currentSlide, animation };
|
|
269
272
|
}
|
|
270
273
|
case "update":
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
274
|
+
if (action.slides !== state.slides || action.index !== state.currentIndex) {
|
|
275
|
+
return {
|
|
276
|
+
slides: action.slides,
|
|
277
|
+
currentIndex: action.index,
|
|
278
|
+
globalIndex: action.index,
|
|
279
|
+
currentSlide: getSlideIfPresent(action.slides, action.index),
|
|
280
|
+
};
|
|
281
|
+
}
|
|
282
|
+
return state;
|
|
277
283
|
default:
|
|
278
284
|
throw new Error(UNKNOWN_ACTION_TYPE);
|
|
279
285
|
}
|
|
@@ -378,7 +384,7 @@ function currentTransformation(node) {
|
|
|
378
384
|
const matrix = window.getComputedStyle(node).transform;
|
|
379
385
|
const matcher = matrix.match(/matrix.*\((.+)\)/);
|
|
380
386
|
if (matcher) {
|
|
381
|
-
const values = matcher[1].split(",").map(
|
|
387
|
+
const values = matcher[1].split(",").map(parseInt);
|
|
382
388
|
if (values.length === 6) {
|
|
383
389
|
x = values[4];
|
|
384
390
|
y = values[5];
|
|
@@ -1249,7 +1255,7 @@ function padScrollbar(element, padding, rtl) {
|
|
|
1249
1255
|
const property = rtl ? "padding-left" : "padding-right";
|
|
1250
1256
|
const computedValue = rtl ? styles.paddingLeft : styles.paddingRight;
|
|
1251
1257
|
const originalValue = element.style.getPropertyValue(property);
|
|
1252
|
-
element.style.setProperty(property, `${(parseInt(computedValue
|
|
1258
|
+
element.style.setProperty(property, `${(parseInt(computedValue) || 0) + padding}px`);
|
|
1253
1259
|
return () => {
|
|
1254
1260
|
if (originalValue) {
|
|
1255
1261
|
element.style.setProperty(property, originalValue);
|
|
@@ -1447,9 +1453,9 @@ function Lightbox({ carousel, animation, render, toolbar, controller, noScroll,
|
|
|
1447
1453
|
if (!props.open)
|
|
1448
1454
|
return null;
|
|
1449
1455
|
return (React.createElement(LightboxPropsProvider, { ...props },
|
|
1450
|
-
React.createElement(LightboxStateProvider, { slides: slides || defaultSlides, index: index || defaultIndex },
|
|
1456
|
+
React.createElement(LightboxStateProvider, { slides: slides || defaultSlides, index: parseInt(index || defaultIndex) },
|
|
1451
1457
|
React.createElement(TimeoutsProvider, null,
|
|
1452
1458
|
React.createElement(EventsProvider, null, renderNode(createNode(RootModule, config), props))))));
|
|
1453
1459
|
}
|
|
1454
1460
|
|
|
1455
|
-
export { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, CLASS_FLEX_CENTER, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, CLASS_SLIDE_WRAPPER, Carousel, CarouselModule, CloseIcon, Controller, ControllerContext, ControllerModule, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_POINTER_CANCEL, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_WHEEL, ErrorIcon, EventsContext, EventsProvider, IMAGE_FIT_CONTAIN, IMAGE_FIT_COVER, IconButton, ImageSlide, Lightbox, LightboxDefaultProps, LightboxDispatchContext, LightboxPropsContext, LightboxPropsProvider, LightboxStateContext, LightboxStateProvider, LoadingIcon, MODULE_CAROUSEL, MODULE_CONTROLLER, MODULE_NAVIGATION, MODULE_NO_SCROLL, MODULE_PORTAL, MODULE_ROOT, MODULE_TOOLBAR, Navigation, NavigationButton, NavigationModule, NextIcon, NoScroll, NoScrollModule, Portal, PortalModule, PreviousIcon, Root, RootModule, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_LOADING, SLIDE_STATUS_PLACEHOLDER, SwipeState, TimeoutsContext, TimeoutsProvider, Toolbar, ToolbarModule, UNKNOWN_ACTION_TYPE, VK_ARROW_LEFT, VK_ARROW_RIGHT, VK_ESCAPE, activeSlideStatus, addToolbarButton, calculatePreload, cleanup, clsx, composePrefix, computeSlideRect, createIcon, createIconDisabled, createModule, createNode, cssClass, cssVar, Lightbox as default, devicePixelRatio, getSlide, getSlideIfPresent, getSlideIndex, hasSlides, hasWindow, isImageFitCover, isImageSlide, label, makeComposePrefix, makeUseContext, parseLengthPercentage, round, setRef, stopNavigationEventsPropagation, useAnimation, useContainerRect, useController, useDelay, useEventCallback, useEvents, useForkRef, useKeyboardNavigation, useLayoutEffect, useLightboxDispatch, useLightboxProps, useLightboxState, useLoseFocus, useMotionPreference, useNavigationState, usePointerEvents, usePointerSwipe, usePreventSwipeNavigation, useRTL, useSensors, useThrottle, useTimeouts, useWheelSwipe, withPlugins };
|
|
1461
|
+
export { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, CLASS_FLEX_CENTER, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, CLASS_SLIDE_WRAPPER, Carousel, CarouselModule, CloseIcon, Controller, ControllerContext, ControllerModule, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_POINTER_CANCEL, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_WHEEL, ErrorIcon, EventsContext, EventsProvider, IMAGE_FIT_CONTAIN, IMAGE_FIT_COVER, IconButton, ImageSlide, Lightbox, LightboxDefaultProps, LightboxDispatchContext, LightboxPropsContext, LightboxPropsProvider, LightboxStateContext, LightboxStateProvider, LoadingIcon, MODULE_CAROUSEL, MODULE_CONTROLLER, MODULE_NAVIGATION, MODULE_NO_SCROLL, MODULE_PORTAL, MODULE_ROOT, MODULE_TOOLBAR, Navigation, NavigationButton, NavigationModule, NextIcon, NoScroll, NoScrollModule, Portal, PortalModule, PreviousIcon, Root, RootModule, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_LOADING, SLIDE_STATUS_PLACEHOLDER, SwipeState, TimeoutsContext, TimeoutsProvider, Toolbar, ToolbarModule, UNKNOWN_ACTION_TYPE, VK_ARROW_LEFT, VK_ARROW_RIGHT, VK_ESCAPE, activeSlideStatus, addToolbarButton, calculatePreload, cleanup, clsx, composePrefix, computeSlideRect, createIcon, createIconDisabled, createModule, createNode, cssClass, cssVar, Lightbox as default, devicePixelRatio, getSlide, getSlideIfPresent, getSlideIndex, hasSlides, hasWindow, isImageFitCover, isImageSlide, label, makeComposePrefix, makeUseContext, parseInt, parseLengthPercentage, round, setRef, stopNavigationEventsPropagation, useAnimation, useContainerRect, useController, useDelay, useEventCallback, useEvents, useForkRef, useKeyboardNavigation, useLayoutEffect, useLightboxDispatch, useLightboxProps, useLightboxState, useLoseFocus, useMotionPreference, useNavigationState, usePointerEvents, usePointerSwipe, usePreventSwipeNavigation, useRTL, useSensors, useThrottle, useTimeouts, useWheelSwipe, withPlugins };
|