yet-another-react-lightbox 3.5.4 → 3.6.0

package/dist/core/modules/controller/useWheelSwipe.js

@@ -1,92 +0,0 @@
-import * as React from "react";
-import { useEventCallback } from "../../hooks/index.js";
-import { useTimeouts } from "../../contexts/index.js";
-import { SwipeState } from "./index.js";
-import { EVENT_ON_WHEEL } from "../../consts.js";
-export function useWheelSwipe(swipeState, subscribeSensors, isSwipeValid, containerWidth, swipeAnimationDuration, onSwipeStart, onSwipeProgress, onSwipeFinish, onSwipeCancel) {
-    const offset = React.useRef(0);
-    const intent = React.useRef(0);
-    const intentCleanup = React.useRef();
-    const resetCleanup = React.useRef();
-    const wheelResidualMomentum = React.useRef(0);
-    const startTime = React.useRef(0);
-    const { setTimeout, clearTimeout } = useTimeouts();
-    const cancelSwipeIntentCleanup = React.useCallback(() => {
-        if (intentCleanup.current) {
-            clearTimeout(intentCleanup.current);
-            intentCleanup.current = undefined;
-        }
-    }, [clearTimeout]);
-    const cancelSwipeResetCleanup = React.useCallback(() => {
-        if (resetCleanup.current) {
-            clearTimeout(resetCleanup.current);
-            resetCleanup.current = undefined;
-        }
-    }, [clearTimeout]);
-    const handleCleanup = useEventCallback(() => {
-        if (swipeState !== SwipeState.SWIPE) {
-            offset.current = 0;
-            startTime.current = 0;
-            cancelSwipeIntentCleanup();
-            cancelSwipeResetCleanup();
-        }
-    });
-    React.useEffect(handleCleanup, [swipeState, handleCleanup]);
-    const handleCancelSwipe = useEventCallback((currentSwipeOffset) => {
-        resetCleanup.current = undefined;
-        if (offset.current === currentSwipeOffset) {
-            onSwipeCancel(offset.current);
-        }
-    });
-    const onWheel = useEventCallback((event) => {
-        if (event.ctrlKey) {
-            return;
-        }
-        if (Math.abs(event.deltaY) > Math.abs(event.deltaX)) {
-            return;
-        }
-        if (!swipeState) {
-            if (Math.abs(event.deltaX) <= 1.2 * Math.abs(wheelResidualMomentum.current)) {
-                wheelResidualMomentum.current = event.deltaX;
-                return;
-            }
-            if (!isSwipeValid(-event.deltaX)) {
-                return;
-            }
-            intent.current += event.deltaX;
-            cancelSwipeIntentCleanup();
-            if (Math.abs(intent.current) > 30) {
-                intent.current = 0;
-                wheelResidualMomentum.current = 0;
-                startTime.current = Date.now();
-                onSwipeStart();
-            }
-            else {
-                const currentSwipeIntent = intent.current;
-                intentCleanup.current = setTimeout(() => {
-                    intentCleanup.current = undefined;
-                    if (currentSwipeIntent === intent.current) {
-                        intent.current = 0;
-                    }
-                }, swipeAnimationDuration);
-            }
-        }
-        else if (swipeState === SwipeState.SWIPE) {
-            let newSwipeOffset = offset.current - event.deltaX;
-            newSwipeOffset = Math.min(Math.abs(newSwipeOffset), containerWidth) * Math.sign(newSwipeOffset);
-            offset.current = newSwipeOffset;
-            onSwipeProgress(newSwipeOffset);
-            cancelSwipeResetCleanup();
-            if (Math.abs(newSwipeOffset) > 0.2 * containerWidth) {
-                wheelResidualMomentum.current = event.deltaX;
-                onSwipeFinish(newSwipeOffset, Date.now() - startTime.current);
-                return;
-            }
-            resetCleanup.current = setTimeout(() => handleCancelSwipe(newSwipeOffset), 2 * swipeAnimationDuration);
-        }
-        else {
-            wheelResidualMomentum.current = event.deltaX;
-        }
-    });
-    React.useEffect(() => subscribeSensors(EVENT_ON_WHEEL, onWheel), [subscribeSensors, onWheel]);
-}

package/dist/core/modules/index.d.ts

@@ -1,7 +0,0 @@
-export * from "./Carousel.js";
-export * from "./Controller.js";
-export * from "./Navigation.js";
-export * from "./NoScroll.js";
-export * from "./Portal.js";
-export * from "./Root.js";
-export * from "./Toolbar.js";

package/dist/core/modules/index.js

@@ -1,7 +0,0 @@
-export * from "./Carousel.js";
-export * from "./Controller.js";
-export * from "./Navigation.js";
-export * from "./NoScroll.js";
-export * from "./Portal.js";
-export * from "./Root.js";
-export * from "./Toolbar.js";

package/dist/core/utils.d.ts

@@ -1,36 +0,0 @@
-import * as React from "react";
-import { ContainerRect, Labels, LengthOrPercentage, LightboxProps, Slide, SlideImage, ToolbarSettings } from "../types.js";
-export declare const clsx: (...classes: (string | boolean | undefined)[]) => string;
-export declare const cssClass: (name: string) => string;
-export declare const cssVar: (name: string) => string;
-export declare const composePrefix: (base: string, prefix?: string) => string;
-export declare const makeComposePrefix: (base: string) => (prefix?: string) => string;
-export declare const label: (labels: Labels | undefined, lbl: string) => string;
-export declare const cleanup: (...cleaners: (() => void)[]) => () => void;
-export declare const makeUseContext: <T>(name: string, contextName: string, context: React.Context<T | null>) => () => NonNullable<T>;
-export declare const hasWindow: () => boolean;
-export declare function round(value: number, decimals?: number): number;
-export declare const isImageSlide: (slide: Slide) => slide is SlideImage;
-export declare const isImageFitCover: (image: SlideImage, imageFit?: LightboxProps["carousel"]["imageFit"]) => boolean;
-export declare function parseLengthPercentage(input: LengthOrPercentage): {
-    pixel: number;
-    percent?: undefined;
-} | {
-    percent: number;
-    pixel?: undefined;
-};
-export declare function computeSlideRect(containerRect: ContainerRect, padding: LengthOrPercentage): {
-    width: number;
-    height: number;
-};
-export declare const devicePixelRatio: () => number;
-export declare const getSlideIndex: (index: number, slidesCount: number) => number;
-export declare const hasSlides: (slides: Slide[]) => slides is [Slide, ...Slide[]];
-export declare const getSlide: (slides: [Slide, ...Slide[]], index: number) => Slide;
-export declare const getSlideIfPresent: (slides: Slide[], index: number) => Slide | undefined;
-export declare function addToolbarButton(toolbar: ToolbarSettings, key: string, button: React.ReactNode): ToolbarSettings;
-export declare function stopNavigationEventsPropagation(): {
-    onPointerDown: (event: React.PointerEvent | React.KeyboardEvent | React.WheelEvent) => void;
-    onKeyDown: (event: React.PointerEvent | React.KeyboardEvent | React.WheelEvent) => void;
-    onWheel: (event: React.PointerEvent | React.KeyboardEvent | React.WheelEvent) => void;
-};

package/dist/core/utils.js

@@ -1,70 +0,0 @@
-import * as React from "react";
-import { IMAGE_FIT_CONTAIN, IMAGE_FIT_COVER } from "./consts.js";
-export const clsx = (...classes) => [...classes].filter((cls) => Boolean(cls)).join(" ");
-const cssPrefix = "yarl__";
-export const cssClass = (name) => `${cssPrefix}${name}`;
-export const cssVar = (name) => `--${cssPrefix}${name}`;
-export const composePrefix = (base, prefix) => `${base}${prefix ? `_${prefix}` : ""}`;
-export const makeComposePrefix = (base) => (prefix) => composePrefix(base, prefix);
-export const label = (labels, lbl) => (labels && labels[lbl] ? labels[lbl] : lbl);
-export const cleanup = (...cleaners) => () => {
-    cleaners.forEach((cleaner) => {
-        cleaner();
-    });
-};
-export const makeUseContext = (name, contextName, context) => () => {
-    const ctx = React.useContext(context);
-    if (!ctx) {
-        throw new Error(`${name} must be used within a ${contextName}.Provider`);
-    }
-    return ctx;
-};
-export const hasWindow = () => typeof window !== "undefined";
-export function round(value, decimals = 0) {
-    const factor = 10 ** decimals;
-    return Math.round((value + Number.EPSILON) * factor) / factor;
-}
-export const isImageSlide = (slide) => slide.type === undefined || slide.type === "image";
-export const isImageFitCover = (image, imageFit) => image.imageFit === IMAGE_FIT_COVER || (image.imageFit !== IMAGE_FIT_CONTAIN && imageFit === IMAGE_FIT_COVER);
-export function parseLengthPercentage(input) {
-    if (typeof input === "number") {
-        return { pixel: input };
-    }
-    if (typeof input === "string") {
-        const value = parseInt(input, 10);
-        return input.endsWith("%") ? { percent: value } : { pixel: value };
-    }
-    return { pixel: 0 };
-}
-export function computeSlideRect(containerRect, padding) {
-    const paddingValue = parseLengthPercentage(padding);
-    const paddingPixels = paddingValue.percent !== undefined ? (containerRect.width / 100) * paddingValue.percent : paddingValue.pixel;
-    return {
-        width: Math.max(containerRect.width - 2 * paddingPixels, 0),
-        height: Math.max(containerRect.height - 2 * paddingPixels, 0),
-    };
-}
-export const devicePixelRatio = () => (hasWindow() ? window === null || window === void 0 ? void 0 : window.devicePixelRatio : undefined) || 1;
-export const getSlideIndex = (index, slidesCount) => slidesCount > 0 ? ((index % slidesCount) + slidesCount) % slidesCount : 0;
-export const hasSlides = (slides) => slides.length > 0;
-export const getSlide = (slides, index) => slides[getSlideIndex(index, slides.length)];
-export const getSlideIfPresent = (slides, index) => hasSlides(slides) ? getSlide(slides, index) : undefined;
-export function addToolbarButton(toolbar, key, button) {
-    if (!button)
-        return toolbar;
-    const { buttons, ...restToolbar } = toolbar;
-    const index = buttons.findIndex((item) => item === key);
-    const buttonWithKey = React.isValidElement(button) ? React.cloneElement(button, { key }, null) : button;
-    if (index >= 0) {
-        const result = [...buttons];
-        result.splice(index, 1, buttonWithKey);
-        return { buttons: result, ...restToolbar };
-    }
-    return { buttons: [buttonWithKey, ...buttons], ...restToolbar };
-}
-export function stopNavigationEventsPropagation() {
-    const stopPropagation = (event) => {
-        event.stopPropagation();
-    };
-    return { onPointerDown: stopPropagation, onKeyDown: stopPropagation, onWheel: stopPropagation };
-}

package/dist/plugins/captions/Captions.d.ts

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

package/dist/plugins/captions/Captions.js

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { addToolbarButton, createModule, PLUGIN_CAPTIONS } from "../../core/index.js";
-import { Title } from "./Title.js";
-import { Description } from "./Description.js";
-import { CaptionsButton } from "./CaptionsButton.js";
-import { CaptionsContextProvider } from "./CaptionsContext.js";
-import { resolveCaptionsProps } from "./props.js";
-export function Captions({ augment, addModule }) {
-    augment(({ captions: captionsProps, render: { slideFooter: renderFooter, ...restRender }, toolbar, ...restProps }) => {
-        const captions = resolveCaptionsProps(captionsProps);
-        return {
-            render: {
-                slideFooter: ({ slide }) => (React.createElement(React.Fragment, null, renderFooter === null || renderFooter === void 0 ? void 0 :
-                    renderFooter({ slide }),
-                    slide.title && React.createElement(Title, { title: slide.title }),
-                    slide.description && React.createElement(Description, { description: slide.description }))),
-                ...restRender,
-            },
-            toolbar: addToolbarButton(toolbar, PLUGIN_CAPTIONS, captions.showToggle ? React.createElement(CaptionsButton, null) : null),
-            captions,
-            ...restProps,
-        };
-    });
-    addModule(createModule(PLUGIN_CAPTIONS, CaptionsContextProvider));
-}

package/dist/plugins/captions/CaptionsButton.d.ts

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

package/dist/plugins/captions/CaptionsButton.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { createIcon, createIconDisabled, IconButton, useLightboxProps } from "../../core/index.js";
-import { useCaptions } from "./CaptionsContext.js";
-const captionsIcon = () => (React.createElement(React.Fragment, null,
-    React.createElement("path", { strokeWidth: 2, stroke: "currentColor", strokeLinejoin: "round", fill: "none", d: "M3 5l18 0l0 14l-18 0l0-14z" }),
-    React.createElement("path", { d: "M7 15h3c.55 0 1-.45 1-1v-1H9.5v.5h-2v-3h2v.5H11v-1c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm7 0h3c.55 0 1-.45 1-1v-1h-1.5v.5h-2v-3h2v.5H18v-1c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1z" })));
-const CaptionsVisible = createIcon("CaptionsVisible", captionsIcon());
-const CaptionsHidden = createIconDisabled("CaptionsVisible", captionsIcon());
-export function CaptionsButton() {
-    const { visible, show, hide } = useCaptions();
-    const { render } = useLightboxProps();
-    if (render.buttonCaptions) {
-        return React.createElement(React.Fragment, null, render.buttonCaptions({ visible, show, hide }));
-    }
-    return (React.createElement(IconButton, { label: visible ? "Hide captions" : "Show captions", icon: visible ? CaptionsVisible : CaptionsHidden, renderIcon: visible ? render.iconCaptionsVisible : render.iconCaptionsHidden, onClick: visible ? hide : show }));
-}

package/dist/plugins/captions/CaptionsContext.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import { CaptionsRef, ComponentProps } from "../../types.js";
-export declare const CaptionsContext: React.Context<CaptionsRef | null>;
-export declare const useCaptions: () => CaptionsRef;
-export declare function CaptionsContextProvider({ captions, children }: ComponentProps): React.JSX.Element;

package/dist/plugins/captions/CaptionsContext.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { makeUseContext } from "../../core/index.js";
-import { resolveCaptionsProps } from "./props.js";
-export const CaptionsContext = React.createContext(null);
-export const useCaptions = makeUseContext("useCaptions", "CaptionsContext", CaptionsContext);
-export function CaptionsContextProvider({ captions, children }) {
-    const { ref } = resolveCaptionsProps(captions);
-    const [visible, setVisible] = React.useState(true);
-    const context = React.useMemo(() => ({
-        visible,
-        show: () => setVisible(true),
-        hide: () => setVisible(false),
-    }), [visible]);
-    React.useImperativeHandle(ref, () => context, [context]);
-    return React.createElement(CaptionsContext.Provider, { value: context }, children);
-}

package/dist/plugins/captions/Description.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { Slide } from "../../types.js";
-export type DescriptionProps = Pick<Slide, "description">;
-export declare function Description({ description }: DescriptionProps): React.JSX.Element | null;

package/dist/plugins/captions/Description.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { clsx, cssVar, useLightboxProps } from "../../core/index.js";
-import { cssPrefix } from "./utils.js";
-import { defaultCaptionsProps, useCaptionsProps } from "./props.js";
-import { useCaptions } from "./CaptionsContext.js";
-export function Description({ description }) {
-    const { descriptionTextAlign, descriptionMaxLines } = useCaptionsProps();
-    const { styles } = useLightboxProps();
-    const { visible } = useCaptions();
-    if (!visible)
-        return null;
-    return (React.createElement("div", { style: styles.captionsDescriptionContainer, className: clsx(cssPrefix("captions_container"), cssPrefix("description_container")) },
-        React.createElement("div", { className: cssPrefix("description"), style: {
-                ...(descriptionTextAlign !== defaultCaptionsProps.descriptionTextAlign ||
-                    descriptionMaxLines !== defaultCaptionsProps.descriptionMaxLines
-                    ? {
-                        [cssVar("slide_description_text_align")]: descriptionTextAlign,
-                        [cssVar("slide_description_max_lines")]: descriptionMaxLines,
-                    }
-                    : null),
-                ...styles.captionsDescription,
-            } }, typeof description === "string"
-            ? description
-                .split("\n")
-                .flatMap((line, index) => [...(index > 0 ? [React.createElement("br", { key: index })] : []), line])
-            : description)));
-}

package/dist/plugins/captions/Title.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { Slide } from "../../types.js";
-export type TitleProps = Pick<Slide, "title">;
-export declare function Title({ title }: TitleProps): React.JSX.Element | null;

package/dist/plugins/captions/Title.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { clsx, cssVar, useController, useLightboxProps } from "../../core/index.js";
-import { cssPrefix } from "./utils.js";
-import { useCaptions } from "./CaptionsContext.js";
-export function Title({ title }) {
-    const { toolbarWidth } = useController();
-    const { styles } = useLightboxProps();
-    const { visible } = useCaptions();
-    if (!visible)
-        return null;
-    return (React.createElement("div", { style: styles.captionsTitleContainer, className: clsx(cssPrefix("captions_container"), cssPrefix("title_container")) },
-        React.createElement("div", { className: cssPrefix("title"), style: {
-                ...(toolbarWidth ? { [cssVar("toolbar_width")]: `${toolbarWidth}px` } : null),
-                ...styles.captionsTitle,
-            } }, title)));
-}

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { LightboxProps } from "../../types.js";
-export declare const defaultCaptionsProps: {
-    descriptionTextAlign: "start";
-    descriptionMaxLines: number;
-    showToggle: boolean;
-};
-export declare const resolveCaptionsProps: (captions: LightboxProps["captions"]) => {
-    ref?: import("react").ForwardedRef<import("../../types.js").CaptionsRef> | undefined;
-    showToggle: boolean;
-    descriptionTextAlign: import("../../types.js").TextAlignment;
-    descriptionMaxLines: number;
-};
-export declare function useCaptionsProps(): {
-    ref?: import("react").ForwardedRef<import("../../types.js").CaptionsRef> | undefined;
-    showToggle: boolean;
-    descriptionTextAlign: import("../../types.js").TextAlignment;
-    descriptionMaxLines: number;
-};

package/dist/plugins/captions/props.js

@@ -1,14 +0,0 @@
-import { useLightboxProps } from "../../core/index.js";
-export const defaultCaptionsProps = {
-    descriptionTextAlign: "start",
-    descriptionMaxLines: 3,
-    showToggle: false,
-};
-export const resolveCaptionsProps = (captions) => ({
-    ...defaultCaptionsProps,
-    ...captions,
-});
-export function useCaptionsProps() {
-    const { captions } = useLightboxProps();
-    return resolveCaptionsProps(captions);
-}

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

@@ -1 +0,0 @@
-export declare const cssPrefix: (className: string) => string;

package/dist/plugins/captions/utils.js

@@ -1,2 +0,0 @@
-import { cssClass } from "../../core/index.js";
-export const cssPrefix = (className) => cssClass(`slide_${className}`);

package/dist/plugins/counter/Counter.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import { ComponentProps, PluginProps } from "../../types.js";
-export declare function CounterComponent({ counter: { className, ...rest } }: ComponentProps): React.JSX.Element | null;
-/** Counter plugin */
-export declare function Counter({ addChild }: PluginProps): void;

package/dist/plugins/counter/Counter.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { clsx, createModule, cssClass, MODULE_CONTROLLER, PLUGIN_COUNTER, useLightboxState } from "../../core/index.js";
-export function CounterComponent({ counter: { className, ...rest } = {} }) {
-    const { slides, currentIndex } = useLightboxState();
-    if (slides.length === 0)
-        return null;
-    return (React.createElement("div", { className: clsx(cssClass("counter"), className), ...rest },
-        currentIndex + 1,
-        " / ",
-        slides.length));
-}
-export function Counter({ addChild }) {
-    addChild(MODULE_CONTROLLER, createModule(PLUGIN_COUNTER, CounterComponent));
-}

package/dist/plugins/download/Download.d.ts

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

package/dist/plugins/download/Download.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { addToolbarButton, PLUGIN_DOWNLOAD } from "../../core/index.js";
-import { DownloadButton } from "./DownloadButton.js";
-export function Download({ augment }) {
-    augment(({ toolbar, ...restProps }) => ({
-        toolbar: addToolbarButton(toolbar, PLUGIN_DOWNLOAD, React.createElement(DownloadButton, null)),
-        ...restProps,
-    }));
-}

package/dist/plugins/download/DownloadButton.d.ts

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

package/dist/plugins/download/DownloadButton.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { createIcon, IconButton, isImageSlide, useLightboxProps, useLightboxState } from "../../core/index.js";
-import { saveAs } from "./FileSaver.js";
-const DownloadIcon = createIcon("DownloadIcon", React.createElement("path", { d: "M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zm-1-4-1.41-1.41L13 12.17V4h-2v8.17L8.41 9.59 7 11l5 5 5-5z" }));
-export function DownloadButton() {
-    const { render, on } = useLightboxProps();
-    const { currentSlide, currentIndex } = useLightboxState();
-    if (render.buttonDownload) {
-        return React.createElement(React.Fragment, null, render.buttonDownload());
-    }
-    const downloadUrl = (currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.downloadUrl) || (currentSlide && isImageSlide(currentSlide) ? currentSlide.src : undefined);
-    return (React.createElement(IconButton, { label: "Download", icon: DownloadIcon, renderIcon: render.iconDownload, disabled: !downloadUrl, onClick: () => {
-            var _a;
-            if (downloadUrl) {
-                saveAs(downloadUrl, currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.downloadFilename);
-                (_a = on.download) === null || _a === void 0 ? void 0 : _a.call(on, { index: currentIndex });
-            }
-        } }));
-}

package/dist/plugins/download/FileSaver.d.ts

@@ -1 +0,0 @@
-export declare function saveAs(source: string | Blob, name?: string): void;

package/dist/plugins/download/FileSaver.js

@@ -1,60 +0,0 @@
-function download(url, name) {
-    const xhr = new XMLHttpRequest();
-    xhr.open("GET", url);
-    xhr.responseType = "blob";
-    xhr.onload = () => {
-        saveAs(xhr.response, name);
-    };
-    xhr.onerror = () => {
-        console.error("Failed to download file");
-    };
-    xhr.send();
-}
-function corsEnabled(url) {
-    const xhr = new XMLHttpRequest();
-    xhr.open("HEAD", url, false);
-    try {
-        xhr.send();
-    }
-    catch (e) {
-    }
-    return xhr.status >= 200 && xhr.status <= 299;
-}
-function click(link) {
-    try {
-        link.dispatchEvent(new MouseEvent("click"));
-    }
-    catch (e) {
-        const event = document.createEvent("MouseEvents");
-        event.initMouseEvent("click", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);
-        link.dispatchEvent(event);
-    }
-}
-export function saveAs(source, name) {
-    const link = document.createElement("a");
-    link.rel = "noopener";
-    link.download = name || "";
-    if (!link.download) {
-        link.target = "_blank";
-    }
-    if (typeof source === "string") {
-        link.href = source;
-        if (link.origin !== window.location.origin) {
-            if (corsEnabled(link.href)) {
-                download(source, name);
-            }
-            else {
-                link.target = "_blank";
-                click(link);
-            }
-        }
-        else {
-            click(link);
-        }
-    }
-    else {
-        link.href = URL.createObjectURL(source);
-        setTimeout(() => URL.revokeObjectURL(link.href), 30000);
-        setTimeout(() => click(link), 0);
-    }
-}

package/dist/plugins/fullscreen/Fullscreen.d.ts

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

package/dist/plugins/fullscreen/Fullscreen.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { addToolbarButton, createModule, MODULE_CONTROLLER, PLUGIN_FULLSCREEN, PLUGIN_THUMBNAILS, } from "../../core/index.js";
-import { resolveFullscreenProps } from "./props.js";
-import { FullscreenButton } from "./FullscreenButton.js";
-import { FullscreenContextProvider } from "./FullscreenContext.js";
-export function Fullscreen({ augment, contains, addParent }) {
-    augment(({ fullscreen, toolbar, ...restProps }) => ({
-        toolbar: addToolbarButton(toolbar, PLUGIN_FULLSCREEN, React.createElement(FullscreenButton, null)),
-        fullscreen: resolveFullscreenProps(fullscreen),
-        ...restProps,
-    }));
-    addParent(contains(PLUGIN_THUMBNAILS) ? PLUGIN_THUMBNAILS : MODULE_CONTROLLER, createModule(PLUGIN_FULLSCREEN, FullscreenContextProvider));
-}

package/dist/plugins/fullscreen/FullscreenButton.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-/** Fullscreen button */
-export declare function FullscreenButton(): React.JSX.Element | null;

package/dist/plugins/fullscreen/FullscreenButton.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { createIcon, IconButton, useLightboxProps } from "../../core/index.js";
-import { useFullscreen } from "./FullscreenContext.js";
-const EnterFullscreenIcon = createIcon("EnterFullscreen", React.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
-const ExitFullscreenIcon = createIcon("ExitFullscreen", React.createElement("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }));
-export function FullscreenButton() {
-    var _a;
-    const { fullscreen, disabled, enter, exit } = useFullscreen();
-    const { render } = useLightboxProps();
-    if (disabled)
-        return null;
-    if (render.buttonFullscreen) {
-        return React.createElement(React.Fragment, null, (_a = render.buttonFullscreen) === null || _a === void 0 ? void 0 : _a.call(render, { fullscreen, disabled, enter, exit }));
-    }
-    return (React.createElement(IconButton, { disabled: disabled, label: fullscreen ? "Exit Fullscreen" : "Enter Fullscreen", icon: fullscreen ? ExitFullscreenIcon : EnterFullscreenIcon, renderIcon: fullscreen ? render.iconExitFullscreen : render.iconEnterFullscreen, onClick: fullscreen ? exit : enter }));
-}

package/dist/plugins/fullscreen/FullscreenContext.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import { ComponentProps, FullscreenRef } from "../../types.js";
-export declare const FullscreenContext: React.Context<FullscreenRef | null>;
-export declare const useFullscreen: () => FullscreenRef;
-export declare function FullscreenContextProvider({ fullscreen: fullscreenProps, children }: ComponentProps): React.JSX.Element;