yet-another-react-lightbox 3.5.4 → 3.6.0

package/dist/plugins/thumbnails/props.js

@@ -1,21 +0,0 @@
-import { useLightboxProps } from "../../core/index.js";
-export const defaultThumbnailsProps = {
-    ref: null,
-    position: "bottom",
-    width: 120,
-    height: 80,
-    border: 1,
-    borderRadius: 4,
-    padding: 4,
-    gap: 16,
-    imageFit: "contain",
-    vignette: true,
-};
-export const resolveThumbnailsProps = (thumbnails) => ({
-    ...defaultThumbnailsProps,
-    ...thumbnails,
-});
-export function useThumbnailsProps() {
-    const { thumbnails } = useLightboxProps();
-    return resolveThumbnailsProps(thumbnails);
-}

package/dist/plugins/thumbnails/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const cssPrefix: (value?: string) => string;
-export declare const cssThumbnailPrefix: (value?: string) => string;

package/dist/plugins/thumbnails/utils.js

@@ -1,4 +0,0 @@
-import { composePrefix } from "../../core/utils.js";
-import { PLUGIN_THUMBNAILS } from "../../core/consts.js";
-export const cssPrefix = (value) => composePrefix(PLUGIN_THUMBNAILS, value);
-export const cssThumbnailPrefix = (value) => cssPrefix(composePrefix("thumbnail", value));

package/dist/plugins/video/Video.d.ts

@@ -1,3 +0,0 @@
-import { PluginProps } from "../../types.js";
-/** Video plugin */
-export declare function Video({ augment }: PluginProps): void;

package/dist/plugins/video/Video.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { resolveVideoProps } from "./props.js";
-import { VideoSlide } from "./VideoSlide.js";
-function isVideoSlide(slide) {
-    return slide.type === "video";
-}
-export function Video({ augment }) {
-    augment(({ render: { slide: renderSlide, ...restRender }, video, ...restProps }) => ({
-        render: {
-            slide: ({ slide, offset, rect }) => {
-                if (isVideoSlide(slide)) {
-                    return (React.createElement(VideoSlide, { key: `${slide.sources.map((source) => source.src).join(" ")}`, slide: slide, offset: offset }));
-                }
-                return renderSlide === null || renderSlide === void 0 ? void 0 : renderSlide({ slide, offset, rect });
-            },
-            ...restRender,
-        },
-        video: resolveVideoProps(video),
-        ...restProps,
-    }));
-}

package/dist/plugins/video/VideoSlide.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { SlideVideo } from "../../types.js";
-export type VideoSlideProps = {
-    slide: SlideVideo;
-    offset: number;
-};
-/** Video slide */
-export declare function VideoSlide({ slide, offset }: VideoSlideProps): React.JSX.Element;

package/dist/plugins/video/VideoSlide.js

@@ -1,74 +0,0 @@
-import * as React from "react";
-import { ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, CLASS_FLEX_CENTER, clsx, cssClass, useContainerRect, useEventCallback, useEvents, } from "../../core/index.js";
-import { useVideoProps } from "./props.js";
-export function VideoSlide({ slide, offset }) {
-    const video = useVideoProps();
-    const { publish } = useEvents();
-    const { setContainerRef, containerRect } = useContainerRect();
-    const videoRef = React.useRef(null);
-    React.useEffect(() => {
-        if (offset !== 0 && videoRef.current && !videoRef.current.paused) {
-            videoRef.current.pause();
-        }
-    }, [offset]);
-    React.useEffect(() => {
-        if (offset === 0 && videoRef.current && (slide.autoPlay || video.autoPlay)) {
-            publish(ACTIVE_SLIDE_LOADING);
-            videoRef.current.play().catch(() => { });
-        }
-    }, [offset, video.autoPlay, slide.autoPlay, publish]);
-    const handleVideoRef = useEventCallback((node) => {
-        if (offset === 0 && (video.autoPlay || slide.autoPlay) && node.paused) {
-            node.play().catch(() => { });
-        }
-    });
-    const setVideoRef = React.useCallback((node) => {
-        videoRef.current = node;
-        if (node) {
-            handleVideoRef(node);
-        }
-    }, [handleVideoRef]);
-    const { width, height, poster, sources } = slide;
-    const scaleWidthAndHeight = () => {
-        const scalingProps = {};
-        scalingProps.style = { maxWidth: "100%", maxHeight: "100%" };
-        if (width && height && containerRect) {
-            const widthBound = width / height > containerRect.width / containerRect.height;
-            const elementWidth = widthBound ? containerRect.width : Math.round((containerRect.height / height) * width);
-            const elementHeight = !widthBound
-                ? containerRect.height
-                : Math.round((containerRect.width / width) * height);
-            scalingProps.width = elementWidth;
-            scalingProps.height = elementHeight;
-            scalingProps.style.width = elementWidth;
-            scalingProps.style.height = elementHeight;
-        }
-        return scalingProps;
-    };
-    const resolveBoolean = (attr) => {
-        if (slide[attr] === false)
-            return null;
-        if (slide[attr] === true)
-            return { [attr]: true };
-        if (video[attr] === false)
-            return null;
-        if (video[attr] === true)
-            return { [attr]: true };
-        return null;
-    };
-    const resolveString = (attr) => {
-        if (video[attr] || slide[attr]) {
-            return { [attr]: slide[attr] || video[attr] };
-        }
-        return null;
-    };
-    return (React.createElement(React.Fragment, null, sources && (React.createElement("div", { ref: setContainerRef, style: {
-            width: "100%",
-            height: "100%",
-            ...(width ? { maxWidth: `${width}px` } : null),
-        }, className: clsx(cssClass("video_container"), cssClass(CLASS_FLEX_CENTER)) }, containerRect && (React.createElement("video", { ref: setVideoRef, poster: poster, ...scaleWidthAndHeight(), ...resolveBoolean("controls"), ...resolveBoolean("playsInline"), ...resolveBoolean("loop"), ...resolveBoolean("muted"), ...resolveBoolean("playsInline"), ...resolveBoolean("disablePictureInPicture"), ...resolveBoolean("disableRemotePlayback"), ...resolveString("controlsList"), ...resolveString("crossOrigin"), ...resolveString("preload"), onPlay: () => {
-            publish(ACTIVE_SLIDE_PLAYING);
-        }, onEnded: () => {
-            publish(ACTIVE_SLIDE_COMPLETE);
-        } }, sources.map(({ src, type }, index) => (React.createElement("source", { key: index, src: src, type: type })))))))));
-}

package/dist/plugins/video/props.d.ts

@@ -1,29 +0,0 @@
-import { LightboxProps } from "../../types.js";
-export declare const defaultVideoProps: {
-    controls: boolean;
-    playsInline: boolean;
-};
-export declare const resolveVideoProps: (video: LightboxProps["video"]) => {
-    autoPlay?: boolean | undefined;
-    controls: boolean;
-    controlsList?: string | undefined;
-    crossOrigin?: string | undefined;
-    preload?: string | undefined;
-    loop?: boolean | undefined;
-    muted?: boolean | undefined;
-    playsInline: boolean;
-    disablePictureInPicture?: boolean | undefined;
-    disableRemotePlayback?: boolean | undefined;
-};
-export declare function useVideoProps(): {
-    autoPlay?: boolean | undefined;
-    controls: boolean;
-    controlsList?: string | undefined;
-    crossOrigin?: string | undefined;
-    preload?: string | undefined;
-    loop?: boolean | undefined;
-    muted?: boolean | undefined;
-    playsInline: boolean;
-    disablePictureInPicture?: boolean | undefined;
-    disableRemotePlayback?: boolean | undefined;
-};

package/dist/plugins/video/props.js

@@ -1,13 +0,0 @@
-import { useLightboxProps } from "../../core/index.js";
-export const defaultVideoProps = {
-    controls: true,
-    playsInline: true,
-};
-export const resolveVideoProps = (video) => ({
-    ...defaultVideoProps,
-    ...video,
-});
-export function useVideoProps() {
-    const { video } = useLightboxProps();
-    return resolveVideoProps(video);
-}

package/dist/plugins/zoom/ResponsiveImage.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { ImageSlideProps } from "../../core/index.js";
-import { ImageSource, SlideImage } from "../../types.js";
-export type ResponsiveImageSlide = Omit<SlideImage, "srcSet"> & {
-    srcSet: [ImageSource, ...ImageSource[]];
-};
-export declare function isResponsiveImageSlide(slide: SlideImage): slide is ResponsiveImageSlide;
-export type ResponsiveImageProps = Omit<ImageSlideProps, "slide" | "rect"> & Required<Pick<ImageSlideProps, "rect">> & {
-    slide: ResponsiveImageSlide;
-};
-export declare function ResponsiveImage(props: ResponsiveImageProps): React.JSX.Element;

package/dist/plugins/zoom/ResponsiveImage.js

@@ -1,58 +0,0 @@
-import * as React from "react";
-import { devicePixelRatio, ImageSlide, isImageFitCover, UNKNOWN_ACTION_TYPE, useEventCallback, useLayoutEffect, } from "../../core/index.js";
-export function isResponsiveImageSlide(slide) {
-    var _a;
-    return (((_a = slide.srcSet) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0;
-}
-function reducer({ current, preload }, { type, source }) {
-    switch (type) {
-        case "fetch":
-            if (!current) {
-                return { current: source };
-            }
-            return { current, preload: source };
-        case "done":
-            if (source === preload) {
-                return { current: source };
-            }
-            return { current, preload };
-        default:
-            throw new Error(UNKNOWN_ACTION_TYPE);
-    }
-}
-export function ResponsiveImage(props) {
-    var _a, _b;
-    const [{ current, preload }, dispatch] = React.useReducer(reducer, {});
-    const { slide: image, rect, imageFit, render } = props;
-    const srcSet = image.srcSet.sort((a, b) => a.width - b.width);
-    const width = (_a = image.width) !== null && _a !== void 0 ? _a : srcSet[srcSet.length - 1].width;
-    const height = (_b = image.height) !== null && _b !== void 0 ? _b : srcSet[srcSet.length - 1].height;
-    const cover = isImageFitCover(image, imageFit);
-    const maxWidth = Math.max(...srcSet.map((x) => x.width));
-    const targetWidth = Math.min((cover ? Math.max : Math.min)(rect.width, width * (rect.height / height)), maxWidth);
-    const pixelDensity = devicePixelRatio();
-    const handleResize = useEventCallback(() => {
-        var _a;
-        const targetSource = (_a = srcSet.find((x) => x.width >= targetWidth * pixelDensity)) !== null && _a !== void 0 ? _a : srcSet[srcSet.length - 1];
-        if (!current || srcSet.findIndex((x) => x.src === current) < srcSet.findIndex((x) => x === targetSource)) {
-            dispatch({ type: "fetch", source: targetSource.src });
-        }
-    });
-    useLayoutEffect(handleResize, [rect.width, rect.height, pixelDensity, handleResize]);
-    const handlePreload = useEventCallback((currentPreload) => dispatch({ type: "done", source: currentPreload }));
-    const style = {
-        WebkitTransform: "translateZ(0)",
-    };
-    if (!cover) {
-        Object.assign(style, rect.width / rect.height < width / height
-            ? { width: "100%", height: "auto" }
-            : { width: "auto", height: "100%" });
-    }
-    return (React.createElement(React.Fragment, null,
-        preload && preload !== current && (React.createElement(ImageSlide, { key: "preload", ...props, slide: { ...image, src: preload, srcSet: undefined }, style: { position: "absolute", visibility: "hidden", ...style }, onLoad: () => handlePreload(preload), render: {
-                ...render,
-                iconLoading: () => null,
-                iconError: () => null,
-            } })),
-        current && (React.createElement(ImageSlide, { key: "current", ...props, slide: { ...image, src: current, srcSet: undefined }, style: style }))));
-}

package/dist/plugins/zoom/Zoom.d.ts

@@ -1,3 +0,0 @@
-import { Plugin } from "../../types.js";
-/** Zoom plugin */
-export declare const Zoom: Plugin;

package/dist/plugins/zoom/Zoom.js

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { addToolbarButton, createModule, isImageSlide, PLUGIN_ZOOM } from "../../core/index.js";
-import { resolveZoomProps } from "./props.js";
-import { ZoomContextProvider } from "./ZoomController.js";
-import { ZoomToolbarControl } from "./ZoomToolbarControl.js";
-import { ZoomWrapper } from "./ZoomWrapper.js";
-export const Zoom = ({ augment, addModule }) => {
-    augment(({ toolbar, render, zoom, ...restProps }) => ({
-        zoom: resolveZoomProps(zoom),
-        toolbar: addToolbarButton(toolbar, PLUGIN_ZOOM, React.createElement(ZoomToolbarControl, null)),
-        render: {
-            ...render,
-            slide: (props) => { var _a; return isImageSlide(props.slide) ? React.createElement(ZoomWrapper, { render: render, ...props }) : (_a = render.slide) === null || _a === void 0 ? void 0 : _a.call(render, props); },
-        },
-        ...restProps,
-    }));
-    addModule(createModule(PLUGIN_ZOOM, ZoomContextProvider));
-};

package/dist/plugins/zoom/ZoomButton.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-/** Zoom button props */
-export type ZoomButtonProps = {
-    zoomIn?: boolean;
-    onLoseFocus: () => void;
-};
-/** Zoom button */
-export declare const ZoomButton: React.ForwardRefExoticComponent<ZoomButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/plugins/zoom/ZoomButton.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { createIcon, IconButton, useLightboxProps } from "../../core/index.js";
-import { useZoom } from "./ZoomController.js";
-const ZoomInIcon = createIcon("ZoomIn", React.createElement(React.Fragment, null,
-    React.createElement("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }),
-    React.createElement("path", { d: "M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z" })));
-const ZoomOutIcon = createIcon("ZoomOut", React.createElement("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z" }));
-export const ZoomButton = React.forwardRef(function ZoomButton({ zoomIn, onLoseFocus }, ref) {
-    const wasEnabled = React.useRef(false);
-    const wasFocused = React.useRef(false);
-    const { zoom, maxZoom, zoomIn: zoomInCallback, zoomOut: zoomOutCallback, disabled: zoomDisabled } = useZoom();
-    const { render } = useLightboxProps();
-    const disabled = zoomDisabled || (zoomIn ? zoom >= maxZoom : zoom <= 1);
-    React.useEffect(() => {
-        if (disabled && wasEnabled.current && wasFocused.current) {
-            onLoseFocus();
-        }
-        if (!disabled) {
-            wasEnabled.current = true;
-        }
-    }, [disabled, onLoseFocus]);
-    return (React.createElement(IconButton, { ref: ref, disabled: disabled, label: zoomIn ? "Zoom in" : "Zoom out", icon: zoomIn ? ZoomInIcon : ZoomOutIcon, renderIcon: zoomIn ? render.iconZoomIn : render.iconZoomOut, onClick: zoomIn ? zoomInCallback : zoomOutCallback, onFocus: () => {
-            wasFocused.current = true;
-        }, onBlur: () => {
-            wasFocused.current = false;
-        } }));
-});

package/dist/plugins/zoom/ZoomButtonsGroup.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export default function ZoomButtonsGroup(): React.JSX.Element;

package/dist/plugins/zoom/ZoomButtonsGroup.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { useController } from "../../core/index.js";
-import { ZoomButton } from "./ZoomButton.js";
-export default function ZoomButtonsGroup() {
-    const zoomInRef = React.useRef(null);
-    const zoomOutRef = React.useRef(null);
-    const { focus } = useController();
-    const focusSibling = React.useCallback((sibling) => {
-        var _a, _b;
-        if (!((_a = sibling.current) === null || _a === void 0 ? void 0 : _a.disabled)) {
-            (_b = sibling.current) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-        else {
-            focus();
-        }
-    }, [focus]);
-    const focusZoomIn = React.useCallback(() => focusSibling(zoomInRef), [focusSibling]);
-    const focusZoomOut = React.useCallback(() => focusSibling(zoomOutRef), [focusSibling]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ZoomButton, { zoomIn: true, ref: zoomInRef, onLoseFocus: focusZoomOut }),
-        React.createElement(ZoomButton, { ref: zoomOutRef, onLoseFocus: focusZoomIn })));
-}

package/dist/plugins/zoom/ZoomController.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { ComponentProps, ContainerRect, ZoomRef } from "../../types.js";
-export type ActiveZoomWrapper = {
-    zoomWrapperRef: React.RefObject<HTMLDivElement>;
-    imageDimensions?: ContainerRect;
-};
-export type ZoomControllerContextType = ZoomRef & {
-    setZoomWrapper: React.Dispatch<React.SetStateAction<ActiveZoomWrapper | undefined>>;
-};
-export declare const ZoomControllerContext: React.Context<ZoomControllerContextType | null>;
-export declare const useZoom: () => NonNullable<ZoomControllerContextType>;
-export declare function ZoomContextProvider({ children }: ComponentProps): React.JSX.Element;

package/dist/plugins/zoom/ZoomController.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { makeUseContext, useController } from "../../core/index.js";
-import { useZoomCallback, useZoomImageRect, useZoomProps, useZoomSensors, useZoomState } from "./hooks/index.js";
-export const ZoomControllerContext = React.createContext(null);
-export const useZoom = makeUseContext("useZoom", "ZoomControllerContext", ZoomControllerContext);
-export function ZoomContextProvider({ children }) {
-    const [zoomWrapper, setZoomWrapper] = React.useState();
-    const { slideRect } = useController();
-    const { imageRect, maxZoom } = useZoomImageRect(slideRect, zoomWrapper === null || zoomWrapper === void 0 ? void 0 : zoomWrapper.imageDimensions);
-    const { zoom, offsetX, offsetY, disabled, changeZoom, changeOffsets, zoomIn, zoomOut } = useZoomState(imageRect, maxZoom, zoomWrapper === null || zoomWrapper === void 0 ? void 0 : zoomWrapper.zoomWrapperRef);
-    useZoomCallback(zoom, disabled);
-    useZoomSensors(zoom, maxZoom, disabled, changeZoom, changeOffsets, zoomWrapper === null || zoomWrapper === void 0 ? void 0 : zoomWrapper.zoomWrapperRef);
-    const zoomRef = React.useMemo(() => ({ zoom, maxZoom, offsetX, offsetY, disabled, zoomIn, zoomOut }), [zoom, maxZoom, offsetX, offsetY, disabled, zoomIn, zoomOut]);
-    React.useImperativeHandle(useZoomProps().ref, () => zoomRef, [zoomRef]);
-    const context = React.useMemo(() => ({ ...zoomRef, setZoomWrapper }), [zoomRef, setZoomWrapper]);
-    return React.createElement(ZoomControllerContext.Provider, { value: context }, children);
-}

package/dist/plugins/zoom/ZoomToolbarControl.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function ZoomToolbarControl(): React.JSX.Element;

package/dist/plugins/zoom/ZoomToolbarControl.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { useLightboxProps } from "../../core/index.js";
-import ZoomButtonsGroup from "./ZoomButtonsGroup.js";
-import { useZoom } from "./ZoomController.js";
-export function ZoomToolbarControl() {
-    const { render } = useLightboxProps();
-    const zoomRef = useZoom();
-    if (render.buttonZoom) {
-        return React.createElement(React.Fragment, null, render.buttonZoom(zoomRef));
-    }
-    return React.createElement(ZoomButtonsGroup, null);
-}

package/dist/plugins/zoom/ZoomWrapper.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import { LightboxProps, RenderSlideProps } from "../../types.js";
-export type ZoomWrapperProps = Pick<LightboxProps, "render"> & RenderSlideProps;
-/** Zoom wrapper */
-export declare function ZoomWrapper({ render, slide, offset, rect }: ZoomWrapperProps): React.JSX.Element | null;

package/dist/plugins/zoom/ZoomWrapper.js

@@ -1,36 +0,0 @@
-import * as React from "react";
-import { CLASS_FLEX_CENTER, CLASS_FULLSIZE, clsx, cssClass, ImageSlide, isImageSlide, useLayoutEffect, useLightboxProps, useLightboxState, } from "../../core/index.js";
-import { useZoom } from "./ZoomController.js";
-import { isResponsiveImageSlide, ResponsiveImage } from "./ResponsiveImage.js";
-export function ZoomWrapper({ render, slide, offset, rect }) {
-    var _a;
-    const [imageDimensions, setImageDimensions] = React.useState();
-    const zoomWrapperRef = React.useRef(null);
-    const { zoom, maxZoom, offsetX, offsetY, setZoomWrapper } = useZoom();
-    const { carousel, on } = useLightboxProps();
-    const { currentIndex } = useLightboxState();
-    useLayoutEffect(() => {
-        if (offset === 0) {
-            setZoomWrapper({ zoomWrapperRef, imageDimensions });
-            return () => setZoomWrapper(undefined);
-        }
-        return () => { };
-    }, [offset, imageDimensions, setZoomWrapper]);
-    let rendered = (_a = render.slide) === null || _a === void 0 ? void 0 : _a.call(render, { slide, offset, rect, zoom, maxZoom });
-    if (!rendered && isImageSlide(slide)) {
-        const slideProps = {
-            slide,
-            offset,
-            rect,
-            render,
-            imageFit: carousel.imageFit,
-            onClick: offset === 0 ? () => { var _a; return (_a = on.click) === null || _a === void 0 ? void 0 : _a.call(on, { index: currentIndex }); } : undefined,
-        };
-        rendered = isResponsiveImageSlide(slide) ? (React.createElement(ResponsiveImage, { key: slide.src, ...slideProps, slide: slide, rect: offset === 0 ? { width: rect.width * zoom, height: rect.height * zoom } : rect })) : (React.createElement(ImageSlide, { key: slide.src, onLoad: (img) => setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight }), ...slideProps }));
-    }
-    if (!rendered)
-        return null;
-    return (React.createElement("div", { ref: zoomWrapperRef, className: clsx(cssClass(CLASS_FULLSIZE), cssClass(CLASS_FLEX_CENTER)), style: offset === 0
-            ? { transform: `scale(${zoom}) translateX(${offsetX}px) translateY(${offsetY}px)` }
-            : undefined }, rendered));
-}

package/dist/plugins/zoom/hooks/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./useZoomAnimation.js";
-export * from "./useZoomCallback.js";
-export * from "./useZoomImageRect.js";
-export * from "./useZoomProps.js";
-export * from "./useZoomSensors.js";
-export * from "./useZoomState.js";

package/dist/plugins/zoom/hooks/index.js

@@ -1,6 +0,0 @@
-export * from "./useZoomAnimation.js";
-export * from "./useZoomCallback.js";
-export * from "./useZoomImageRect.js";
-export * from "./useZoomProps.js";
-export * from "./useZoomSensors.js";
-export * from "./useZoomState.js";

package/dist/plugins/zoom/hooks/useZoomAnimation.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function useZoomAnimation(zoom: number, offsetX: number, offsetY: number, zoomWrapperRef?: React.RefObject<HTMLDivElement>): () => void;

package/dist/plugins/zoom/hooks/useZoomAnimation.js

@@ -1,39 +0,0 @@
-import * as React from "react";
-import { useEventCallback, useLayoutEffect, useLightboxProps, useMotionPreference } from "../../../core/index.js";
-export function useZoomAnimation(zoom, offsetX, offsetY, zoomWrapperRef) {
-    const zoomAnimation = React.useRef();
-    const zoomAnimationStart = React.useRef();
-    const { zoom: zoomAnimationDuration } = useLightboxProps().animation;
-    const reduceMotion = useMotionPreference();
-    const playZoomAnimation = useEventCallback(() => {
-        var _a, _b, _c;
-        (_a = zoomAnimation.current) === null || _a === void 0 ? void 0 : _a.cancel();
-        zoomAnimation.current = undefined;
-        if (zoomAnimationStart.current && (zoomWrapperRef === null || zoomWrapperRef === void 0 ? void 0 : zoomWrapperRef.current)) {
-            try {
-                zoomAnimation.current = (_c = (_b = zoomWrapperRef.current).animate) === null || _c === void 0 ? void 0 : _c.call(_b, [
-                    { transform: zoomAnimationStart.current },
-                    { transform: `scale(${zoom}) translateX(${offsetX}px) translateY(${offsetY}px)` },
-                ], {
-                    duration: !reduceMotion ? zoomAnimationDuration !== null && zoomAnimationDuration !== void 0 ? zoomAnimationDuration : 500 : 0,
-                    easing: zoomAnimation.current ? "ease-out" : "ease-in-out",
-                });
-            }
-            catch (err) {
-                console.error(err);
-            }
-            zoomAnimationStart.current = undefined;
-            if (zoomAnimation.current) {
-                zoomAnimation.current.onfinish = () => {
-                    zoomAnimation.current = undefined;
-                };
-            }
-        }
-    });
-    useLayoutEffect(playZoomAnimation, [zoom, offsetX, offsetY, playZoomAnimation]);
-    return React.useCallback(() => {
-        zoomAnimationStart.current = (zoomWrapperRef === null || zoomWrapperRef === void 0 ? void 0 : zoomWrapperRef.current)
-            ? window.getComputedStyle(zoomWrapperRef.current).transform
-            : undefined;
-    }, [zoomWrapperRef]);
-}

package/dist/plugins/zoom/hooks/useZoomCallback.d.ts

@@ -1 +0,0 @@
-export declare function useZoomCallback(zoom: number, disabled: boolean): void;

package/dist/plugins/zoom/hooks/useZoomCallback.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { useEventCallback, useLightboxProps } from "../../../core/index.js";
-export function useZoomCallback(zoom, disabled) {
-    const { on } = useLightboxProps();
-    const onZoomCallback = useEventCallback(() => {
-        var _a;
-        if (!disabled) {
-            (_a = on.zoom) === null || _a === void 0 ? void 0 : _a.call(on, { zoom });
-        }
-    });
-    React.useEffect(onZoomCallback, [zoom, onZoomCallback]);
-}

package/dist/plugins/zoom/hooks/useZoomImageRect.d.ts

@@ -1,5 +0,0 @@
-import { ContainerRect } from "../../../types.js";
-export declare function useZoomImageRect(slideRect: ContainerRect, imageDimensions?: ContainerRect): {
-    imageRect: ContainerRect;
-    maxZoom: number;
-};

package/dist/plugins/zoom/hooks/useZoomImageRect.js

@@ -1,41 +0,0 @@
-import { isImageFitCover, isImageSlide, round, useLightboxProps, useLightboxState } from "../../../core/index.js";
-import { useZoomProps } from "./useZoomProps.js";
-export function useZoomImageRect(slideRect, imageDimensions) {
-    var _a, _b;
-    let imageRect = { width: 0, height: 0 };
-    let maxImageRect = { width: 0, height: 0 };
-    const { slides, currentIndex } = useLightboxState();
-    const { imageFit } = useLightboxProps().carousel;
-    const { maxZoomPixelRatio } = useZoomProps();
-    if (slideRect && currentIndex < slides.length) {
-        const slide = { ...slides[currentIndex], ...imageDimensions };
-        if (isImageSlide(slide)) {
-            const cover = isImageFitCover(slide, imageFit);
-            const width = Math.max(...(((_a = slide.srcSet) === null || _a === void 0 ? void 0 : _a.map((x) => x.width)) || []).concat(slide.width ? [slide.width] : []));
-            const height = Math.max(...(((_b = slide.srcSet) === null || _b === void 0 ? void 0 : _b.map((x) => x.height)) || []).concat(slide.height ? [slide.height] : []));
-            if (width > 0 && height > 0 && slideRect.width > 0 && slideRect.height > 0) {
-                maxImageRect = cover
-                    ? {
-                        width: Math.round(Math.min(width, (slideRect.width / slideRect.height) * height)),
-                        height: Math.round(Math.min(height, (slideRect.height / slideRect.width) * width)),
-                    }
-                    : { width, height };
-                maxImageRect = {
-                    width: maxImageRect.width * maxZoomPixelRatio,
-                    height: maxImageRect.height * maxZoomPixelRatio,
-                };
-                imageRect = cover
-                    ? {
-                        width: Math.min(slideRect.width, maxImageRect.width, width),
-                        height: Math.min(slideRect.height, maxImageRect.height, height),
-                    }
-                    : {
-                        width: Math.round(Math.min(slideRect.width, (slideRect.height / height) * width, width)),
-                        height: Math.round(Math.min(slideRect.height, (slideRect.width / width) * height, height)),
-                    };
-            }
-        }
-    }
-    const maxZoom = imageRect.width ? Math.max(round(maxImageRect.width / imageRect.width, 5), 1) : 1;
-    return { imageRect, maxZoom };
-}

package/dist/plugins/zoom/hooks/useZoomProps.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare function useZoomProps(): {
-    ref?: import("react").ForwardedRef<import("../../../types.js").ZoomRef> | undefined;
-    maxZoomPixelRatio: number;
-    zoomInMultiplier: number;
-    doubleTapDelay: number;
-    doubleClickDelay: number;
-    doubleClickMaxStops: number;
-    keyboardMoveDistance: number;
-    wheelZoomDistanceFactor: number;
-    pinchZoomDistanceFactor: number;
-    scrollToZoom: boolean;
-};

package/dist/plugins/zoom/hooks/useZoomProps.js

@@ -1,6 +0,0 @@
-import { useLightboxProps } from "../../../core/index.js";
-import { resolveZoomProps } from "../props.js";
-export function useZoomProps() {
-    const { zoom } = useLightboxProps();
-    return resolveZoomProps(zoom);
-}

package/dist/plugins/zoom/hooks/useZoomSensors.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { useZoomState } from "./useZoomState.js";
-export declare function useZoomSensors(zoom: number, maxZoom: number, disabled: boolean, changeZoom: ReturnType<typeof useZoomState>["changeZoom"], changeOffsets: ReturnType<typeof useZoomState>["changeOffsets"], zoomWrapperRef?: React.RefObject<HTMLDivElement>): void;