@alfalab/core-components-gallery 7.1.10 → 7.2.0-alfasans

package/Component.js

@@ -74,9 +74,12 @@ var Gallery = function (_a) {
         slideTo(nextIndex);
     }, [images.length, loop, currentSlideIndex, slideTo]);
     var setImageMeta = React.useCallback(function (meta, index) {
-        imagesMeta[index] = meta;
-        setImagesMeta(imagesMeta.slice());
-    }, [imagesMeta]);
+        setImagesMeta(function (prevImagesMeta) {
+            var nextImagesMeta = prevImagesMeta.slice();
+            nextImagesMeta[index] = meta;
+            return nextImagesMeta;
+        });
+    }, []);
     var handleBottomButtonClick = React.useCallback(function (e) {
         e.stopPropagation();
         if (bottomButton === null || bottomButton === void 0 ? void 0 : bottomButton.onClick) {

package/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { type FC, type MouseEvent, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport type SwiperCore from 'swiper';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { BottomButton } from './components/bottom-button';\nimport { Single } from './components/image-viewer/single';\nimport { Subtitles } from './components/subtitles';\nimport { Header, HeaderMobile, ImageViewer, InfoBar, NavigationBar } from './components';\nimport { SWIPE_THRESHOLD } from './constants';\nimport { GalleryContext } from './context';\nimport { type GalleryImage, type ImageMeta } from './types';\n\nimport styles from './index.module.css';\n\nexport type GalleryProps = {\n    /**\n     * Управление видимостью\n     */\n    open: boolean;\n\n    /**\n     * Массив изображений\n     */\n    images: GalleryImage[];\n\n    /**\n     * Зациклить галерею\n     * @default true\n     */\n    loop?: boolean;\n\n    /**\n     * Индекс открытого изображение\n     * @default 0\n     */\n    initialSlide?: number;\n\n    /**\n     * Обработчик закрытия\n     */\n    onClose: () => void;\n\n    /**\n     * Индекс текущего изображения\n     */\n    slideIndex?: number;\n\n    /**\n     * Обработчик изменения текущего изображения\n     */\n    onSlideIndexChange?: (index: number) => void;\n\n    /**\n     * Дополнительный класс для попапа\n     */\n    popupClassName?: string;\n};\n\nconst DEFAULT_FULL_SCREEN = false;\nconst DEFAULT_MUTED_VIDEO = true;\nconst DEFAULT_PLAYING_VIDEO = true;\nconst DEFAULT_HIDE_NAVIGATION = false;\n\nconst Backdrop = () => null;\n\nexport const Gallery: FC<GalleryProps> = ({\n    open,\n    images,\n    slideIndex,\n    initialSlide = 0,\n    loop = true,\n    onClose,\n    onSlideIndexChange,\n    popupClassName,\n}) => {\n    const currentSlideIndexState = useState(initialSlide);\n    const uncontrolled = slideIndex === undefined;\n    const [currentSlideIndex, setCurrentSlideIndex] = uncontrolled\n        ? currentSlideIndexState\n        : [slideIndex, onSlideIndexChange];\n\n    const [swiper, setSwiper] = useState<SwiperCore>();\n    const [imagesMeta, setImagesMeta] = useState<ImageMeta[]>([]);\n    const [fullScreen, setFullScreen] = useState<boolean>(DEFAULT_FULL_SCREEN);\n    const [mutedVideo, setMutedVideo] = useState<boolean>(DEFAULT_MUTED_VIDEO);\n    const [playingVideo, setPlayingVideo] = useState<boolean>(DEFAULT_PLAYING_VIDEO);\n    const [hideNavigation, setHideNavigation] = useState<boolean>(DEFAULT_HIDE_NAVIGATION);\n\n    const isDesktop = useIsDesktop();\n\n    const isCurrentVideo = !!imagesMeta[currentSlideIndex]?.player?.current;\n\n    const bottomButton = images[currentSlideIndex]?.bottomButton;\n\n    const slideTo = useCallback(\n        (index: number) => {\n            if (images[index]) {\n                setCurrentSlideIndex?.(index);\n\n                if (swiper) {\n                    setPlayingVideo(true);\n                    swiper.slideTo(index);\n                }\n            }\n        },\n        [images, setCurrentSlideIndex, swiper],\n    );\n\n    const slideNext = useCallback(() => {\n        const lastIndex = images.length - 1;\n\n        let nextIndex = currentSlideIndex + 1;\n\n        if (nextIndex >= images.length) {\n            nextIndex = loop ? 0 : lastIndex;\n        }\n\n        slideTo(nextIndex);\n    }, [images.length, loop, currentSlideIndex, slideTo]);\n\n    const slidePrev = useCallback(() => {\n        const lastIndex = images.length - 1;\n\n        let nextIndex = currentSlideIndex - 1;\n\n        if (nextIndex < 0) {\n            nextIndex = loop ? lastIndex : 0;\n        }\n\n        slideTo(nextIndex);\n    }, [images.length, loop, currentSlideIndex, slideTo]);\n\n    const setImageMeta = useCallback(\n        (meta: ImageMeta, index: number) => {\n            imagesMeta[index] = meta;\n\n            setImagesMeta(imagesMeta.slice());\n        },\n        [imagesMeta],\n    );\n\n    const handleBottomButtonClick = useCallback(\n        (e: MouseEvent) => {\n            e.stopPropagation();\n            if (bottomButton?.onClick) {\n                bottomButton.onClick(e);\n            }\n        },\n        [bottomButton],\n    );\n\n    const handleClose = useCallback(() => {\n        onClose();\n\n        if (uncontrolled) {\n            setCurrentSlideIndex?.(initialSlide);\n        }\n\n        setFullScreen(false);\n    }, [initialSlide, onClose, setCurrentSlideIndex, uncontrolled]);\n\n    const handleEscapeKeyDown = () => {\n        if (fullScreen) {\n            setFullScreen(false);\n        } else {\n            handleClose();\n        }\n    };\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!open || fullScreen) {\n                return;\n            }\n\n            switch (event.key) {\n                case 'ArrowLeft':\n                    slidePrev();\n                    break;\n                case 'ArrowRight':\n                    slideNext();\n                    break;\n            }\n        },\n        [fullScreen, open, slideNext, slidePrev],\n    );\n\n    const onUnmount = useCallback(() => {\n        setPlayingVideo(DEFAULT_PLAYING_VIDEO);\n        setMutedVideo(DEFAULT_MUTED_VIDEO);\n    }, [setPlayingVideo]);\n\n    useEffect(() => {\n        if (!uncontrolled && !swiper?.destroyed) {\n            swiper?.slideTo(currentSlideIndex);\n        }\n    }, [uncontrolled, currentSlideIndex, swiper]);\n\n    useEffect(() => {\n        document.addEventListener('keydown', handleKeyDown);\n\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [handleKeyDown]);\n\n    useEffect(() => {\n        let startY: number;\n        const abortController = new AbortController();\n        const { signal } = abortController;\n\n        document.addEventListener(\n            'touchstart',\n            (e) => {\n                startY = e.touches[0].clientY;\n            },\n            { signal },\n        );\n\n        document.addEventListener(\n            'touchmove',\n            (e) => {\n                const endY = e.changedTouches[0].clientY;\n                const deltaY = startY - endY;\n\n                // Если свайп вниз, закрываем галерею\n                if (deltaY < SWIPE_THRESHOLD) {\n                    onClose();\n                }\n            },\n            { signal },\n        );\n\n        return () => {\n            abortController.abort();\n        };\n    }, [onClose]);\n\n    const singleSlide = images.length === 1;\n\n    const showNavigationBar = !singleSlide && !fullScreen;\n\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    const galleryContext: GalleryContext = {\n        view: isDesktop ? 'desktop' : 'mobile',\n        singleSlide,\n        currentSlideIndex,\n        images,\n        imagesMeta,\n        fullScreen,\n        initialSlide: uncontrolled ? initialSlide : currentSlideIndex,\n        setFullScreen,\n        playingVideo,\n        setPlayingVideo,\n        mutedVideo,\n        setMutedVideo,\n        hideNavigation,\n        setHideNavigation,\n        setImageMeta,\n        slideNext,\n        slidePrev,\n        slideTo,\n        getSwiper: () => swiper,\n        setSwiper,\n        onClose: handleClose,\n        setCurrentSlideIndex,\n        getCurrentImage: () => images[currentSlideIndex],\n        getCurrentImageMeta: () => imagesMeta[currentSlideIndex],\n    };\n\n    return (\n        <GalleryContext.Provider value={galleryContext}>\n            <BaseModal\n                open={open}\n                className={cn(styles.modal, popupClassName)}\n                onEscapeKeyDown={handleEscapeKeyDown}\n                Backdrop={Backdrop}\n                onUnmount={onUnmount}\n            >\n                <div\n                    className={cn(styles.container, {\n                        [styles.mobile]: !isDesktop,\n                    })}\n                >\n                    {isDesktop ? <Header /> : <HeaderMobile />}\n                    {images.length === 1 ? <Single /> : <ImageViewer />}\n                    <nav\n                        className={cn({\n                            [styles.navigationVideo]: isCurrentVideo && !isDesktop,\n                            [styles.hide]: showNavigationBar && hideNavigation && !isDesktop,\n                            [styles.hideInfo]: !showNavigationBar && hideNavigation && !isDesktop,\n                        })}\n                    >\n                        {!isDesktop && <Subtitles />}\n                        {isCurrentVideo && !isDesktop && bottomButton && (\n                            <BottomButton\n                                bottomButton={bottomButton}\n                                onClick={handleBottomButtonClick}\n                                className={styles.bottomButton}\n                            />\n                        )}\n\n                        {showNavigationBar && <NavigationBar />}\n                        {!isDesktop && <InfoBar />}\n                    </nav>\n                </div>\n            </BaseModal>\n        </GalleryContext.Provider>\n    );\n};\n"],"names":["useState","useIsDesktop","useCallback","useEffect","SWIPE_THRESHOLD","React","GalleryContext","BaseModal","cn","styles","Header","HeaderMobile","Single","ImageViewer","Subtitles","BottomButton","NavigationBar","InfoBar"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { type FC, type MouseEvent, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport type SwiperCore from 'swiper';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { BottomButton } from './components/bottom-button';\nimport { Single } from './components/image-viewer/single';\nimport { Subtitles } from './components/subtitles';\nimport { Header, HeaderMobile, ImageViewer, InfoBar, NavigationBar } from './components';\nimport { SWIPE_THRESHOLD } from './constants';\nimport { GalleryContext } from './context';\nimport { type GalleryImage, type ImageMeta } from './types';\n\nimport styles from './index.module.css';\n\nexport type GalleryProps = {\n    /**\n     * Управление видимостью\n     */\n    open: boolean;\n\n    /**\n     * Массив изображений\n     */\n    images: GalleryImage[];\n\n    /**\n     * Зациклить галерею\n     * @default true\n     */\n    loop?: boolean;\n\n    /**\n     * Индекс открытого изображение\n     * @default 0\n     */\n    initialSlide?: number;\n\n    /**\n     * Обработчик закрытия\n     */\n    onClose: () => void;\n\n    /**\n     * Индекс текущего изображения\n     */\n    slideIndex?: number;\n\n    /**\n     * Обработчик изменения текущего изображения\n     */\n    onSlideIndexChange?: (index: number) => void;\n\n    /**\n     * Дополнительный класс для попапа\n     */\n    popupClassName?: string;\n};\n\nconst DEFAULT_FULL_SCREEN = false;\nconst DEFAULT_MUTED_VIDEO = true;\nconst DEFAULT_PLAYING_VIDEO = true;\nconst DEFAULT_HIDE_NAVIGATION = false;\n\nconst Backdrop = () => null;\n\nexport const Gallery: FC<GalleryProps> = ({\n    open,\n    images,\n    slideIndex,\n    initialSlide = 0,\n    loop = true,\n    onClose,\n    onSlideIndexChange,\n    popupClassName,\n}) => {\n    const currentSlideIndexState = useState(initialSlide);\n    const uncontrolled = slideIndex === undefined;\n    const [currentSlideIndex, setCurrentSlideIndex] = uncontrolled\n        ? currentSlideIndexState\n        : [slideIndex, onSlideIndexChange];\n\n    const [swiper, setSwiper] = useState<SwiperCore>();\n    const [imagesMeta, setImagesMeta] = useState<ImageMeta[]>([]);\n    const [fullScreen, setFullScreen] = useState<boolean>(DEFAULT_FULL_SCREEN);\n    const [mutedVideo, setMutedVideo] = useState<boolean>(DEFAULT_MUTED_VIDEO);\n    const [playingVideo, setPlayingVideo] = useState<boolean>(DEFAULT_PLAYING_VIDEO);\n    const [hideNavigation, setHideNavigation] = useState<boolean>(DEFAULT_HIDE_NAVIGATION);\n\n    const isDesktop = useIsDesktop();\n\n    const isCurrentVideo = !!imagesMeta[currentSlideIndex]?.player?.current;\n\n    const bottomButton = images[currentSlideIndex]?.bottomButton;\n\n    const slideTo = useCallback(\n        (index: number) => {\n            if (images[index]) {\n                setCurrentSlideIndex?.(index);\n\n                if (swiper) {\n                    setPlayingVideo(true);\n                    swiper.slideTo(index);\n                }\n            }\n        },\n        [images, setCurrentSlideIndex, swiper],\n    );\n\n    const slideNext = useCallback(() => {\n        const lastIndex = images.length - 1;\n\n        let nextIndex = currentSlideIndex + 1;\n\n        if (nextIndex >= images.length) {\n            nextIndex = loop ? 0 : lastIndex;\n        }\n\n        slideTo(nextIndex);\n    }, [images.length, loop, currentSlideIndex, slideTo]);\n\n    const slidePrev = useCallback(() => {\n        const lastIndex = images.length - 1;\n\n        let nextIndex = currentSlideIndex - 1;\n\n        if (nextIndex < 0) {\n            nextIndex = loop ? lastIndex : 0;\n        }\n\n        slideTo(nextIndex);\n    }, [images.length, loop, currentSlideIndex, slideTo]);\n\n    const setImageMeta = useCallback((meta: ImageMeta, index: number) => {\n        setImagesMeta((prevImagesMeta) => {\n            const nextImagesMeta = prevImagesMeta.slice();\n\n            nextImagesMeta[index] = meta;\n\n            return nextImagesMeta;\n        });\n    }, []);\n\n    const handleBottomButtonClick = useCallback(\n        (e: MouseEvent) => {\n            e.stopPropagation();\n            if (bottomButton?.onClick) {\n                bottomButton.onClick(e);\n            }\n        },\n        [bottomButton],\n    );\n\n    const handleClose = useCallback(() => {\n        onClose();\n\n        if (uncontrolled) {\n            setCurrentSlideIndex?.(initialSlide);\n        }\n\n        setFullScreen(false);\n    }, [initialSlide, onClose, setCurrentSlideIndex, uncontrolled]);\n\n    const handleEscapeKeyDown = () => {\n        if (fullScreen) {\n            setFullScreen(false);\n        } else {\n            handleClose();\n        }\n    };\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!open || fullScreen) {\n                return;\n            }\n\n            switch (event.key) {\n                case 'ArrowLeft':\n                    slidePrev();\n                    break;\n                case 'ArrowRight':\n                    slideNext();\n                    break;\n            }\n        },\n        [fullScreen, open, slideNext, slidePrev],\n    );\n\n    const onUnmount = useCallback(() => {\n        setPlayingVideo(DEFAULT_PLAYING_VIDEO);\n        setMutedVideo(DEFAULT_MUTED_VIDEO);\n    }, [setPlayingVideo]);\n\n    useEffect(() => {\n        if (!uncontrolled && !swiper?.destroyed) {\n            swiper?.slideTo(currentSlideIndex);\n        }\n    }, [uncontrolled, currentSlideIndex, swiper]);\n\n    useEffect(() => {\n        document.addEventListener('keydown', handleKeyDown);\n\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [handleKeyDown]);\n\n    useEffect(() => {\n        let startY: number;\n        const abortController = new AbortController();\n        const { signal } = abortController;\n\n        document.addEventListener(\n            'touchstart',\n            (e) => {\n                startY = e.touches[0].clientY;\n            },\n            { signal },\n        );\n\n        document.addEventListener(\n            'touchmove',\n            (e) => {\n                const endY = e.changedTouches[0].clientY;\n                const deltaY = startY - endY;\n\n                // Если свайп вниз, закрываем галерею\n                if (deltaY < SWIPE_THRESHOLD) {\n                    onClose();\n                }\n            },\n            { signal },\n        );\n\n        return () => {\n            abortController.abort();\n        };\n    }, [onClose]);\n\n    const singleSlide = images.length === 1;\n\n    const showNavigationBar = !singleSlide && !fullScreen;\n\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    const galleryContext: GalleryContext = {\n        view: isDesktop ? 'desktop' : 'mobile',\n        singleSlide,\n        currentSlideIndex,\n        images,\n        imagesMeta,\n        fullScreen,\n        initialSlide: uncontrolled ? initialSlide : currentSlideIndex,\n        setFullScreen,\n        playingVideo,\n        setPlayingVideo,\n        mutedVideo,\n        setMutedVideo,\n        hideNavigation,\n        setHideNavigation,\n        setImageMeta,\n        slideNext,\n        slidePrev,\n        slideTo,\n        getSwiper: () => swiper,\n        setSwiper,\n        onClose: handleClose,\n        setCurrentSlideIndex,\n        getCurrentImage: () => images[currentSlideIndex],\n        getCurrentImageMeta: () => imagesMeta[currentSlideIndex],\n    };\n\n    return (\n        <GalleryContext.Provider value={galleryContext}>\n            <BaseModal\n                open={open}\n                className={cn(styles.modal, popupClassName)}\n                onEscapeKeyDown={handleEscapeKeyDown}\n                Backdrop={Backdrop}\n                onUnmount={onUnmount}\n            >\n                <div\n                    className={cn(styles.container, {\n                        [styles.mobile]: !isDesktop,\n                    })}\n                >\n                    {isDesktop ? <Header /> : <HeaderMobile />}\n                    {images.length === 1 ? <Single /> : <ImageViewer />}\n                    <nav\n                        className={cn({\n                            [styles.navigationVideo]: isCurrentVideo && !isDesktop,\n                            [styles.hide]: showNavigationBar && hideNavigation && !isDesktop,\n                            [styles.hideInfo]: !showNavigationBar && hideNavigation && !isDesktop,\n                        })}\n                    >\n                        {!isDesktop && <Subtitles />}\n                        {isCurrentVideo && !isDesktop && bottomButton && (\n                            <BottomButton\n                                bottomButton={bottomButton}\n                                onClick={handleBottomButtonClick}\n                                className={styles.bottomButton}\n                            />\n                        )}\n\n                        {showNavigationBar && <NavigationBar />}\n                        {!isDesktop && <InfoBar />}\n                    </nav>\n                </div>\n            </BaseModal>\n        </GalleryContext.Provider>\n    );\n};\n"],"names":["useState","useIsDesktop","useCallback","useEffect","SWIPE_THRESHOLD","React","GalleryContext","BaseModal","cn","styles","Header","HeaderMobile","Single","ImageViewer","Subtitles","BottomButton","NavigationBar","InfoBar"],"mappings":"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"}

package/components/bottom-button/index.css

@@ -3,20 +3,20 @@
     --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
     --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
 }
-.gallery__component_r6kc9 {
+.gallery__component_rtlk7 {
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__component_r6kc9:hover {
+.gallery__component_rtlk7:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
     }
-.gallery__component_r6kc9:active {
+.gallery__component_rtlk7:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
     }
-.gallery__component_r6kc9 {
+.gallery__component_rtlk7 {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
 }
-.gallery__notVisible_r6kc9 {
+.gallery__notVisible_rtlk7 {
     transform: translateY(250%);
 }

package/components/bottom-button/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"gallery__component_r6kc9","notVisible":"gallery__notVisible_r6kc9"};
+var styles = {"component":"gallery__component_rtlk7","notVisible":"gallery__notVisible_rtlk7"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/buttons/index.css

@@ -8,19 +8,19 @@
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
 }
-.gallery__buttons_jmua5 {
+.gallery__buttons_1g22c {
     display: flex;
     padding-left: var(--gap-32);
 }
-.gallery__buttons_jmua5 path {
+.gallery__buttons_1g22c path {
         color: var(--color-static-neutral-translucent-1300-inverted);
     }
-.gallery__iconButton_jmua5 path {
+.gallery__iconButton_1g22c path {
         color: var(--color-static-neutral-100);
     }
-.gallery__iconButton_jmua5:hover path {
+.gallery__iconButton_1g22c:hover path {
         color: var(--color-static-neutral-100-hover);
     }
-.gallery__iconButton_jmua5:active path {
+.gallery__iconButton_1g22c:active path {
         color: var(--color-static-neutral-100-press);
     }

package/components/buttons/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"iconButton":"gallery__iconButton_jmua5"};
+var styles = {"iconButton":"gallery__iconButton_1g22c"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header/index.css

@@ -4,7 +4,7 @@
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 }
-.gallery__header_1d7s4 {
+.gallery__header_k6ots {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;

package/components/header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"gallery__header_1d7s4"};
+var styles = {"header":"gallery__header_k6ots"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header-info-block/index.css

@@ -2,24 +2,24 @@
     --gap-2xs: 4px;
     --gap-4: var(--gap-2xs);
 }
-.gallery__info_1cyww {
+.gallery__info_hd0sw {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
 }
-.gallery__filenameHead_1cyww {
+.gallery__filenameHead_hd0sw {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
-.gallery__filenameContainer_1cyww {
+.gallery__filenameContainer_hd0sw {
     overflow: hidden;
     display: inline-flex;
 }
-.gallery__description_1cyww {
+.gallery__description_hd0sw {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

package/components/header-info-block/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"info":"gallery__info_1cyww","filenameHead":"gallery__filenameHead_1cyww","filenameContainer":"gallery__filenameContainer_1cyww","description":"gallery__description_1cyww"};
+var styles = {"info":"gallery__info_hd0sw","filenameHead":"gallery__filenameHead_hd0sw","filenameContainer":"gallery__filenameContainer_hd0sw","description":"gallery__description_hd0sw"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header-mobile/index.css

@@ -1,7 +1,7 @@
 :root {
     --color-static-neutral-0-inverted: #262629;
 }
-.gallery__headerMobile_1uypd {
+.gallery__headerMobile_r4bhw {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -10,21 +10,21 @@
     justify-content: space-between;
     align-items: center;
 }
-.gallery__headerMobile_1uypd.gallery__video_1uypd {
+.gallery__headerMobile_r4bhw.gallery__video_r4bhw {
         position: absolute;
         width: 100%;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
     }
-.gallery__hide_1uypd {
+.gallery__hide_r4bhw {
     transform: translateY(-96px);
 }
-.gallery__leftButton_1uypd,
-.gallery__rightButtons_1uypd {
+.gallery__leftButton_r4bhw,
+.gallery__rightButtons_r4bhw {
     display: flex;
     align-items: center;
 }
-.gallery__description_1uypd {
+.gallery__description_r4bhw {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

package/components/header-mobile/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"headerMobile":"gallery__headerMobile_1uypd","video":"gallery__video_1uypd","hide":"gallery__hide_1uypd","rightButtons":"gallery__rightButtons_1uypd","description":"gallery__description_1uypd"};
+var styles = {"headerMobile":"gallery__headerMobile_r4bhw","video":"gallery__video_r4bhw","hide":"gallery__hide_r4bhw","rightButtons":"gallery__rightButtons_r4bhw","description":"gallery__description_r4bhw"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/image-preview/index.css

@@ -12,23 +12,23 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_13fp6 {
+.gallery__component_5oh2r {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
 }
-.gallery__component_13fp6 .gallery__image_13fp6 {
+.gallery__component_5oh2r .gallery__image_5oh2r {
         opacity: 0.3;
     }
-.gallery__component_13fp6.gallery__mobile_13fp6 {
+.gallery__component_5oh2r.gallery__mobile_5oh2r {
         padding: 0;
     }
-.gallery__active_13fp6 > .gallery__image_13fp6 {
+.gallery__active_5oh2r > .gallery__image_5oh2r {
         opacity: 1;
     }
-.gallery__preview_13fp6 {
+.gallery__preview_5oh2r {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -38,15 +38,15 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__preview_13fp6.gallery__mobile_13fp6 {
+.gallery__preview_5oh2r.gallery__mobile_5oh2r {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
     }
-.gallery__image_13fp6 {
+.gallery__image_5oh2r {
     transition: opacity 0.15s ease-in-out;
 }
-.gallery__image_13fp6 > img {
+.gallery__image_5oh2r > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -56,36 +56,36 @@
         overflow: clip;
         overflow-clip-margin: border-box;
     }
-.gallery__image_13fp6:hover {
+.gallery__image_5oh2r:hover {
         opacity: 0.7;
     }
-.gallery__loading_13fp6 {
+.gallery__loading_5oh2r {
     background-color: var(--color-static-neutral-100-inverted);
 }
-.gallery__loading_13fp6 .gallery__active_13fp6 {
+.gallery__loading_5oh2r .gallery__active_5oh2r {
         background-color: var(--color-static-neutral-300-inverted);
     }
-.gallery__brokenImageWrapper_13fp6 {
+.gallery__brokenImageWrapper_5oh2r {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted);
     opacity: 0.3;
 }
-.gallery__brokenImageWrapper_13fp6.gallery__active_13fp6 {
+.gallery__brokenImageWrapper_5oh2r.gallery__active_5oh2r {
         opacity: 1;
     }
-.gallery__brokenIcon_13fp6 {
+.gallery__brokenIcon_5oh2r {
     width: 40px;
     height: 40px;
 }
-.gallery__focused_13fp6 {
+.gallery__focused_5oh2r {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.gallery__canvasPreview_13fp6 {
+.gallery__canvasPreview_5oh2r {
     border-radius: var(--border-radius-12);
 }
-.gallery__canvasPreview_13fp6.gallery__mobile_13fp6 {
+.gallery__canvasPreview_5oh2r.gallery__mobile_5oh2r {
         border-radius: var(--border-radius-8);
     }

package/components/image-preview/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"gallery__component_13fp6","image":"gallery__image_13fp6","mobile":"gallery__mobile_13fp6","active":"gallery__active_13fp6","preview":"gallery__preview_13fp6","loading":"gallery__loading_13fp6","brokenImageWrapper":"gallery__brokenImageWrapper_13fp6","brokenIcon":"gallery__brokenIcon_13fp6","focused":"gallery__focused_13fp6","canvasPreview":"gallery__canvasPreview_13fp6"};
+var styles = {"component":"gallery__component_5oh2r","image":"gallery__image_5oh2r","mobile":"gallery__mobile_5oh2r","active":"gallery__active_5oh2r","preview":"gallery__preview_5oh2r","loading":"gallery__loading_5oh2r","brokenImageWrapper":"gallery__brokenImageWrapper_5oh2r","brokenIcon":"gallery__brokenIcon_5oh2r","focused":"gallery__focused_5oh2r","canvasPreview":"gallery__canvasPreview_5oh2r"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/image-viewer/component.js

@@ -23,9 +23,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var ImageViewer = function () {
-    var _a, _b, _c;
-    var _d = React.useContext(context.GalleryContext), images = _d.images, imagesMeta = _d.imagesMeta, fullScreen = _d.fullScreen, currentSlideIndex = _d.currentSlideIndex, initialSlide = _d.initialSlide, setCurrentSlideIndex = _d.setCurrentSlideIndex, getSwiper = _d.getSwiper, setSwiper = _d.setSwiper, slidePrev = _d.slidePrev, slideNext = _d.slideNext, getCurrentImage = _d.getCurrentImage;
-    var _e = hooks.useHandleImageViewer(), handleWrapperClick = _e.handleWrapperClick, isMobile = _e.isMobile, rightArrowRef = _e.rightArrowRef, leftArrowRef = _e.leftArrowRef;
+    var _a, _b, _c, _d;
+    var _e, _f;
+    var _g = React.useContext(context.GalleryContext), images = _g.images, imagesMeta = _g.imagesMeta, fullScreen = _g.fullScreen, currentSlideIndex = _g.currentSlideIndex, initialSlide = _g.initialSlide, setCurrentSlideIndex = _g.setCurrentSlideIndex, getSwiper = _g.getSwiper, setSwiper = _g.setSwiper, slidePrev = _g.slidePrev, slideNext = _g.slideNext, getCurrentImage = _g.getCurrentImage;
+    var _h = hooks.useHandleImageViewer(), handleWrapperClick = _h.handleWrapperClick, isMobile = _h.isMobile, rightArrowRef = _h.rightArrowRef, leftArrowRef = _h.leftArrowRef;
     var leftArrowFocused = hooks$1.useFocus(leftArrowRef, 'keyboard')[0];
     var rightArrowFocused = hooks$1.useFocus(rightArrowRef, 'keyboard')[0];
     var swiper = getSwiper();
@@ -94,24 +95,32 @@ var ImageViewer = function () {
                 _b[index_module.focused] = leftArrowFocused,
                 _b)), onClick: handlePrevClick, role: 'button', onKeyDown: handleArrowLeftKeyDown, tabIndex: 0, ref: leftArrowRef, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435', "data-test-id": constants.TestIds.PREV_SLIDE_BUTTON },
             React__default.default.createElement(ChevronBackHeavyMIcon.ChevronBackHeavyMIcon, null))),
-        fullScreen && !utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src) && (React__default.default.createElement("img", { src: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, alt: currentImage ? utils.getImageAlt(currentImage, currentSlideIndex) : '', className: index_module.fullScreenImage })),
-        React__default.default.createElement(react.Swiper, tslib.__assign({}, swiperProps), images.map(function (image, index) {
-            var meta = imagesMeta[index];
-            var imageWidth = (meta === null || meta === void 0 ? void 0 : meta.width) || 1;
-            var imageHeight = (meta === null || meta === void 0 ? void 0 : meta.height) || 1;
-            var imageAspectRatio = imageWidth / imageHeight;
-            var slideVisible = index === currentSlideIndex;
-            return (React__default.default.createElement(react.SwiperSlide, { key: utils.getImageKey(image, index), style: {
-                    pointerEvents: slideVisible ? 'auto' : 'none',
-                    transitionProperty: 'opacity',
-                } }, function (_a) {
-                var isActive = _a.isActive;
-                return (React__default.default.createElement(slide.Slide, { isActive: isActive, containerAspectRatio: swiperAspectRatio, image: image, containerHeight: swiperHeight, meta: meta, index: index, imageAspectRatio: imageAspectRatio, slideVisible: slideVisible }));
-            }));
-        })),
-        showControls && (React__default.default.createElement("div", { className: cn__default.default(index_module.arrow, (_c = {},
-                _c[index_module.focused] = rightArrowFocused,
-                _c)), onClick: handleNextClick, role: 'button', onKeyDown: handleArrowRightKeyDown, tabIndex: 0, ref: rightArrowRef, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435', "data-test-id": constants.TestIds.NEXT_SLIDE_BUTTON },
+        fullScreen && currentImage && !utils.isVideo(currentImage.src) && (React__default.default.createElement("div", { className: index_module.fullScreenFrame },
+            React__default.default.createElement(slide.Slide, { isActive: true, containerAspectRatio: swiperAspectRatio, image: currentImage, containerHeight: swiperHeight, meta: imagesMeta[currentSlideIndex], index: currentSlideIndex, imageAspectRatio: (((_e = imagesMeta[currentSlideIndex]) === null || _e === void 0 ? void 0 : _e.width) || 1) /
+                    (((_f = imagesMeta[currentSlideIndex]) === null || _f === void 0 ? void 0 : _f.height) || 1), slideVisible: false, fullScreen: true }))),
+        React__default.default.createElement("div", { className: cn__default.default(index_module.swiperFrame, (_c = {},
+                _c[index_module.mobile] = isMobile,
+                _c[index_module.mobileVideo] = isMobile && utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
+                _c[index_module.fullScreenFrame] = fullScreen,
+                _c[index_module.hiddenFrame] = fullScreen && !utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
+                _c)) },
+            React__default.default.createElement(react.Swiper, tslib.__assign({}, swiperProps), images.map(function (image, index) {
+                var meta = imagesMeta[index];
+                var imageWidth = (meta === null || meta === void 0 ? void 0 : meta.width) || 1;
+                var imageHeight = (meta === null || meta === void 0 ? void 0 : meta.height) || 1;
+                var imageAspectRatio = imageWidth / imageHeight;
+                var slideVisible = index === currentSlideIndex;
+                return (React__default.default.createElement(react.SwiperSlide, { key: utils.getImageKey(image, index), style: {
+                        pointerEvents: slideVisible ? 'auto' : 'none',
+                        transitionProperty: 'opacity',
+                    } }, function (_a) {
+                    var isActive = _a.isActive;
+                    return (React__default.default.createElement(slide.Slide, { isActive: isActive, containerAspectRatio: swiperAspectRatio, image: image, containerHeight: swiperHeight, meta: meta, index: index, imageAspectRatio: imageAspectRatio, slideVisible: slideVisible, fullScreen: fullScreen && utils.isVideo(image.src) }));
+                }));
+            }))),
+        showControls && (React__default.default.createElement("div", { className: cn__default.default(index_module.arrow, (_d = {},
+                _d[index_module.focused] = rightArrowFocused,
+                _d)), onClick: handleNextClick, role: 'button', onKeyDown: handleArrowRightKeyDown, tabIndex: 0, ref: rightArrowRef, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435', "data-test-id": constants.TestIds.NEXT_SLIDE_BUTTON },
             React__default.default.createElement(ChevronForwardHeavyMIcon.ChevronForwardHeavyMIcon, null)))));
 };
 

package/components/image-viewer/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/image-viewer/component.tsx"],"sourcesContent":["import React, { type FC, type KeyboardEventHandler, useCallback, useContext, useMemo } from 'react';\nimport cn from 'classnames';\nimport { A11y, Controller } from 'swiper/modules';\nimport { Swiper, type SwiperProps, SwiperSlide } from 'swiper/react';\n\nimport { useFocus } from '@alfalab/hooks';\nimport { ChevronBackHeavyMIcon } from '@alfalab/icons-glyph/ChevronBackHeavyMIcon';\nimport { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';\n\nimport { GalleryContext } from '../../context';\nimport { getImageAlt, getImageKey, isVideo, TestIds } from '../../utils';\n\nimport { useHandleImageViewer } from './hooks';\nimport { Slide } from './slide';\n\nimport styles from './index.module.css';\n\nexport const ImageViewer: FC = () => {\n    const {\n        images,\n        imagesMeta,\n        fullScreen,\n        currentSlideIndex,\n        initialSlide,\n        setCurrentSlideIndex,\n        getSwiper,\n        setSwiper,\n        slidePrev,\n        slideNext,\n        getCurrentImage,\n    } = useContext(GalleryContext);\n\n    const { handleWrapperClick, isMobile, rightArrowRef, leftArrowRef } = useHandleImageViewer();\n\n    const [leftArrowFocused] = useFocus(leftArrowRef, 'keyboard');\n    const [rightArrowFocused] = useFocus(rightArrowRef, 'keyboard');\n\n    const swiper = getSwiper();\n    const currentImage = getCurrentImage();\n\n    const handleSlideChange = useCallback(() => {\n        setCurrentSlideIndex?.(swiper?.activeIndex ?? initialSlide);\n    }, [setCurrentSlideIndex, swiper, initialSlide]);\n\n    const handlePrevClick = () => {\n        slidePrev();\n    };\n\n    const handleNextClick = () => {\n        slideNext();\n    };\n\n    const handleArrowLeftKeyDown: KeyboardEventHandler = (event) => {\n        if (event.key === 'Enter') {\n            slidePrev();\n        }\n    };\n\n    const handleArrowRightKeyDown: KeyboardEventHandler = (event) => {\n        if (event.key === 'Enter') {\n            slideNext();\n        }\n    };\n\n    const swiperProps = useMemo<SwiperProps>(\n        () => ({\n            slidesPerView: 1,\n            effect: 'slide',\n            className: cn(styles.swiper, {\n                [styles.hidden]: fullScreen && !isVideo(currentImage?.src),\n                [styles.fullScreenVideo]: fullScreen && isVideo(currentImage?.src),\n                [styles.mobile]: isMobile,\n                [styles.mobileVideo]: isMobile && isVideo(currentImage?.src),\n            }),\n            modules: [A11y, Controller],\n            controller: { control: swiper },\n            a11y: {\n                slideRole: 'img',\n            },\n            initialSlide,\n            simulateTouch: false,\n            zoom: { maxRatio: 4, minRatio: 1, toggle: true },\n            onSwiper: setSwiper,\n            onSlideChange: handleSlideChange,\n            lazy: { loadPrevNext: true },\n        }),\n        [\n            fullScreen,\n            currentImage?.src,\n            isMobile,\n            swiper,\n            initialSlide,\n            setSwiper,\n            handleSlideChange,\n        ],\n    );\n\n    const showControls = !fullScreen && !isMobile && !!images.length;\n\n    const swiperWidth = swiper?.width || 1;\n    const swiperHeight = swiper?.height || swiper?.width || 1;\n\n    const swiperAspectRatio = swiperWidth / swiperHeight;\n\n    return (\n        <div\n            className={cn(styles.component, {\n                [styles.mobile]: isMobile,\n                [styles.mobileVideo]: isMobile && isVideo(currentImage?.src),\n            })}\n            aria-hidden={true}\n            onClick={handleWrapperClick}\n        >\n            {showControls && (\n                <div\n                    className={cn(styles.arrow, {\n                        [styles.focused]: leftArrowFocused,\n                    })}\n                    onClick={handlePrevClick}\n                    role='button'\n                    onKeyDown={handleArrowLeftKeyDown}\n                    tabIndex={0}\n                    ref={leftArrowRef}\n                    aria-label='Предыдущее изображение'\n                    data-test-id={TestIds.PREV_SLIDE_BUTTON}\n                >\n                    <ChevronBackHeavyMIcon />\n                </div>\n            )}\n\n            {fullScreen && !isVideo(currentImage?.src) && (\n                <img\n                    src={currentImage?.src}\n                    alt={currentImage ? getImageAlt(currentImage, currentSlideIndex) : ''}\n                    className={styles.fullScreenImage}\n                />\n            )}\n\n            <Swiper {...swiperProps}>\n                {images.map((image, index) => {\n                    const meta = imagesMeta[index];\n\n                    const imageWidth = meta?.width || 1;\n                    const imageHeight = meta?.height || 1;\n\n                    const imageAspectRatio = imageWidth / imageHeight;\n\n                    const slideVisible = index === currentSlideIndex;\n\n                    return (\n                        <SwiperSlide\n                            key={getImageKey(image, index)}\n                            style={{\n                                pointerEvents: slideVisible ? 'auto' : 'none',\n                                transitionProperty: 'opacity',\n                            }}\n                        >\n                            {({ isActive }) => (\n                                <Slide\n                                    isActive={isActive}\n                                    containerAspectRatio={swiperAspectRatio}\n                                    image={image}\n                                    containerHeight={swiperHeight}\n                                    meta={meta}\n                                    index={index}\n                                    imageAspectRatio={imageAspectRatio}\n                                    slideVisible={slideVisible}\n                                />\n                            )}\n                        </SwiperSlide>\n                    );\n                })}\n            </Swiper>\n\n            {showControls && (\n                <div\n                    className={cn(styles.arrow, {\n                        [styles.focused]: rightArrowFocused,\n                    })}\n                    onClick={handleNextClick}\n                    role='button'\n                    onKeyDown={handleArrowRightKeyDown}\n                    tabIndex={0}\n                    ref={rightArrowRef}\n                    aria-label='Следующее изображение'\n                    data-test-id={TestIds.NEXT_SLIDE_BUTTON}\n                >\n                    <ChevronForwardHeavyMIcon />\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["useContext","GalleryContext","useHandleImageViewer","useFocus","useCallback","useMemo","cn","styles","isVideo","A11y","Controller","React","TestIds","ChevronBackHeavyMIcon","getImageAlt","Swiper","__assign","SwiperSlide","getImageKey","Slide","ChevronForwardHeavyMIcon"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/components/image-viewer/component.tsx"],"sourcesContent":["import React, { type FC, type KeyboardEventHandler, useCallback, useContext, useMemo } from 'react';\nimport cn from 'classnames';\nimport { A11y, Controller } from 'swiper/modules';\nimport { Swiper, type SwiperProps, SwiperSlide } from 'swiper/react';\n\nimport { useFocus } from '@alfalab/hooks';\nimport { ChevronBackHeavyMIcon } from '@alfalab/icons-glyph/ChevronBackHeavyMIcon';\nimport { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';\n\nimport { GalleryContext } from '../../context';\nimport { getImageKey, isVideo, TestIds } from '../../utils';\n\nimport { useHandleImageViewer } from './hooks';\nimport { Slide } from './slide';\n\nimport styles from './index.module.css';\n\nexport const ImageViewer: FC = () => {\n    const {\n        images,\n        imagesMeta,\n        fullScreen,\n        currentSlideIndex,\n        initialSlide,\n        setCurrentSlideIndex,\n        getSwiper,\n        setSwiper,\n        slidePrev,\n        slideNext,\n        getCurrentImage,\n    } = useContext(GalleryContext);\n\n    const { handleWrapperClick, isMobile, rightArrowRef, leftArrowRef } = useHandleImageViewer();\n\n    const [leftArrowFocused] = useFocus(leftArrowRef, 'keyboard');\n    const [rightArrowFocused] = useFocus(rightArrowRef, 'keyboard');\n\n    const swiper = getSwiper();\n    const currentImage = getCurrentImage();\n\n    const handleSlideChange = useCallback(() => {\n        setCurrentSlideIndex?.(swiper?.activeIndex ?? initialSlide);\n    }, [setCurrentSlideIndex, swiper, initialSlide]);\n\n    const handlePrevClick = () => {\n        slidePrev();\n    };\n\n    const handleNextClick = () => {\n        slideNext();\n    };\n\n    const handleArrowLeftKeyDown: KeyboardEventHandler = (event) => {\n        if (event.key === 'Enter') {\n            slidePrev();\n        }\n    };\n\n    const handleArrowRightKeyDown: KeyboardEventHandler = (event) => {\n        if (event.key === 'Enter') {\n            slideNext();\n        }\n    };\n\n    const swiperProps = useMemo<SwiperProps>(\n        () => ({\n            slidesPerView: 1,\n            effect: 'slide',\n            className: cn(styles.swiper, {\n                [styles.hidden]: fullScreen && !isVideo(currentImage?.src),\n                [styles.fullScreenVideo]: fullScreen && isVideo(currentImage?.src),\n                [styles.mobile]: isMobile,\n                [styles.mobileVideo]: isMobile && isVideo(currentImage?.src),\n            }),\n            modules: [A11y, Controller],\n            controller: { control: swiper },\n            a11y: {\n                slideRole: 'img',\n            },\n            initialSlide,\n            simulateTouch: false,\n            zoom: { maxRatio: 4, minRatio: 1, toggle: true },\n            onSwiper: setSwiper,\n            onSlideChange: handleSlideChange,\n            lazy: { loadPrevNext: true },\n        }),\n        [\n            fullScreen,\n            currentImage?.src,\n            isMobile,\n            swiper,\n            initialSlide,\n            setSwiper,\n            handleSlideChange,\n        ],\n    );\n\n    const showControls = !fullScreen && !isMobile && !!images.length;\n\n    const swiperWidth = swiper?.width || 1;\n    const swiperHeight = swiper?.height || swiper?.width || 1;\n\n    const swiperAspectRatio = swiperWidth / swiperHeight;\n\n    return (\n        <div\n            className={cn(styles.component, {\n                [styles.mobile]: isMobile,\n                [styles.mobileVideo]: isMobile && isVideo(currentImage?.src),\n            })}\n            aria-hidden={true}\n            onClick={handleWrapperClick}\n        >\n            {showControls && (\n                <div\n                    className={cn(styles.arrow, {\n                        [styles.focused]: leftArrowFocused,\n                    })}\n                    onClick={handlePrevClick}\n                    role='button'\n                    onKeyDown={handleArrowLeftKeyDown}\n                    tabIndex={0}\n                    ref={leftArrowRef}\n                    aria-label='Предыдущее изображение'\n                    data-test-id={TestIds.PREV_SLIDE_BUTTON}\n                >\n                    <ChevronBackHeavyMIcon />\n                </div>\n            )}\n\n            {fullScreen && currentImage && !isVideo(currentImage.src) && (\n                <div className={styles.fullScreenFrame}>\n                    <Slide\n                        isActive={true}\n                        containerAspectRatio={swiperAspectRatio}\n                        image={currentImage}\n                        containerHeight={swiperHeight}\n                        meta={imagesMeta[currentSlideIndex]}\n                        index={currentSlideIndex}\n                        imageAspectRatio={\n                            (imagesMeta[currentSlideIndex]?.width || 1) /\n                            (imagesMeta[currentSlideIndex]?.height || 1)\n                        }\n                        slideVisible={false}\n                        fullScreen={true}\n                    />\n                </div>\n            )}\n\n            <div\n                className={cn(styles.swiperFrame, {\n                    [styles.mobile]: isMobile,\n                    [styles.mobileVideo]: isMobile && isVideo(currentImage?.src),\n                    [styles.fullScreenFrame]: fullScreen,\n                    [styles.hiddenFrame]: fullScreen && !isVideo(currentImage?.src),\n                })}\n            >\n                <Swiper {...swiperProps}>\n                    {images.map((image, index) => {\n                        const meta = imagesMeta[index];\n\n                        const imageWidth = meta?.width || 1;\n                        const imageHeight = meta?.height || 1;\n\n                        const imageAspectRatio = imageWidth / imageHeight;\n\n                        const slideVisible = index === currentSlideIndex;\n\n                        return (\n                            <SwiperSlide\n                                key={getImageKey(image, index)}\n                                style={{\n                                    pointerEvents: slideVisible ? 'auto' : 'none',\n                                    transitionProperty: 'opacity',\n                                }}\n                            >\n                                {({ isActive }) => (\n                                    <Slide\n                                        isActive={isActive}\n                                        containerAspectRatio={swiperAspectRatio}\n                                        image={image}\n                                        containerHeight={swiperHeight}\n                                        meta={meta}\n                                        index={index}\n                                        imageAspectRatio={imageAspectRatio}\n                                        slideVisible={slideVisible}\n                                        fullScreen={fullScreen && isVideo(image.src)}\n                                    />\n                                )}\n                            </SwiperSlide>\n                        );\n                    })}\n                </Swiper>\n            </div>\n\n            {showControls && (\n                <div\n                    className={cn(styles.arrow, {\n                        [styles.focused]: rightArrowFocused,\n                    })}\n                    onClick={handleNextClick}\n                    role='button'\n                    onKeyDown={handleArrowRightKeyDown}\n                    tabIndex={0}\n                    ref={rightArrowRef}\n                    aria-label='Следующее изображение'\n                    data-test-id={TestIds.NEXT_SLIDE_BUTTON}\n                >\n                    <ChevronForwardHeavyMIcon />\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["useContext","GalleryContext","useHandleImageViewer","useFocus","useCallback","useMemo","cn","styles","isVideo","A11y","Controller","React","TestIds","ChevronBackHeavyMIcon","Slide","Swiper","__assign","SwiperSlide","getImageKey","ChevronForwardHeavyMIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBa,IAAA,WAAW,GAAO,YAAA;;;AACrB,IAAA,IAAA,KAYFA,gBAAU,CAACC,sBAAc,CAAC,EAX1B,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,iBAAiB,uBAAA,EACjB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,eAAA,EACT,SAAS,eAAA,EACT,eAAe,qBACW;AAExB,IAAA,IAAA,EAAgE,GAAAC,0BAAoB,EAAE,EAApF,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,YAAY,kBAA2B;IAErF,IAAA,gBAAgB,GAAIC,gBAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA,CAAA,CAAtC;IAChB,IAAA,iBAAiB,GAAIA,gBAAQ,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA,CAAA,CAAvC;AAExB,IAAA,IAAM,MAAM,GAAG,SAAS,EAAE;AAC1B,IAAA,IAAM,YAAY,GAAG,eAAe,EAAE;IAEtC,IAAM,iBAAiB,GAAGC,iBAAW,CAAC,YAAA;;AAClC,QAAA,oBAAoB,aAApB,oBAAoB,KAAA,MAAA,GAAA,MAAA,GAApB,oBAAoB,CAAG,MAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,WAAW,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,YAAY,CAAC;KAC9D,EAAE,CAAC,oBAAoB,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;AAEhD,IAAA,IAAM,eAAe,GAAG,YAAA;AACpB,QAAA,SAAS,EAAE;AACf,KAAC;AAED,IAAA,IAAM,eAAe,GAAG,YAAA;AACpB,QAAA,SAAS,EAAE;AACf,KAAC;IAED,IAAM,sBAAsB,GAAyB,UAAC,KAAK,EAAA;AACvD,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACvB,YAAA,SAAS,EAAE;;AAEnB,KAAC;IAED,IAAM,uBAAuB,GAAyB,UAAC,KAAK,EAAA;AACxD,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACvB,YAAA,SAAS,EAAE;;AAEnB,KAAC;IAED,IAAM,WAAW,GAAGC,aAAO,CACvB,YAAA;;AAAM,QAAA,QAAC;AACH,YAAA,aAAa,EAAE,CAAC;AAChB,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,GAAA,EAAA,GAAA,EAAA;AACvB,gBAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAG,GAAA,UAAU,IAAI,CAACC,aAAO,CAAC,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,CAAC;AAC1D,gBAAA,EAAA,CAACD,YAAM,CAAC,eAAe,CAAA,GAAG,UAAU,IAAIC,aAAO,CAAC,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,CAAC;AAClE,gBAAA,EAAA,CAACD,YAAM,CAAC,MAAM,CAAA,GAAG,QAAQ;AACzB,gBAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAA,GAAG,QAAQ,IAAIC,aAAO,CAAC,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,CAAC;AAC9D,gBAAA,EAAA,EAAA;AACF,YAAA,OAAO,EAAE,CAACC,YAAI,EAAEC,kBAAU,CAAC;AAC3B,YAAA,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC/B,YAAA,IAAI,EAAE;AACF,gBAAA,SAAS,EAAE,KAAK;AACnB,aAAA;AACD,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE;AAChD,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,aAAa,EAAE,iBAAiB;AAChC,YAAA,IAAI,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;SAC/B;AApBK,KAoBJ,EACF;QACI,UAAU;AACV,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,CAAE,GAAG;QACjB,QAAQ;QACR,MAAM;QACN,YAAY;QACZ,SAAS;QACT,iBAAiB;AACpB,KAAA,CACJ;AAED,IAAA,IAAM,YAAY,GAAG,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM;AAEhE,IAAA,IAAM,WAAW,GAAG,CAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,KAAK,KAAI,CAAC;IACtC,IAAM,YAAY,GAAG,CAAA,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,MAAM,MAAI,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,KAAK,CAAA,IAAI,CAAC;AAEzD,IAAA,IAAM,iBAAiB,GAAG,WAAW,GAAG,YAAY;IAEpD,QACIC,8CACI,SAAS,EAAEL,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1B,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,QAAQ;AACzB,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAA,GAAG,QAAQ,IAAIC,aAAO,CAAC,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,CAAC;AAC9D,YAAA,EAAA,EAAA,EAAA,aAAA,EACW,IAAI,EACjB,OAAO,EAAE,kBAAkB,EAAA;QAE1B,YAAY,KACTG,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEL,mBAAE,CAACC,YAAM,CAAC,KAAK,GAAA,EAAA,GAAA,EAAA;AACtB,gBAAA,EAAA,CAACA,YAAM,CAAC,OAAO,CAAA,GAAG,gBAAgB;oBACpC,EACF,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,YAAY,gBACN,iIAAwB,EAAA,cAAA,EACrBK,iBAAO,CAAC,iBAAiB,EAAA;YAEvCD,sBAAC,CAAA,aAAA,CAAAE,2CAAqB,EAAG,IAAA,CAAA,CACvB,CACT;AAEA,QAAA,UAAU,IAAI,YAAY,IAAI,CAACL,aAAO,CAAC,YAAY,CAAC,GAAG,CAAC,KACrDG,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEJ,YAAM,CAAC,eAAe,EAAA;AAClC,YAAAI,sBAAA,CAAA,aAAA,CAACG,WAAK,EACF,EAAA,QAAQ,EAAE,IAAI,EACd,oBAAoB,EAAE,iBAAiB,EACvC,KAAK,EAAE,YAAY,EACnB,eAAe,EAAE,YAAY,EAC7B,IAAI,EAAE,UAAU,CAAC,iBAAiB,CAAC,EACnC,KAAK,EAAE,iBAAiB,EACxB,gBAAgB,EACZ,CAAC,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,iBAAiB,CAAC,0CAAE,KAAK,KAAI,CAAC;qBACzC,CAAA,MAAA,UAAU,CAAC,iBAAiB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,KAAI,CAAC,CAAC,EAEhD,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,IAAI,EAClB,CAAA,CACA,CACT;AAED,QAAAH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEL,mBAAE,CAACC,YAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AAC5B,gBAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,QAAQ;AACzB,gBAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAA,GAAG,QAAQ,IAAIC,aAAO,CAAC,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,CAAC;AAC5D,gBAAA,EAAA,CAACD,YAAM,CAAC,eAAe,CAAA,GAAG,UAAU;AACpC,gBAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAG,GAAA,UAAU,IAAI,CAACC,aAAO,CAAC,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,CAAC;AACjE,gBAAA,EAAA,EAAA,EAAA;YAEFG,sBAAC,CAAA,aAAA,CAAAI,YAAM,EAAKC,cAAA,CAAA,EAAA,EAAA,WAAW,CAClB,EAAA,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,EAAA;AACrB,gBAAA,IAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC;AAE9B,gBAAA,IAAM,UAAU,GAAG,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,MAAA,GAAA,MAAA,GAAA,IAAI,CAAE,KAAK,KAAI,CAAC;AACnC,gBAAA,IAAM,WAAW,GAAG,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,MAAA,GAAA,MAAA,GAAA,IAAI,CAAE,MAAM,KAAI,CAAC;AAErC,gBAAA,IAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW;AAEjD,gBAAA,IAAM,YAAY,GAAG,KAAK,KAAK,iBAAiB;AAEhD,gBAAA,QACIL,sBAAA,CAAA,aAAA,CAACM,iBAAW,EAAA,EACR,GAAG,EAAEC,iBAAW,CAAC,KAAK,EAAE,KAAK,CAAC,EAC9B,KAAK,EAAE;wBACH,aAAa,EAAE,YAAY,GAAG,MAAM,GAAG,MAAM;AAC7C,wBAAA,kBAAkB,EAAE,SAAS;AAChC,qBAAA,EAAA,EAEA,UAAC,EAAY,EAAA;AAAV,oBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;oBAAO,QACfP,qCAACG,WAAK,EAAA,EACF,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,iBAAiB,EACvC,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,YAAY,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,IAAIN,aAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAA,CAC9C;iBACL,CACS;aAErB,CAAC,CACG,CACP;QAEL,YAAY,KACTG,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEL,mBAAE,CAACC,YAAM,CAAC,KAAK,GAAA,EAAA,GAAA,EAAA;AACtB,gBAAA,EAAA,CAACA,YAAM,CAAC,OAAO,CAAA,GAAG,iBAAiB;oBACrC,EACF,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,uBAAuB,EAClC,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,aAAa,gBACP,2HAAuB,EAAA,cAAA,EACpBK,iBAAO,CAAC,iBAAiB,EAAA;AAEvC,YAAAD,sBAAA,CAAA,aAAA,CAACQ,iDAAwB,EAAG,IAAA,CAAA,CAC1B,CACT,CACC;AAEd;;;;"}