@hh.ru/magritte-ui-media-viewer 1.2.2 → 1.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-media-viewer",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -22,19 +22,19 @@
     "access": "public"
   },
   "dependencies": {
-    "@hh.ru/magritte-common-modal-helper": "1.3.0",
-    "@hh.ru/magritte-common-resize": "0.2.1",
-    "@hh.ru/magritte-common-use-multiple-refs": "1.1.10",
-    "@hh.ru/magritte-common-use-translation": "3.0.0",
-    "@hh.ru/magritte-design-tokens": "24.4.0",
-    "@hh.ru/magritte-ui-bottom-sheet": "9.2.12",
-    "@hh.ru/magritte-ui-breakpoint": "6.0.6",
-    "@hh.ru/magritte-ui-icon": "13.11.0",
-    "@hh.ru/magritte-ui-layer": "3.2.1",
-    "@hh.ru/magritte-ui-loader": "2.1.4",
-    "@hh.ru/magritte-ui-mock-component": "1.1.6",
-    "@hh.ru/magritte-ui-tooltip": "10.2.7",
-    "@hh.ru/magritte-ui-typography": "4.5.1",
+    "@hh.ru/magritte-common-modal-helper": "1.3.1",
+    "@hh.ru/magritte-common-resize": "0.2.2",
+    "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
+    "@hh.ru/magritte-common-use-translation": "3.0.1",
+    "@hh.ru/magritte-design-tokens": "24.4.1",
+    "@hh.ru/magritte-ui-bottom-sheet": "9.2.13",
+    "@hh.ru/magritte-ui-breakpoint": "6.0.7",
+    "@hh.ru/magritte-ui-icon": "13.11.1",
+    "@hh.ru/magritte-ui-layer": "3.2.2",
+    "@hh.ru/magritte-ui-loader": "2.1.5",
+    "@hh.ru/magritte-ui-mock-component": "1.1.7",
+    "@hh.ru/magritte-ui-tooltip": "10.2.8",
+    "@hh.ru/magritte-ui-typography": "4.5.2",
     "@use-gesture/react": "10.3.1"
   },
   "peerDependencies": {
@@ -42,5 +42,5 @@
     "motion": "^12.23.12",
     "react": ">=18.2.0"
   },
-  "gitHead": "7cea3ac4f7f947bba409d2fbc29284343113c4ba"
+  "gitHead": "ec7d56f576ca5581c2acb5010b53bbfb8da52962"
 }

package/public/Footer.js

@@ -1,6 +1,6 @@
 import './../index.css';
 import { jsx } from 'react/jsx-runtime';
-import { s as styles } from '../media-viewer-CYTGXlUE.js';
+import { s as styles } from '../media-viewer-DhN96vgd.js';
 
 const Footer = ({ children }) => {
     return (jsx("div", { "data-media-viewer-interactive": "true", className: styles.footer, children: children }));

package/public/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../src/public/Footer.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport styles from './media-viewer.less';\n\nexport const Footer: FC<PropsWithChildren> = ({ children }) => {\n    return (\n        <div data-media-viewer-interactive=\"true\" className={styles.footer}>\n            {children}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;MAIa,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC1D,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAA,+BAAA,EAAmC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EAC7D,QAAQ,EAAA,CACP,EACR;AACN;;;;"}
+{"version":3,"file":"Footer.js","sources":["src/public/Footer.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport styles from './media-viewer.less';\n\nexport const Footer: FC<PropsWithChildren> = ({ children }) => {\n    return (\n        <div data-media-viewer-interactive=\"true\" className={styles.footer}>\n            {children}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;MAIa,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC1D,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAA,+BAAA,EAAmC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EAC7D,QAAQ,EAAA,CACP,EACR;AACN;;;;"}

package/public/Gallery.js

@@ -10,7 +10,7 @@ import { useMediaViewerContext, useGalleryItemsContext } from '../internal/conte
 import { useSwipe } from '../internal/hooks/useSwipe.js';
 import { clamp } from '../internal/utils.js';
 import { GalleryItem } from './GalleryItem.js';
-import { s as styles } from '../media-viewer-CYTGXlUE.js';
+import { s as styles } from '../media-viewer-DhN96vgd.js';
 import '../internal/ImagesLoader.js';
 import '@use-gesture/react';
 import '@hh.ru/magritte-design-tokens/types';

package/public/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../src/public/Gallery.tsx"],"sourcesContent":["import {\n    Children,\n    type FC,\n    isValidElement,\n    cloneElement,\n    type PropsWithChildren,\n    type ReactElement,\n    useEffect,\n    useState,\n    MouseEvent,\n    ReactNode,\n    Fragment,\n} from 'react';\nimport { useMotionValueEvent } from 'motion/react';\n\nimport { useResizeObserver } from '@hh.ru/magritte-common-resize';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24, IconDynamic } from '@hh.ru/magritte-ui-icon/icon';\nimport { GalleryItemProps } from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';\nimport { useGalleryItemsContext, useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useSwipe } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useSwipe';\nimport { clamp } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { GalleryItem } from '@hh.ru/magritte-ui-media-viewer/public/GalleryItem';\n\nimport styles from './media-viewer.less';\n\nconst CONTAINER_REF_KEY = 'media-viewer-container';\n\nconst extractGalleryItems = (galleryChildren: ReactNode): ReactElement<GalleryItemProps>[] => {\n    if (isValidElement(galleryChildren) && galleryChildren.type === Fragment) {\n        return extractGalleryItems((galleryChildren as ReactElement<PropsWithChildren>).props.children);\n    }\n    const items: ReactElement<GalleryItemProps>[] = [];\n    Children.forEach(galleryChildren, (child) => {\n        if (isValidElement(child) && child.type === GalleryItem) {\n            items.push(child as ReactElement<GalleryItemProps>);\n        }\n    });\n    return items;\n};\n\nexport const Gallery: FC<PropsWithChildren> = ({ children }) => {\n    const globalState = useMediaViewerContext();\n    const prevButtonAriaLabel = useTranslation('MediaViewer', 'previousImageButton');\n    const nextButtonAriaLabel = useTranslation('MediaViewer', 'nextImageButton');\n    const [prevButtonDisabled, setPrevButtonDisabled] = useState(globalState.currentSlideIndex.get() === 0);\n    const [nextButtonDisabled, setNextButtonDisabled] = useState(\n        globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1\n    );\n\n    const { isMobile } = useBreakpoint();\n\n    useEffect(() => {\n        globalState.totalSlides.set(Children.count(children));\n    }, [children, globalState]);\n\n    const bindSwipe = useSwipe();\n\n    const refCb = useResizeObserver((elementsMap) => {\n        const container = elementsMap.get(CONTAINER_REF_KEY);\n        if (!container) {\n            return;\n        }\n\n        globalState.viewPortDimensions.set(container.getBoundingClientRect());\n    });\n\n    useMotionValueEvent(globalState.currentSlideIndex, 'change', (latest) => {\n        setPrevButtonDisabled(latest === 0);\n        setNextButtonDisabled(latest >= globalState.totalSlides.get() - 1);\n    });\n\n    useMotionValueEvent(globalState.totalSlides, 'change', () => {\n        setNextButtonDisabled(globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1);\n    });\n\n    const { setItems } = useGalleryItemsContext();\n    useEffect(() => {\n        setItems(extractGalleryItems(children));\n    }, [children, setItems]);\n\n    const createClickHandler =\n        (direction: 'prev' | 'next') => (event: MouseEvent<HTMLDivElement | HTMLButtonElement>) => {\n            event.stopPropagation();\n            globalState.currentSlideIndex.stop();\n            globalState.currentSlideIndex.set(\n                Math.round(\n                    clamp(\n                        globalState.currentSlideIndex.get() + (direction === 'prev' ? -1 : 1),\n                        0,\n                        globalState.totalSlides.get() - 1\n                    )\n                )\n            );\n        };\n\n    return (\n        <div className={styles.galleryPlaceholder}>\n            <div className={styles.mediaViewerGallery} ref={refCb(CONTAINER_REF_KEY)} {...bindSwipe()}>\n                {Children.map(children, (child, index) => {\n                    if (isValidElement(child) && child.type === GalleryItem) {\n                        return cloneElement(child as ReactElement<{ index: number }>, {\n                            index,\n                        });\n                    }\n                    return child;\n                })}\n                {!isMobile && (\n                    <>\n                        <IconDynamic className={styles.prevButton}>\n                            <div className={styles.slideButton} onClick={createClickHandler('prev')}>\n                                <ChevronLeftOutlinedSize24\n                                    initialColor=\"constant\"\n                                    padding={8}\n                                    borderRadius=\"halfHeight\"\n                                    backgroundStyle=\"constant-secondary\"\n                                    tabIndex={0}\n                                    aria-label={prevButtonAriaLabel}\n                                    disabled={prevButtonDisabled}\n                                />\n                            </div>\n                        </IconDynamic>\n                        <IconDynamic className={styles.nextButton}>\n                            <div className={styles.slideButton} onClick={createClickHandler('next')}>\n                                <ChevronRightOutlinedSize24\n                                    initialColor=\"constant\"\n                                    padding={8}\n                                    borderRadius=\"halfHeight\"\n                                    backgroundStyle=\"constant-secondary\"\n                                    tabIndex={0}\n                                    aria-label={nextButtonAriaLabel}\n                                    disabled={nextButtonDisabled}\n                                />\n                            </div>\n                        </IconDynamic>\n                    </>\n                )}\n                {isMobile && (\n                    <>\n                        <button\n                            className={styles.prevButton}\n                            aria-label={prevButtonAriaLabel}\n                            onClick={createClickHandler('prev')}\n                            disabled={prevButtonDisabled}\n                            data-media-viewer-interactive={true}\n                        />\n                        <button\n                            className={styles.nextButton}\n                            aria-label={nextButtonAriaLabel}\n                            onClick={createClickHandler('next')}\n                            disabled={nextButtonDisabled}\n                            data-media-viewer-interactive={true}\n                        />\n                    </>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":["Fragment","_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Gallery.js","sources":["src/public/Gallery.tsx"],"sourcesContent":["import {\n    Children,\n    type FC,\n    isValidElement,\n    cloneElement,\n    type PropsWithChildren,\n    type ReactElement,\n    useEffect,\n    useState,\n    MouseEvent,\n    ReactNode,\n    Fragment,\n} from 'react';\nimport { useMotionValueEvent } from 'motion/react';\n\nimport { useResizeObserver } from '@hh.ru/magritte-common-resize';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24, IconDynamic } from '@hh.ru/magritte-ui-icon/icon';\nimport { GalleryItemProps } from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';\nimport { useGalleryItemsContext, useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useSwipe } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useSwipe';\nimport { clamp } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { GalleryItem } from '@hh.ru/magritte-ui-media-viewer/public/GalleryItem';\n\nimport styles from './media-viewer.less';\n\nconst CONTAINER_REF_KEY = 'media-viewer-container';\n\nconst extractGalleryItems = (galleryChildren: ReactNode): ReactElement<GalleryItemProps>[] => {\n    if (isValidElement(galleryChildren) && galleryChildren.type === Fragment) {\n        return extractGalleryItems((galleryChildren as ReactElement<PropsWithChildren>).props.children);\n    }\n    const items: ReactElement<GalleryItemProps>[] = [];\n    Children.forEach(galleryChildren, (child) => {\n        if (isValidElement(child) && child.type === GalleryItem) {\n            items.push(child as ReactElement<GalleryItemProps>);\n        }\n    });\n    return items;\n};\n\nexport const Gallery: FC<PropsWithChildren> = ({ children }) => {\n    const globalState = useMediaViewerContext();\n    const prevButtonAriaLabel = useTranslation('MediaViewer', 'previousImageButton');\n    const nextButtonAriaLabel = useTranslation('MediaViewer', 'nextImageButton');\n    const [prevButtonDisabled, setPrevButtonDisabled] = useState(globalState.currentSlideIndex.get() === 0);\n    const [nextButtonDisabled, setNextButtonDisabled] = useState(\n        globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1\n    );\n\n    const { isMobile } = useBreakpoint();\n\n    useEffect(() => {\n        globalState.totalSlides.set(Children.count(children));\n    }, [children, globalState]);\n\n    const bindSwipe = useSwipe();\n\n    const refCb = useResizeObserver((elementsMap) => {\n        const container = elementsMap.get(CONTAINER_REF_KEY);\n        if (!container) {\n            return;\n        }\n\n        globalState.viewPortDimensions.set(container.getBoundingClientRect());\n    });\n\n    useMotionValueEvent(globalState.currentSlideIndex, 'change', (latest) => {\n        setPrevButtonDisabled(latest === 0);\n        setNextButtonDisabled(latest >= globalState.totalSlides.get() - 1);\n    });\n\n    useMotionValueEvent(globalState.totalSlides, 'change', () => {\n        setNextButtonDisabled(globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1);\n    });\n\n    const { setItems } = useGalleryItemsContext();\n    useEffect(() => {\n        setItems(extractGalleryItems(children));\n    }, [children, setItems]);\n\n    const createClickHandler =\n        (direction: 'prev' | 'next') => (event: MouseEvent<HTMLDivElement | HTMLButtonElement>) => {\n            event.stopPropagation();\n            globalState.currentSlideIndex.stop();\n            globalState.currentSlideIndex.set(\n                Math.round(\n                    clamp(\n                        globalState.currentSlideIndex.get() + (direction === 'prev' ? -1 : 1),\n                        0,\n                        globalState.totalSlides.get() - 1\n                    )\n                )\n            );\n        };\n\n    return (\n        <div className={styles.galleryPlaceholder}>\n            <div className={styles.mediaViewerGallery} ref={refCb(CONTAINER_REF_KEY)} {...bindSwipe()}>\n                {Children.map(children, (child, index) => {\n                    if (isValidElement(child) && child.type === GalleryItem) {\n                        return cloneElement(child as ReactElement<{ index: number }>, {\n                            index,\n                        });\n                    }\n                    return child;\n                })}\n                {!isMobile && (\n                    <>\n                        <IconDynamic className={styles.prevButton}>\n                            <div className={styles.slideButton} onClick={createClickHandler('prev')}>\n                                <ChevronLeftOutlinedSize24\n                                    initialColor=\"constant\"\n                                    padding={8}\n                                    borderRadius=\"halfHeight\"\n                                    backgroundStyle=\"constant-secondary\"\n                                    tabIndex={0}\n                                    aria-label={prevButtonAriaLabel}\n                                    disabled={prevButtonDisabled}\n                                />\n                            </div>\n                        </IconDynamic>\n                        <IconDynamic className={styles.nextButton}>\n                            <div className={styles.slideButton} onClick={createClickHandler('next')}>\n                                <ChevronRightOutlinedSize24\n                                    initialColor=\"constant\"\n                                    padding={8}\n                                    borderRadius=\"halfHeight\"\n                                    backgroundStyle=\"constant-secondary\"\n                                    tabIndex={0}\n                                    aria-label={nextButtonAriaLabel}\n                                    disabled={nextButtonDisabled}\n                                />\n                            </div>\n                        </IconDynamic>\n                    </>\n                )}\n                {isMobile && (\n                    <>\n                        <button\n                            className={styles.prevButton}\n                            aria-label={prevButtonAriaLabel}\n                            onClick={createClickHandler('prev')}\n                            disabled={prevButtonDisabled}\n                            data-media-viewer-interactive={true}\n                        />\n                        <button\n                            className={styles.nextButton}\n                            aria-label={nextButtonAriaLabel}\n                            onClick={createClickHandler('next')}\n                            disabled={nextButtonDisabled}\n                            data-media-viewer-interactive={true}\n                        />\n                    </>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":["Fragment","_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/public/GalleryItem.js

@@ -17,7 +17,7 @@ import '@use-gesture/react';
 import '../internal/hooks/usePinchToZoom.js';
 import '../internal/hooks/useWheelToZoom.js';
 import '@hh.ru/magritte-ui-typography';
-import '../media-viewer-CYTGXlUE.js';
+import '../media-viewer-DhN96vgd.js';
 import '../internal/ImagesLoader.js';
 
 const GALLERY_ITEM_VIRTUALIZATION_PADDING = 5;

package/public/GalleryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryItem.js","sources":["../../src/public/GalleryItem.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport {\n    GalleryItemBody,\n    type GalleryItemInternalProps,\n    type GalleryItemProps,\n} from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';\nimport { useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport {\n    useIsVisible,\n    useOnVisibleRangeChange,\n} from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useVirtualization';\n\nconst GALLERY_ITEM_VIRTUALIZATION_PADDING = 5;\n\nexport const GalleryItem: FC<GalleryItemProps> = ({ src, ...props }) => {\n    const { index } = props as GalleryItemInternalProps;\n    const globalContext = useMediaViewerContext();\n\n    const isVisible = useIsVisible(index, globalContext.visibleRange);\n    useOnVisibleRangeChange(globalContext.visibleRange, (startIndex, endIndex) => {\n        if (\n            index >= startIndex - GALLERY_ITEM_VIRTUALIZATION_PADDING &&\n            index <= endIndex + GALLERY_ITEM_VIRTUALIZATION_PADDING\n        ) {\n            globalContext.imagesLoader.waitingForUrl(src);\n        }\n    });\n\n    if (!isVisible) {\n        return null;\n    }\n\n    return <GalleryItemBody index={index} src={src} {...props} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,mCAAmC,GAAG,CAAC,CAAC;AAEvC,MAAM,WAAW,GAAyB,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,KAAI;AACnE,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,KAAiC,CAAC;AACpD,IAAA,MAAM,aAAa,GAAG,qBAAqB,EAAE,CAAC;IAE9C,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAClE,uBAAuB,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC,UAAU,EAAE,QAAQ,KAAI;AACzE,QAAA,IACI,KAAK,IAAI,UAAU,GAAG,mCAAmC;AACzD,YAAA,KAAK,IAAI,QAAQ,GAAG,mCAAmC,EACzD;AACE,YAAA,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;SACjD;AACL,KAAC,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,EAAE;AACZ,QAAA,OAAO,IAAI,CAAC;KACf;AAED,IAAA,OAAOA,GAAC,CAAA,eAAe,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAM,GAAA,KAAK,GAAI,CAAC;AAClE;;;;"}
+{"version":3,"file":"GalleryItem.js","sources":["src/public/GalleryItem.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport {\n    GalleryItemBody,\n    type GalleryItemInternalProps,\n    type GalleryItemProps,\n} from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';\nimport { useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport {\n    useIsVisible,\n    useOnVisibleRangeChange,\n} from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useVirtualization';\n\nconst GALLERY_ITEM_VIRTUALIZATION_PADDING = 5;\n\nexport const GalleryItem: FC<GalleryItemProps> = ({ src, ...props }) => {\n    const { index } = props as GalleryItemInternalProps;\n    const globalContext = useMediaViewerContext();\n\n    const isVisible = useIsVisible(index, globalContext.visibleRange);\n    useOnVisibleRangeChange(globalContext.visibleRange, (startIndex, endIndex) => {\n        if (\n            index >= startIndex - GALLERY_ITEM_VIRTUALIZATION_PADDING &&\n            index <= endIndex + GALLERY_ITEM_VIRTUALIZATION_PADDING\n        ) {\n            globalContext.imagesLoader.waitingForUrl(src);\n        }\n    });\n\n    if (!isVisible) {\n        return null;\n    }\n\n    return <GalleryItemBody index={index} src={src} {...props} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,mCAAmC,GAAG,CAAC,CAAC;AAEvC,MAAM,WAAW,GAAyB,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,KAAI;AACnE,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,KAAiC,CAAC;AACpD,IAAA,MAAM,aAAa,GAAG,qBAAqB,EAAE,CAAC;IAE9C,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAClE,uBAAuB,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC,UAAU,EAAE,QAAQ,KAAI;AACzE,QAAA,IACI,KAAK,IAAI,UAAU,GAAG,mCAAmC;AACzD,YAAA,KAAK,IAAI,QAAQ,GAAG,mCAAmC,EACzD;AACE,YAAA,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;SACjD;AACL,KAAC,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,EAAE;AACZ,QAAA,OAAO,IAAI,CAAC;KACf;AAED,IAAA,OAAOA,GAAC,CAAA,eAAe,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAM,GAAA,KAAK,GAAI,CAAC;AAClE;;;;"}

package/public/Header.js

@@ -1,6 +1,6 @@
 import './../index.css';
 import { jsx } from 'react/jsx-runtime';
-import { s as styles } from '../media-viewer-CYTGXlUE.js';
+import { s as styles } from '../media-viewer-DhN96vgd.js';
 
 const Header = ({ children }) => {
     return (jsx("div", { "data-media-viewer-interactive": "true", className: styles.header, children: children }));

package/public/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../src/public/Header.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport styles from './media-viewer.less';\n\nexport const Header: FC<PropsWithChildren> = ({ children }) => {\n    return (\n        <div data-media-viewer-interactive=\"true\" className={styles.header}>\n            {children}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;MAIa,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC1D,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAA,+BAAA,EAAmC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EAC7D,QAAQ,EAAA,CACP,EACR;AACN;;;;"}
+{"version":3,"file":"Header.js","sources":["src/public/Header.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport styles from './media-viewer.less';\n\nexport const Header: FC<PropsWithChildren> = ({ children }) => {\n    return (\n        <div data-media-viewer-interactive=\"true\" className={styles.header}>\n            {children}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;MAIa,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC1D,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAA,+BAAA,EAAmC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EAC7D,QAAQ,EAAA,CACP,EACR;AACN;;;;"}

package/public/MediaViewer.js

@@ -21,7 +21,7 @@ import { Header } from './Header.js';
 import { Preview } from './Preview.js';
 import { Toolbar } from './Toolbar.js';
 import { DesktopTool, MobileTool, RotateTool, CloseTool, FullWidthTool } from './Tools.js';
-import { s as styles } from '../media-viewer-CYTGXlUE.js';
+import { s as styles } from '../media-viewer-DhN96vgd.js';
 import '../internal/ImagesLoader.js';
 import '@use-gesture/react';
 import '@hh.ru/magritte-common-resize';

package/public/MediaViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaViewer.js","sources":["../../../../common/keyboard/lib/keys-BQYfE7yD.js","../../../../common/keyboard/lib/findNextFocusableElement.js","../../../../common/keyboard/lib/match.js","../../../../common/keyboard/lib/useKeyboardNavigation.js","../../src/public/MediaViewer.tsx"],"sourcesContent":["const Escape = {\n    key: 'Escape',\n    code: 'Esc',\n};\nconst PageUp = {\n    key: 'PageUp',\n    code: 'Numpad9',\n};\nconst PageDown = {\n    key: 'PageDown',\n    code: 'Numpad3',\n};\nconst Enter = {\n    key: 'Enter',\n    code: 'Enter',\n};\nconst Space = {\n    key: ' ',\n    code: 'Space',\n};\nconst Backspace = {\n    key: 'Backspace',\n    code: 'Backspace',\n};\nconst Delete = {\n    key: 'Delete',\n    code: 'Delete',\n};\nconst Home = {\n    key: 'Home',\n    code: 'Home',\n};\nconst End = {\n    key: 'End',\n    code: 'End',\n};\nconst ArrowRight = {\n    key: 'ArrowRight',\n    code: 'ArrowRight',\n};\nconst ArrowLeft = {\n    key: 'ArrowLeft',\n    code: 'ArrowLeft',\n};\nconst ArrowUp = {\n    key: 'ArrowUp',\n    code: 'ArrowUp',\n};\nconst ArrowDown = {\n    key: 'ArrowDown',\n    code: 'ArrowDown',\n};\nconst Tab = {\n    key: 'Tab',\n    code: 'Tab',\n};\nconst DigitKeys = [\n    {\n        key: '0',\n        code: 'Digit0',\n    },\n    {\n        key: '1',\n        code: 'Digit1',\n    },\n    {\n        key: '2',\n        code: 'Digit2',\n    },\n    {\n        key: '3',\n        code: 'Digit3',\n    },\n    {\n        key: '4',\n        code: 'Digit4',\n    },\n    {\n        key: '5',\n        code: 'Digit5',\n    },\n    {\n        key: '6',\n        code: 'Digit6',\n    },\n    {\n        key: '7',\n        code: 'Digit7',\n    },\n    {\n        key: '8',\n        code: 'Digit8',\n    },\n    {\n        key: '9',\n        code: 'Digit9',\n    },\n];\n\nvar keys = /*#__PURE__*/Object.freeze({\n    __proto__: null,\n    ArrowDown: ArrowDown,\n    ArrowLeft: ArrowLeft,\n    ArrowRight: ArrowRight,\n    ArrowUp: ArrowUp,\n    Backspace: Backspace,\n    Delete: Delete,\n    DigitKeys: DigitKeys,\n    End: End,\n    Enter: Enter,\n    Escape: Escape,\n    Home: Home,\n    PageDown: PageDown,\n    PageUp: PageUp,\n    Space: Space,\n    Tab: Tab\n});\n\nexport { ArrowUp as A, Backspace as B, Delete as D, Escape as E, Home as H, PageUp as P, Space as S, Tab as T, ArrowRight as a, ArrowDown as b, ArrowLeft as c, PageDown as d, Enter as e, End as f, DigitKeys as g, keys as k };\n//# sourceMappingURL=keys-BQYfE7yD.js.map\n","const FLOAT_COMPARISON_THRESHOLD = 0.5;\nconst FOCUSABLE_SELECTOR = `\n    button:not([disabled]):not([tabindex=\"-1\"]),\n    a[href],\n    input:not([disabled]):not([tabindex=\"-1\"]),\n    select:not([disabled]):not([tabindex=\"-1\"]),\n    textarea:not([disabled]):not([tabindex=\"-1\"]),\n    [tabindex]:not([tabindex=\"-1\"])\n`;\nconst findAllFocusableElements = (container) => {\n    return [...container.querySelectorAll(FOCUSABLE_SELECTOR)];\n};\n/**\n * Находит следующий фокусабельный элемент в контейнере\n * В зависимости от параметра `mode`:\n *  `list` — элемент ищется сначала в заданном направлении, потом с противоположной стороны контейнера (т.е. навигация зациклена)\n *  `main` — элемент ищется только в заданном направлении относительно таргета\n */\nconst findNextFocusableElement = (container, targetElement, direction, mode = 'main') => {\n    if ((mode === 'main' && !targetElement) ||\n        (targetElement !== null && (targetElement === container || !container.contains(targetElement)))) {\n        return null;\n    }\n    const focusableElements = findAllFocusableElements(container);\n    const targetRect = targetElement?.getBoundingClientRect() ?? null;\n    const targetCenterX = targetRect !== null ? Math.round(targetRect.left + targetRect.width / 2) : Number.NaN;\n    const targetCenterY = targetRect !== null ? Math.round(targetRect.top + targetRect.height / 2) : Number.NaN;\n    let nearestElement = null;\n    let minDistance = Infinity;\n    let oppositeElement = null;\n    let oppositeCoordinate = Number.NaN;\n    switch (direction) {\n        case 'up':\n            oppositeCoordinate = targetRect?.top ?? 0;\n            break;\n        case 'down':\n            oppositeCoordinate = targetRect?.bottom ?? Infinity;\n            break;\n        case 'left':\n            oppositeCoordinate = targetRect?.right ?? 0;\n            break;\n        case 'right':\n            oppositeCoordinate = targetRect?.left ?? Infinity;\n            break;\n    }\n    focusableElements.forEach((element) => {\n        if (targetElement === element) {\n            return;\n        }\n        const elementRect = element.getBoundingClientRect();\n        const elementCenterX = Math.round(elementRect.left + elementRect.width / 2);\n        const elementCenterY = Math.round(elementRect.top + elementRect.height / 2);\n        // Ищем ближайший к таргету элемент в заданном направлении\n        if (targetRect !== null &&\n            !(direction === 'up' && (elementCenterY >= targetCenterY || elementRect.bottom > targetRect.top)) &&\n            !(direction === 'down' && (elementCenterY <= targetCenterY || elementRect.top < targetRect.bottom)) &&\n            !(direction === 'left' && (elementCenterX >= targetCenterX || elementRect.right > targetRect.left)) &&\n            !(direction === 'right' && (elementCenterX <= targetCenterX || elementRect.left < targetRect.right))) {\n            let distanceX = Math.abs(targetCenterX - elementCenterX);\n            let distanceY = Math.abs(targetCenterY - elementCenterY);\n            // Добавляем коэффициенты для соответствующих осей,\n            // чтобы сделать элементы в направлении, соответствующем нажатой arrow-клавише, более приоритетными\n            if (direction === 'up' || direction === 'down') {\n                distanceY *= 0.5;\n            }\n            else {\n                distanceX *= 0.5;\n            }\n            const distance = Math.hypot(distanceX, distanceY);\n            if (distance < minDistance) {\n                minDistance = distance;\n                nearestElement = element;\n            }\n        }\n        // Ищем ближайший к противоположной стороне элемент\n        if (mode === 'list') {\n            if (direction === 'up' && elementRect.top - oppositeCoordinate > FLOAT_COMPARISON_THRESHOLD) {\n                oppositeElement = element;\n                oppositeCoordinate = elementRect.top;\n            }\n            else if (direction === 'down' && elementRect.bottom - oppositeCoordinate < -FLOAT_COMPARISON_THRESHOLD) {\n                oppositeElement = element;\n                oppositeCoordinate = elementRect.bottom;\n            }\n            else if (direction === 'left' && elementRect.right - oppositeCoordinate > FLOAT_COMPARISON_THRESHOLD) {\n                oppositeElement = element;\n                oppositeCoordinate = elementRect.right;\n            }\n            else if (direction === 'right' && elementRect.left - oppositeCoordinate < -FLOAT_COMPARISON_THRESHOLD) {\n                oppositeElement = element;\n                oppositeCoordinate = elementRect.left;\n            }\n        }\n    });\n    return nearestElement ?? oppositeElement;\n};\n\nexport { FOCUSABLE_SELECTOR, findAllFocusableElements, findNextFocusableElement };\n//# sourceMappingURL=findNextFocusableElement.js.map\n","const keyboardMatch = (event, { key, code }) => {\n    return event.key === key || event.code === code;\n};\nconst keyboardMatches = (event, keysToMatch) => {\n    for (let i = 0; i < keysToMatch.length; i++) {\n        if (keyboardMatch(event, keysToMatch[i])) {\n            return true;\n        }\n    }\n    return false;\n};\n\nexport { keyboardMatch, keyboardMatches };\n//# sourceMappingURL=match.js.map\n","import { useRef, useCallback } from 'react';\nimport { findAllFocusableElements, findNextFocusableElement } from './findNextFocusableElement.js';\nimport { T as Tab, A as ArrowUp, a as ArrowRight, b as ArrowDown, c as ArrowLeft } from './keys-BQYfE7yD.js';\nimport { keyboardMatch } from './match.js';\n\nconst TEXT_FIELD_SELECTOR = 'textarea, input:not([type=\"checkbox\"]):not([type=\"radio\"]), [contenteditable=\"true\"]';\nconst isTextElement = (element) => {\n    return element?.matches(TEXT_FIELD_SELECTOR) ?? false;\n};\nconst getNavigationDirection = (event, mode = 'main') => {\n    if (mode === 'list' && keyboardMatch(event, Tab)) {\n        return event.shiftKey ? 'up' : 'down';\n    }\n    if (keyboardMatch(event, ArrowUp)) {\n        return 'up';\n    }\n    if (keyboardMatch(event, ArrowRight)) {\n        return 'right';\n    }\n    if (keyboardMatch(event, ArrowDown)) {\n        return 'down';\n    }\n    if (keyboardMatch(event, ArrowLeft)) {\n        return 'left';\n    }\n    return null;\n};\nconst handleKeyboardNavigation = (event, container, activeElementOverride = null, mode = 'main') => {\n    const activeElement = activeElementOverride ?? document.activeElement;\n    if (mode === 'loop') {\n        const focusableElements = findAllFocusableElements(container);\n        if (keyboardMatch(event, Tab) && focusableElements.length > 1) {\n            if ((activeElement === container || activeElement === focusableElements[focusableElements.length - 1]) &&\n                !event.shiftKey) {\n                event.preventDefault();\n                focusableElements[0].focus();\n            }\n            if ((activeElement === container || activeElement === focusableElements[0]) && event.shiftKey) {\n                event.preventDefault();\n                focusableElements[focusableElements.length - 1].focus();\n            }\n        }\n    }\n    if (mode !== 'loop' && !isTextElement(activeElement)) {\n        const direction = getNavigationDirection(event, mode);\n        if (direction !== null) {\n            const nextFocusableElement = findNextFocusableElement(container, activeElement, direction, mode);\n            if (nextFocusableElement !== null) {\n                event.preventDefault();\n                nextFocusableElement.focus();\n            }\n        }\n    }\n};\n/**\n * Хук для клавиатурной навигации внутри контейнера с использованием клавиш-стрелок и Tab.\n * Поведение зависит от параметра `mode`:\n *  `main` — поддерживается навигация стрелками, поведение Tab не переопределяется\n *  `list` — поддерживается навигация стрелками, Tab и Shift+Tab работают аналогично ↓ и ↑, навигация зациклена\n *  `loop` — навигация стрелками не поддерживается, навигация с помощью Tab и Shift+Tab зациклена\n */\nconst useKeyboardNavigation = (args = {}) => {\n    const { mode = 'main', enabled = true, activeElement: activeElementOverride } = args;\n    const enabledRef = useRef(enabled);\n    enabledRef.current = enabled;\n    const activeElementOverrideRef = useRef(activeElementOverride);\n    activeElementOverrideRef.current = activeElementOverride;\n    const modeRef = useRef(mode);\n    modeRef.current = mode;\n    const bindNavigationRef = useCallback((container) => {\n        if (!container) {\n            return;\n        }\n        const handleKeyDown = (event) => {\n            if (enabledRef.current) {\n                handleKeyboardNavigation(event, container, activeElementOverrideRef.current, modeRef.current);\n            }\n        };\n        container.addEventListener('keydown', handleKeyDown);\n    }, []);\n    return bindNavigationRef;\n};\n\nexport { TEXT_FIELD_SELECTOR, isTextElement, useKeyboardNavigation };\n//# sourceMappingURL=useKeyboardNavigation.js.map\n","import {\n    type FC,\n    type PropsWithChildren,\n    type ReactElement,\n    useState,\n    CSSProperties,\n    useEffect,\n    useCallback,\n    useRef,\n} from 'react';\nimport { type HTMLMotionProps, motion, useMotionValue, animate } from 'motion/react';\n\nimport { useKeyboardNavigation } from '@hh.ru/magritte-common-keyboard';\nimport { disableScroll } from '@hh.ru/magritte-common-modal-helper';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { GalleryItemProps } from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport {\n    createMediaViewerContextValue,\n    MediaViewerContext,\n    GalleryItemsContext,\n} from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useAutoHideTools } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useAutoHideTools';\nimport { useSwipeToClose } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useSwipeToClose';\nimport { useTapToToggleTools } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useTapToToggleTools';\nimport { useVirtualization } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useVirtualization';\nimport { clamp, useInitOnce } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { Footer } from '@hh.ru/magritte-ui-media-viewer/public/Footer';\nimport { Gallery } from '@hh.ru/magritte-ui-media-viewer/public/Gallery';\nimport { GalleryItem } from '@hh.ru/magritte-ui-media-viewer/public/GalleryItem';\nimport { Header } from '@hh.ru/magritte-ui-media-viewer/public/Header';\nimport { Preview, PreviewProps } from '@hh.ru/magritte-ui-media-viewer/public/Preview';\nimport { Toolbar, ToolbarProps } from '@hh.ru/magritte-ui-media-viewer/public/Toolbar';\nimport {\n    DesktopTool,\n    MobileTool,\n    RotateTool,\n    CloseTool,\n    FullWidthTool,\n} from '@hh.ru/magritte-ui-media-viewer/public/Tools';\n\nimport styles from './media-viewer.less';\n\ninterface MediaViewerCompound {\n    Gallery: FC<PropsWithChildren>;\n    GalleryItem: FC<GalleryItemProps>;\n    Preview: FC<PreviewProps>;\n    Toolbar: FC<ToolbarProps>;\n    Header: FC<PropsWithChildren>;\n    Footer: FC<PropsWithChildren>;\n    DesktopTool: FC<PropsWithChildren>;\n    MobileTool: FC<PropsWithChildren>;\n    RotateTool: FC<PropsWithChildren>;\n    CloseTool: FC<PropsWithChildren>;\n    FullWidthTool: FC<PropsWithChildren>;\n}\n\nexport const MediaViewer: FC<\n    PropsWithChildren<{\n        /** Флаг видимости компонента */\n        visible: boolean;\n        /** Коллбек, вызываемый при закрытии медиавьюера */\n        onClose?: VoidFunction;\n    }>\n> &\n    MediaViewerCompound = ({ children, visible, onClose }) => {\n    const [isVisible, setIsVisible] = useState(visible);\n    const currentSlideIndex = useMotionValue<number>(0);\n    const closeProgress = useMotionValue(isVisible ? 0 : 1);\n    const visibleRange = useVirtualization(4, currentSlideIndex);\n    const closeCallbackRef = useRef(onClose);\n    closeCallbackRef.current = onClose;\n    const scrollEnableRef = useRef<VoidFunction | null>(null);\n\n    const close = useInitOnce(() => () => {\n        if (closeProgress.get() >= 1) {\n            closeProgress.set(1);\n            setIsVisible(false);\n            scrollEnableRef.current?.();\n            scrollEnableRef.current = null;\n            currentSlideIndex.set(0);\n            closeCallbackRef.current?.();\n            return;\n        }\n        const delta = Math.abs(closeProgress.get() - 1);\n        const animationDuration = delta * (tokenSemanticAnimationTimeMDuration / 1000);\n        animate(closeProgress, 1, {\n            duration: animationDuration,\n            ease: EASE_BASE,\n            onComplete: () => {\n                setIsVisible(false);\n                scrollEnableRef.current?.();\n                scrollEnableRef.current = null;\n                currentSlideIndex.set(0);\n                closeCallbackRef.current?.();\n            },\n        });\n    });\n    const rootRef = useKeyboardNavigation({ mode: 'loop', enabled: isVisible });\n\n    const contextValue = useInitOnce(() => {\n        const contextValue = createMediaViewerContextValue(visibleRange, currentSlideIndex, closeProgress, close);\n        contextValue.onRequestClose = () => {\n            setIsVisible(false);\n        };\n        return contextValue;\n    });\n\n    const keyHandler = useCallback(\n        (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                close();\n                return;\n            }\n\n            const currentSlideIndexRounded = Math.round(currentSlideIndex.get());\n            let slideIndex = currentSlideIndexRounded;\n            const slidesCount = contextValue.totalSlides.get();\n            if (event.key === 'ArrowLeft') {\n                slideIndex = clamp(slideIndex - 1, 0, slidesCount - 1);\n            }\n            if (event.key === 'ArrowRight') {\n                slideIndex = clamp(slideIndex + 1, 0, slidesCount - 1);\n            }\n            if (slideIndex === currentSlideIndexRounded) {\n                return;\n            }\n\n            currentSlideIndex.set(slideIndex);\n        },\n        [currentSlideIndex, contextValue, close]\n    );\n\n    useEffect(() => {\n        if (visible) {\n            document.addEventListener('keydown', keyHandler);\n        } else {\n            document.removeEventListener('keydown', keyHandler);\n        }\n        return () => {\n            document.removeEventListener('keydown', keyHandler);\n        };\n    }, [visible, keyHandler]);\n\n    const componentDescriptionTrl = useTranslation('MediaViewer', 'componentDescription');\n\n    useEffect(() => {\n        if (visible && !isVisible) {\n            scrollEnableRef.current = disableScroll();\n            setIsVisible(true);\n            animate(contextValue.closeProgress, 0, {\n                duration: tokenSemanticAnimationTimeMDuration / 1000,\n                ease: EASE_BASE,\n            });\n            return;\n        }\n\n        if (!visible && isVisible) {\n            close();\n        }\n        // нельзя реагировать на изменения isVisible, иначе при закрытии жестом хук будет срабатывать\n        // и переоткрывать компонент, хук должен реагировать только на изменения visible пропса\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [visible, contextValue]);\n\n    useEffect(\n        () => () => {\n            scrollEnableRef.current?.();\n            scrollEnableRef.current = null;\n        },\n        []\n    );\n\n    const { isMobile } = useBreakpoint();\n\n    const [bindSwipeToClose, isSwipeClosing] = useSwipeToClose<HTMLDivElement>(contextValue);\n    const { onTouchStart, onTouchEnd, onClick } = useTapToToggleTools(contextValue);\n    const { onMouseMove, onClick: onDesktopClick } = useAutoHideTools(contextValue);\n\n    const [items, setItems] = useState<ReactElement<GalleryItemProps>[]>([]);\n\n    if (!isVisible) {\n        return null;\n    }\n\n    return (\n        <GalleryItemsContext.Provider value={{ items, setItems }}>\n            <MediaViewerContext.Provider value={contextValue}>\n                <Layer layer=\"media-viewer\">\n                    <motion.div\n                        role=\"dialog\"\n                        aria-modal=\"true\"\n                        aria-label={componentDescriptionTrl}\n                        className={styles.mediaViewer}\n                        {...(bindSwipeToClose() as HTMLMotionProps<'div'>)}\n                        ref={rootRef}\n                        style={\n                            {\n                                '--magritte-ui-media-viewer-close-progress': contextValue.closeProgress,\n                                '--magritte-ui-media-viewer-hide-tools-progress': contextValue.hideToolsProgress,\n                                ...(!isSwipeClosing\n                                    ? { '--magritte-ui-media-viewer-image-close-progress': contextValue.closeProgress }\n                                    : {}),\n                            } as CSSProperties\n                        }\n                        onTouchStart={isMobile ? onTouchStart : undefined}\n                        onTouchEnd={isMobile ? onTouchEnd : undefined}\n                        onClick={isMobile ? onClick : onDesktopClick}\n                        onMouseMove={!isMobile ? onMouseMove : undefined}\n                    >\n                        {children}\n                    </motion.div>\n                </Layer>\n            </MediaViewerContext.Provider>\n        </GalleryItemsContext.Provider>\n    );\n};\n\nMediaViewer.Header = Header;\nMediaViewer.Footer = Footer;\nMediaViewer.Gallery = Gallery;\nMediaViewer.GalleryItem = GalleryItem;\nMediaViewer.Preview = Preview;\nMediaViewer.Toolbar = Toolbar;\nMediaViewer.DesktopTool = DesktopTool;\nMediaViewer.MobileTool = MobileTool;\nMediaViewer.RotateTool = RotateTool;\nMediaViewer.CloseTool = CloseTool;\nMediaViewer.FullWidthTool = FullWidthTool;\n\nMediaViewer.displayName = 'MediaViewer';\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"MediaViewer.js","sources":["../../common/keyboard/lib/keys-BQYfE7yD.js","../../common/keyboard/lib/findNextFocusableElement.js","../../common/keyboard/lib/match.js","../../common/keyboard/lib/useKeyboardNavigation.js","src/public/MediaViewer.tsx"],"sourcesContent":["const Escape = {\n    key: 'Escape',\n    code: 'Esc',\n};\nconst PageUp = {\n    key: 'PageUp',\n    code: 'Numpad9',\n};\nconst PageDown = {\n    key: 'PageDown',\n    code: 'Numpad3',\n};\nconst Enter = {\n    key: 'Enter',\n    code: 'Enter',\n};\nconst Space = {\n    key: ' ',\n    code: 'Space',\n};\nconst Backspace = {\n    key: 'Backspace',\n    code: 'Backspace',\n};\nconst Delete = {\n    key: 'Delete',\n    code: 'Delete',\n};\nconst Home = {\n    key: 'Home',\n    code: 'Home',\n};\nconst End = {\n    key: 'End',\n    code: 'End',\n};\nconst ArrowRight = {\n    key: 'ArrowRight',\n    code: 'ArrowRight',\n};\nconst ArrowLeft = {\n    key: 'ArrowLeft',\n    code: 'ArrowLeft',\n};\nconst ArrowUp = {\n    key: 'ArrowUp',\n    code: 'ArrowUp',\n};\nconst ArrowDown = {\n    key: 'ArrowDown',\n    code: 'ArrowDown',\n};\nconst Tab = {\n    key: 'Tab',\n    code: 'Tab',\n};\nconst DigitKeys = [\n    {\n        key: '0',\n        code: 'Digit0',\n    },\n    {\n        key: '1',\n        code: 'Digit1',\n    },\n    {\n        key: '2',\n        code: 'Digit2',\n    },\n    {\n        key: '3',\n        code: 'Digit3',\n    },\n    {\n        key: '4',\n        code: 'Digit4',\n    },\n    {\n        key: '5',\n        code: 'Digit5',\n    },\n    {\n        key: '6',\n        code: 'Digit6',\n    },\n    {\n        key: '7',\n        code: 'Digit7',\n    },\n    {\n        key: '8',\n        code: 'Digit8',\n    },\n    {\n        key: '9',\n        code: 'Digit9',\n    },\n];\n\nvar keys = /*#__PURE__*/Object.freeze({\n    __proto__: null,\n    ArrowDown: ArrowDown,\n    ArrowLeft: ArrowLeft,\n    ArrowRight: ArrowRight,\n    ArrowUp: ArrowUp,\n    Backspace: Backspace,\n    Delete: Delete,\n    DigitKeys: DigitKeys,\n    End: End,\n    Enter: Enter,\n    Escape: Escape,\n    Home: Home,\n    PageDown: PageDown,\n    PageUp: PageUp,\n    Space: Space,\n    Tab: Tab\n});\n\nexport { ArrowUp as A, Backspace as B, Delete as D, Escape as E, Home as H, PageUp as P, Space as S, Tab as T, ArrowRight as a, ArrowDown as b, ArrowLeft as c, PageDown as d, Enter as e, End as f, DigitKeys as g, keys as k };\n//# sourceMappingURL=keys-BQYfE7yD.js.map\n","const FLOAT_COMPARISON_THRESHOLD = 0.5;\nconst FOCUSABLE_SELECTOR = `\n    button:not([disabled]):not([tabindex=\"-1\"]),\n    a[href],\n    input:not([disabled]):not([tabindex=\"-1\"]),\n    select:not([disabled]):not([tabindex=\"-1\"]),\n    textarea:not([disabled]):not([tabindex=\"-1\"]),\n    [tabindex]:not([tabindex=\"-1\"])\n`;\nconst findAllFocusableElements = (container) => {\n    return [...container.querySelectorAll(FOCUSABLE_SELECTOR)];\n};\n/**\n * Находит следующий фокусабельный элемент в контейнере\n * В зависимости от параметра `mode`:\n *  `list` — элемент ищется сначала в заданном направлении, потом с противоположной стороны контейнера (т.е. навигация зациклена)\n *  `main` — элемент ищется только в заданном направлении относительно таргета\n */\nconst findNextFocusableElement = (container, targetElement, direction, mode = 'main') => {\n    if ((mode === 'main' && !targetElement) ||\n        (targetElement !== null && (targetElement === container || !container.contains(targetElement)))) {\n        return null;\n    }\n    const focusableElements = findAllFocusableElements(container);\n    const targetRect = targetElement?.getBoundingClientRect() ?? null;\n    const targetCenterX = targetRect !== null ? Math.round(targetRect.left + targetRect.width / 2) : Number.NaN;\n    const targetCenterY = targetRect !== null ? Math.round(targetRect.top + targetRect.height / 2) : Number.NaN;\n    let nearestElement = null;\n    let minDistance = Infinity;\n    let oppositeElement = null;\n    let oppositeCoordinate = Number.NaN;\n    switch (direction) {\n        case 'up':\n            oppositeCoordinate = targetRect?.top ?? 0;\n            break;\n        case 'down':\n            oppositeCoordinate = targetRect?.bottom ?? Infinity;\n            break;\n        case 'left':\n            oppositeCoordinate = targetRect?.right ?? 0;\n            break;\n        case 'right':\n            oppositeCoordinate = targetRect?.left ?? Infinity;\n            break;\n    }\n    focusableElements.forEach((element) => {\n        if (targetElement === element) {\n            return;\n        }\n        const elementRect = element.getBoundingClientRect();\n        const elementCenterX = Math.round(elementRect.left + elementRect.width / 2);\n        const elementCenterY = Math.round(elementRect.top + elementRect.height / 2);\n        // Ищем ближайший к таргету элемент в заданном направлении\n        if (targetRect !== null &&\n            !(direction === 'up' && (elementCenterY >= targetCenterY || elementRect.bottom > targetRect.top)) &&\n            !(direction === 'down' && (elementCenterY <= targetCenterY || elementRect.top < targetRect.bottom)) &&\n            !(direction === 'left' && (elementCenterX >= targetCenterX || elementRect.right > targetRect.left)) &&\n            !(direction === 'right' && (elementCenterX <= targetCenterX || elementRect.left < targetRect.right))) {\n            let distanceX = Math.abs(targetCenterX - elementCenterX);\n            let distanceY = Math.abs(targetCenterY - elementCenterY);\n            // Добавляем коэффициенты для соответствующих осей,\n            // чтобы сделать элементы в направлении, соответствующем нажатой arrow-клавише, более приоритетными\n            if (direction === 'up' || direction === 'down') {\n                distanceY *= 0.5;\n            }\n            else {\n                distanceX *= 0.5;\n            }\n            const distance = Math.hypot(distanceX, distanceY);\n            if (distance < minDistance) {\n                minDistance = distance;\n                nearestElement = element;\n            }\n        }\n        // Ищем ближайший к противоположной стороне элемент\n        if (mode === 'list') {\n            if (direction === 'up' && elementRect.top - oppositeCoordinate > FLOAT_COMPARISON_THRESHOLD) {\n                oppositeElement = element;\n                oppositeCoordinate = elementRect.top;\n            }\n            else if (direction === 'down' && elementRect.bottom - oppositeCoordinate < -FLOAT_COMPARISON_THRESHOLD) {\n                oppositeElement = element;\n                oppositeCoordinate = elementRect.bottom;\n            }\n            else if (direction === 'left' && elementRect.right - oppositeCoordinate > FLOAT_COMPARISON_THRESHOLD) {\n                oppositeElement = element;\n                oppositeCoordinate = elementRect.right;\n            }\n            else if (direction === 'right' && elementRect.left - oppositeCoordinate < -FLOAT_COMPARISON_THRESHOLD) {\n                oppositeElement = element;\n                oppositeCoordinate = elementRect.left;\n            }\n        }\n    });\n    return nearestElement ?? oppositeElement;\n};\n\nexport { FOCUSABLE_SELECTOR, findAllFocusableElements, findNextFocusableElement };\n//# sourceMappingURL=findNextFocusableElement.js.map\n","const keyboardMatch = (event, { key, code }) => {\n    return event.key === key || event.code === code;\n};\nconst keyboardMatches = (event, keysToMatch) => {\n    for (let i = 0; i < keysToMatch.length; i++) {\n        if (keyboardMatch(event, keysToMatch[i])) {\n            return true;\n        }\n    }\n    return false;\n};\n\nexport { keyboardMatch, keyboardMatches };\n//# sourceMappingURL=match.js.map\n","import { useRef, useCallback } from 'react';\nimport { findAllFocusableElements, findNextFocusableElement } from './findNextFocusableElement.js';\nimport { T as Tab, A as ArrowUp, a as ArrowRight, b as ArrowDown, c as ArrowLeft } from './keys-BQYfE7yD.js';\nimport { keyboardMatch } from './match.js';\n\nconst TEXT_FIELD_SELECTOR = 'textarea, input:not([type=\"checkbox\"]):not([type=\"radio\"]), [contenteditable=\"true\"]';\nconst isTextElement = (element) => {\n    return element?.matches(TEXT_FIELD_SELECTOR) ?? false;\n};\nconst getNavigationDirection = (event, mode = 'main') => {\n    if (mode === 'list' && keyboardMatch(event, Tab)) {\n        return event.shiftKey ? 'up' : 'down';\n    }\n    if (keyboardMatch(event, ArrowUp)) {\n        return 'up';\n    }\n    if (keyboardMatch(event, ArrowRight)) {\n        return 'right';\n    }\n    if (keyboardMatch(event, ArrowDown)) {\n        return 'down';\n    }\n    if (keyboardMatch(event, ArrowLeft)) {\n        return 'left';\n    }\n    return null;\n};\nconst handleKeyboardNavigation = (event, container, activeElementOverride = null, mode = 'main') => {\n    const activeElement = activeElementOverride ?? document.activeElement;\n    if (mode === 'loop') {\n        const focusableElements = findAllFocusableElements(container);\n        if (keyboardMatch(event, Tab) && focusableElements.length > 1) {\n            if ((activeElement === container || activeElement === focusableElements[focusableElements.length - 1]) &&\n                !event.shiftKey) {\n                event.preventDefault();\n                focusableElements[0].focus();\n            }\n            if ((activeElement === container || activeElement === focusableElements[0]) && event.shiftKey) {\n                event.preventDefault();\n                focusableElements[focusableElements.length - 1].focus();\n            }\n        }\n    }\n    if (mode !== 'loop' && !isTextElement(activeElement)) {\n        const direction = getNavigationDirection(event, mode);\n        if (direction !== null) {\n            const nextFocusableElement = findNextFocusableElement(container, activeElement, direction, mode);\n            if (nextFocusableElement !== null) {\n                event.preventDefault();\n                nextFocusableElement.focus();\n            }\n        }\n    }\n};\n/**\n * Хук для клавиатурной навигации внутри контейнера с использованием клавиш-стрелок и Tab.\n * Поведение зависит от параметра `mode`:\n *  `main` — поддерживается навигация стрелками, поведение Tab не переопределяется\n *  `list` — поддерживается навигация стрелками, Tab и Shift+Tab работают аналогично ↓ и ↑, навигация зациклена\n *  `loop` — навигация стрелками не поддерживается, навигация с помощью Tab и Shift+Tab зациклена\n */\nconst useKeyboardNavigation = (args = {}) => {\n    const { mode = 'main', enabled = true, activeElement: activeElementOverride } = args;\n    const enabledRef = useRef(enabled);\n    enabledRef.current = enabled;\n    const activeElementOverrideRef = useRef(activeElementOverride);\n    activeElementOverrideRef.current = activeElementOverride;\n    const modeRef = useRef(mode);\n    modeRef.current = mode;\n    const bindNavigationRef = useCallback((container) => {\n        if (!container) {\n            return;\n        }\n        const handleKeyDown = (event) => {\n            if (enabledRef.current) {\n                handleKeyboardNavigation(event, container, activeElementOverrideRef.current, modeRef.current);\n            }\n        };\n        container.addEventListener('keydown', handleKeyDown);\n    }, []);\n    return bindNavigationRef;\n};\n\nexport { TEXT_FIELD_SELECTOR, isTextElement, useKeyboardNavigation };\n//# sourceMappingURL=useKeyboardNavigation.js.map\n","import {\n    type FC,\n    type PropsWithChildren,\n    type ReactElement,\n    useState,\n    CSSProperties,\n    useEffect,\n    useCallback,\n    useRef,\n} from 'react';\nimport { type HTMLMotionProps, motion, useMotionValue, animate } from 'motion/react';\n\nimport { useKeyboardNavigation } from '@hh.ru/magritte-common-keyboard';\nimport { disableScroll } from '@hh.ru/magritte-common-modal-helper';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { GalleryItemProps } from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport {\n    createMediaViewerContextValue,\n    MediaViewerContext,\n    GalleryItemsContext,\n} from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useAutoHideTools } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useAutoHideTools';\nimport { useSwipeToClose } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useSwipeToClose';\nimport { useTapToToggleTools } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useTapToToggleTools';\nimport { useVirtualization } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useVirtualization';\nimport { clamp, useInitOnce } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { Footer } from '@hh.ru/magritte-ui-media-viewer/public/Footer';\nimport { Gallery } from '@hh.ru/magritte-ui-media-viewer/public/Gallery';\nimport { GalleryItem } from '@hh.ru/magritte-ui-media-viewer/public/GalleryItem';\nimport { Header } from '@hh.ru/magritte-ui-media-viewer/public/Header';\nimport { Preview, PreviewProps } from '@hh.ru/magritte-ui-media-viewer/public/Preview';\nimport { Toolbar, ToolbarProps } from '@hh.ru/magritte-ui-media-viewer/public/Toolbar';\nimport {\n    DesktopTool,\n    MobileTool,\n    RotateTool,\n    CloseTool,\n    FullWidthTool,\n} from '@hh.ru/magritte-ui-media-viewer/public/Tools';\n\nimport styles from './media-viewer.less';\n\ninterface MediaViewerCompound {\n    Gallery: FC<PropsWithChildren>;\n    GalleryItem: FC<GalleryItemProps>;\n    Preview: FC<PreviewProps>;\n    Toolbar: FC<ToolbarProps>;\n    Header: FC<PropsWithChildren>;\n    Footer: FC<PropsWithChildren>;\n    DesktopTool: FC<PropsWithChildren>;\n    MobileTool: FC<PropsWithChildren>;\n    RotateTool: FC<PropsWithChildren>;\n    CloseTool: FC<PropsWithChildren>;\n    FullWidthTool: FC<PropsWithChildren>;\n}\n\nexport const MediaViewer: FC<\n    PropsWithChildren<{\n        /** Флаг видимости компонента */\n        visible: boolean;\n        /** Коллбек, вызываемый при закрытии медиавьюера */\n        onClose?: VoidFunction;\n    }>\n> &\n    MediaViewerCompound = ({ children, visible, onClose }) => {\n    const [isVisible, setIsVisible] = useState(visible);\n    const currentSlideIndex = useMotionValue<number>(0);\n    const closeProgress = useMotionValue(isVisible ? 0 : 1);\n    const visibleRange = useVirtualization(4, currentSlideIndex);\n    const closeCallbackRef = useRef(onClose);\n    closeCallbackRef.current = onClose;\n    const scrollEnableRef = useRef<VoidFunction | null>(null);\n\n    const close = useInitOnce(() => () => {\n        if (closeProgress.get() >= 1) {\n            closeProgress.set(1);\n            setIsVisible(false);\n            scrollEnableRef.current?.();\n            scrollEnableRef.current = null;\n            currentSlideIndex.set(0);\n            closeCallbackRef.current?.();\n            return;\n        }\n        const delta = Math.abs(closeProgress.get() - 1);\n        const animationDuration = delta * (tokenSemanticAnimationTimeMDuration / 1000);\n        animate(closeProgress, 1, {\n            duration: animationDuration,\n            ease: EASE_BASE,\n            onComplete: () => {\n                setIsVisible(false);\n                scrollEnableRef.current?.();\n                scrollEnableRef.current = null;\n                currentSlideIndex.set(0);\n                closeCallbackRef.current?.();\n            },\n        });\n    });\n    const rootRef = useKeyboardNavigation({ mode: 'loop', enabled: isVisible });\n\n    const contextValue = useInitOnce(() => {\n        const contextValue = createMediaViewerContextValue(visibleRange, currentSlideIndex, closeProgress, close);\n        contextValue.onRequestClose = () => {\n            setIsVisible(false);\n        };\n        return contextValue;\n    });\n\n    const keyHandler = useCallback(\n        (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                close();\n                return;\n            }\n\n            const currentSlideIndexRounded = Math.round(currentSlideIndex.get());\n            let slideIndex = currentSlideIndexRounded;\n            const slidesCount = contextValue.totalSlides.get();\n            if (event.key === 'ArrowLeft') {\n                slideIndex = clamp(slideIndex - 1, 0, slidesCount - 1);\n            }\n            if (event.key === 'ArrowRight') {\n                slideIndex = clamp(slideIndex + 1, 0, slidesCount - 1);\n            }\n            if (slideIndex === currentSlideIndexRounded) {\n                return;\n            }\n\n            currentSlideIndex.set(slideIndex);\n        },\n        [currentSlideIndex, contextValue, close]\n    );\n\n    useEffect(() => {\n        if (visible) {\n            document.addEventListener('keydown', keyHandler);\n        } else {\n            document.removeEventListener('keydown', keyHandler);\n        }\n        return () => {\n            document.removeEventListener('keydown', keyHandler);\n        };\n    }, [visible, keyHandler]);\n\n    const componentDescriptionTrl = useTranslation('MediaViewer', 'componentDescription');\n\n    useEffect(() => {\n        if (visible && !isVisible) {\n            scrollEnableRef.current = disableScroll();\n            setIsVisible(true);\n            animate(contextValue.closeProgress, 0, {\n                duration: tokenSemanticAnimationTimeMDuration / 1000,\n                ease: EASE_BASE,\n            });\n            return;\n        }\n\n        if (!visible && isVisible) {\n            close();\n        }\n        // нельзя реагировать на изменения isVisible, иначе при закрытии жестом хук будет срабатывать\n        // и переоткрывать компонент, хук должен реагировать только на изменения visible пропса\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [visible, contextValue]);\n\n    useEffect(\n        () => () => {\n            scrollEnableRef.current?.();\n            scrollEnableRef.current = null;\n        },\n        []\n    );\n\n    const { isMobile } = useBreakpoint();\n\n    const [bindSwipeToClose, isSwipeClosing] = useSwipeToClose<HTMLDivElement>(contextValue);\n    const { onTouchStart, onTouchEnd, onClick } = useTapToToggleTools(contextValue);\n    const { onMouseMove, onClick: onDesktopClick } = useAutoHideTools(contextValue);\n\n    const [items, setItems] = useState<ReactElement<GalleryItemProps>[]>([]);\n\n    if (!isVisible) {\n        return null;\n    }\n\n    return (\n        <GalleryItemsContext.Provider value={{ items, setItems }}>\n            <MediaViewerContext.Provider value={contextValue}>\n                <Layer layer=\"media-viewer\">\n                    <motion.div\n                        role=\"dialog\"\n                        aria-modal=\"true\"\n                        aria-label={componentDescriptionTrl}\n                        className={styles.mediaViewer}\n                        {...(bindSwipeToClose() as HTMLMotionProps<'div'>)}\n                        ref={rootRef}\n                        style={\n                            {\n                                '--magritte-ui-media-viewer-close-progress': contextValue.closeProgress,\n                                '--magritte-ui-media-viewer-hide-tools-progress': contextValue.hideToolsProgress,\n                                ...(!isSwipeClosing\n                                    ? { '--magritte-ui-media-viewer-image-close-progress': contextValue.closeProgress }\n                                    : {}),\n                            } as CSSProperties\n                        }\n                        onTouchStart={isMobile ? onTouchStart : undefined}\n                        onTouchEnd={isMobile ? onTouchEnd : undefined}\n                        onClick={isMobile ? onClick : onDesktopClick}\n                        onMouseMove={!isMobile ? onMouseMove : undefined}\n                    >\n                        {children}\n                    </motion.div>\n                </Layer>\n            </MediaViewerContext.Provider>\n        </GalleryItemsContext.Provider>\n    );\n};\n\nMediaViewer.Header = Header;\nMediaViewer.Footer = Footer;\nMediaViewer.Gallery = Gallery;\nMediaViewer.GalleryItem = GalleryItem;\nMediaViewer.Preview = Preview;\nMediaViewer.Toolbar = Toolbar;\nMediaViewer.DesktopTool = DesktopTool;\nMediaViewer.MobileTool = MobileTool;\nMediaViewer.RotateTool = RotateTool;\nMediaViewer.CloseTool = CloseTool;\nMediaViewer.FullWidthTool = FullWidthTool;\n\nMediaViewer.displayName = 'MediaViewer';\n"],"names":["_jsx"],"mappings":"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"}

package/public/Preview.js

@@ -12,7 +12,7 @@ import { EASE_BASE } from '../internal/animations.js';
 import { useMediaViewerContext, useGalleryItemsContext, PreviewContext } from '../internal/context.js';
 import { useVirtualization } from '../internal/hooks/useVirtualization.js';
 import { useDetectDiscreteChange, useInitOnce, clamp } from '../internal/utils.js';
-import { s as styles } from '../media-viewer-CYTGXlUE.js';
+import { s as styles } from '../media-viewer-DhN96vgd.js';
 import 'classnames';
 import '@hh.ru/magritte-common-use-translation';
 import '@hh.ru/magritte-ui-bottom-sheet';

package/public/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sources":["../../src/public/Preview.tsx"],"sourcesContent":["import { type FC, type CSSProperties, useRef } from 'react';\nimport { useDrag } from '@use-gesture/react';\nimport { motion, animate, useMotionValueEvent, useMotionValue, MotionStyle, useTransform } from 'motion/react';\n\nimport { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Counter } from '@hh.ru/magritte-ui-media-viewer/internal/Counter';\nimport { PreviewItem } from '@hh.ru/magritte-ui-media-viewer/internal/PreviewItem';\nimport { PreviewZoomControl } from '@hh.ru/magritte-ui-media-viewer/internal/PreviewZoomControl';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport {\n    useMediaViewerContext,\n    PreviewContext,\n    useGalleryItemsContext,\n} from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useVirtualization } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useVirtualization';\nimport { useInitOnce, clamp, useDetectDiscreteChange } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\n\nimport styles from './media-viewer.less';\n\nexport interface PreviewProps {\n    /** Отключить возможность зума из превью */\n    noZoom?: boolean;\n    /** Не показывать счётчик элементов */\n    noCounter?: boolean;\n}\n\nconst MINIATURE_SIZE_MOBILE_COLLAPSED = 24;\nconst MINIATURE_SIZE_MOBILE_EXPANDED = 48;\nconst MINIATURE_GAP_MOBILE = 2;\nconst MINIATURE_SIZE_DESKTOP_COLLAPSED = 40;\nconst MINIATURE_SIZE_DESKTOP_EXPANDED = 80;\nconst MINIATURE_GAP_DESKTOP = 8;\nconst MAX_VISIBLE_ITEMS_DESKTOP = 10;\nconst MAX_CONTAINER_WIDTH_DESKTOP =\n    (MAX_VISIBLE_ITEMS_DESKTOP - 1) * (MINIATURE_SIZE_DESKTOP_COLLAPSED + MINIATURE_GAP_DESKTOP) +\n    MINIATURE_SIZE_DESKTOP_EXPANDED;\n\nconst VIRTUALIZATION_BATCH_SIZE = Math.ceil(\n    1024 /* s breakpoint */ / (MINIATURE_SIZE_MOBILE_COLLAPSED + MINIATURE_GAP_MOBILE)\n);\n\nexport const Preview: FC<PreviewProps> = ({ noZoom = false, noCounter = false }) => {\n    const { isMobile } = useBreakpoint();\n    const globalContext = useMediaViewerContext();\n    const { items } = useGalleryItemsContext();\n    const isDraggingRef = useRef(false);\n    const activePreviewItemIndex = useMotionValue(globalContext.currentSlideIndex.get());\n    const dragFactor = useMotionValue(0);\n    const isDiscrete = useDetectDiscreteChange(activePreviewItemIndex);\n    const desktopX = useMotionValue(0);\n    const mobileX = useMotionValue(0);\n    const visibleRange = useVirtualization(VIRTUALIZATION_BATCH_SIZE, globalContext.currentSlideIndex);\n    const contextValue = useInitOnce(() => ({\n        activeItemIndex: activePreviewItemIndex,\n        visibleRange,\n    }));\n\n    useMotionValueEvent(globalContext.currentSlideIndex, 'change', (newIndex) => {\n        !isDraggingRef.current && activePreviewItemIndex.set(newIndex);\n    });\n\n    const rightPlaceholderWidth = useTransform(visibleRange.endIndex, (endIndex) => {\n        const itemsCount = items.length;\n        return Math.max(0, itemsCount - endIndex);\n    });\n\n    const applyMobileShift = useInitOnce(() => {\n        const calcMobileX = (index: number) =>\n            -(index * (MINIATURE_SIZE_MOBILE_COLLAPSED + MINIATURE_GAP_MOBILE)) - MINIATURE_SIZE_MOBILE_EXPANDED / 2;\n\n        const applyShift = () => {\n            const newMobileX = calcMobileX(activePreviewItemIndex.get());\n            if (isDiscrete() && !isDraggingRef.current) {\n                animate(mobileX, newMobileX, { duration: tokenSemanticAnimationTimeMDuration / 1000, ease: EASE_BASE });\n            } else {\n                mobileX.set(newMobileX);\n            }\n        };\n\n        applyShift();\n        return applyShift;\n    });\n\n    const applyDesktopShift = useInitOnce(() => {\n        const calcDesktopX = () => {\n            const index = activePreviewItemIndex.get();\n            const itemsCount = globalContext.totalSlides.get();\n\n            const indexCenterPos =\n                index * (MINIATURE_SIZE_DESKTOP_COLLAPSED + MINIATURE_GAP_DESKTOP) +\n                MINIATURE_SIZE_DESKTOP_EXPANDED / 2;\n\n            const containerCenterPos = MAX_CONTAINER_WIDTH_DESKTOP / 2;\n\n            const itemsWidth =\n                (itemsCount - 1) * (MINIATURE_SIZE_DESKTOP_COLLAPSED + MINIATURE_GAP_DESKTOP) +\n                MINIATURE_SIZE_DESKTOP_EXPANDED;\n            const translation = clamp(\n                containerCenterPos - indexCenterPos,\n                Math.min(MAX_CONTAINER_WIDTH_DESKTOP - itemsWidth, 0),\n                0\n            );\n\n            return translation;\n        };\n\n        const applyShift = () => {\n            const newDesktopX = calcDesktopX();\n            if (isDiscrete()) {\n                animate(desktopX, newDesktopX, {\n                    duration: tokenSemanticAnimationTimeMDuration / 1000,\n                    ease: EASE_BASE,\n                });\n            } else {\n                desktopX.set(newDesktopX);\n            }\n        };\n\n        return applyShift;\n    });\n\n    useMotionValueEvent(globalContext.currentSlideIndex, 'change', applyDesktopShift);\n    useMotionValueEvent(activePreviewItemIndex, 'change', applyDesktopShift);\n    useMotionValueEvent(activePreviewItemIndex, 'change', applyMobileShift);\n\n    const bindMobileDrag = useDrag(\n        ({ delta, active, last, first }) => {\n            if (first) {\n                animate(dragFactor, 1, { duration: tokenSemanticAnimationTimeMDuration / 1000, ease: EASE_BASE });\n            }\n            isDraggingRef.current = active;\n            activePreviewItemIndex.set(\n                clamp(\n                    activePreviewItemIndex.get() - delta[0] / (MINIATURE_SIZE_MOBILE_COLLAPSED + MINIATURE_GAP_MOBILE),\n                    0,\n                    items.length - 1\n                )\n            );\n            globalContext.currentSlideIndex.set(Math.round(activePreviewItemIndex.get()));\n            if (last) {\n                animate(activePreviewItemIndex, globalContext.currentSlideIndex.get(), {\n                    duration: tokenSemanticAnimationTimeMDuration / 1000,\n                    ease: EASE_BASE,\n                });\n                animate(dragFactor, 0, { duration: tokenSemanticAnimationTimeMDuration / 1000, ease: EASE_BASE });\n            }\n        },\n        { axis: 'x' }\n    );\n\n    return (\n        <div className={styles.previewContainer}>\n            {!noCounter && !isMobile && <Counter items={items} />}\n            <div\n                className={styles.preview}\n                {...(isMobile ? bindMobileDrag() : {})}\n                style={{ '--media-viewer-max-visible-items': MAX_VISIBLE_ITEMS_DESKTOP } as CSSProperties}\n                aria-hidden={true}\n            >\n                <motion.div\n                    className={styles.previewPlaceholder}\n                    style={{ '--magritte-media-viewer-placeholder-size': visibleRange.startIndex } as MotionStyle}\n                />\n                <motion.div className={styles.previewList} style={{ x: isMobile ? mobileX : desktopX }}>\n                    <PreviewContext.Provider value={contextValue}>\n                        {items.map((item, index) => {\n                            const { previewSrc, src } = item.props;\n                            const thumbnailSrc = previewSrc ?? src;\n\n                            return <PreviewItem index={index} key={index} dragFactor={dragFactor} src={thumbnailSrc} />;\n                        })}\n                    </PreviewContext.Provider>\n                </motion.div>\n                <motion.div\n                    className={styles.previewPlaceholder}\n                    style={{ '--magritte-media-viewer-placeholder-size': rightPlaceholderWidth } as MotionStyle}\n                />\n            </div>\n            {!isMobile && !noZoom && <PreviewZoomControl />}\n        </div>\n    );\n};\n\nPreview.displayName = 'Preview';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,+BAA+B,GAAG,EAAE,CAAC;AAC3C,MAAM,8BAA8B,GAAG,EAAE,CAAC;AAC1C,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAC/B,MAAM,gCAAgC,GAAG,EAAE,CAAC;AAC5C,MAAM,+BAA+B,GAAG,EAAE,CAAC;AAC3C,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAChC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AACrC,MAAM,2BAA2B,GAC7B,CAAC,yBAAyB,GAAG,CAAC,KAAK,gCAAgC,GAAG,qBAAqB,CAAC;AAC5F,IAAA,+BAA+B,CAAC;AAEpC,MAAM,yBAAyB,GAAG,IAAI,CAAC,IAAI,CACvC,IAAI,uBAAuB,+BAA+B,GAAG,oBAAoB,CAAC,CACrF,CAAC;AAEK,MAAM,OAAO,GAAqB,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,KAAI;AAC/E,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AACrC,IAAA,MAAM,aAAa,GAAG,qBAAqB,EAAE,CAAC;AAC9C,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,sBAAsB,EAAE,CAAC;AAC3C,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,sBAAsB,GAAG,cAAc,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC,CAAC;AACrF,IAAA,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;AACrC,IAAA,MAAM,UAAU,GAAG,uBAAuB,CAAC,sBAAsB,CAAC,CAAC;AACnE,IAAA,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;AACnC,IAAA,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,YAAY,GAAG,iBAAiB,CAAC,yBAAyB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;AACnG,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO;AACpC,QAAA,eAAe,EAAE,sBAAsB;QACvC,YAAY;AACf,KAAA,CAAC,CAAC,CAAC;IAEJ,mBAAmB,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,EAAE,CAAC,QAAQ,KAAI;QACxE,CAAC,aAAa,CAAC,OAAO,IAAI,sBAAsB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACnE,KAAC,CAAC,CAAC;IAEH,MAAM,qBAAqB,GAAG,YAAY,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,QAAQ,KAAI;AAC3E,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAChC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;AAC9C,KAAC,CAAC,CAAC;AAEH,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAK;QACtC,MAAM,WAAW,GAAG,CAAC,KAAa,KAC9B,EAAE,KAAK,IAAI,+BAA+B,GAAG,oBAAoB,CAAC,CAAC,GAAG,8BAA8B,GAAG,CAAC,CAAC;QAE7G,MAAM,UAAU,GAAG,MAAK;YACpB,MAAM,UAAU,GAAG,WAAW,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAC,CAAC;YAC7D,IAAI,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AACxC,gBAAA,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,mCAAmC,GAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;aAC3G;iBAAM;AACH,gBAAA,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;aAC3B;AACL,SAAC,CAAC;AAEF,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,OAAO,UAAU,CAAC;AACtB,KAAC,CAAC,CAAC;AAEH,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAK;QACvC,MAAM,YAAY,GAAG,MAAK;AACtB,YAAA,MAAM,KAAK,GAAG,sBAAsB,CAAC,GAAG,EAAE,CAAC;YAC3C,MAAM,UAAU,GAAG,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;YAEnD,MAAM,cAAc,GAChB,KAAK,IAAI,gCAAgC,GAAG,qBAAqB,CAAC;gBAClE,+BAA+B,GAAG,CAAC,CAAC;AAExC,YAAA,MAAM,kBAAkB,GAAG,2BAA2B,GAAG,CAAC,CAAC;AAE3D,YAAA,MAAM,UAAU,GACZ,CAAC,UAAU,GAAG,CAAC,KAAK,gCAAgC,GAAG,qBAAqB,CAAC;AAC7E,gBAAA,+BAA+B,CAAC;YACpC,MAAM,WAAW,GAAG,KAAK,CACrB,kBAAkB,GAAG,cAAc,EACnC,IAAI,CAAC,GAAG,CAAC,2BAA2B,GAAG,UAAU,EAAE,CAAC,CAAC,EACrD,CAAC,CACJ,CAAC;AAEF,YAAA,OAAO,WAAW,CAAC;AACvB,SAAC,CAAC;QAEF,MAAM,UAAU,GAAG,MAAK;AACpB,YAAA,MAAM,WAAW,GAAG,YAAY,EAAE,CAAC;YACnC,IAAI,UAAU,EAAE,EAAE;AACd,gBAAA,OAAO,CAAC,QAAQ,EAAE,WAAW,EAAE;oBAC3B,QAAQ,EAAE,mCAAmC,GAAG,IAAI;AACpD,oBAAA,IAAI,EAAE,SAAS;AAClB,iBAAA,CAAC,CAAC;aACN;iBAAM;AACH,gBAAA,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;aAC7B;AACL,SAAC,CAAC;AAEF,QAAA,OAAO,UAAU,CAAC;AACtB,KAAC,CAAC,CAAC;IAEH,mBAAmB,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;AAClF,IAAA,mBAAmB,CAAC,sBAAsB,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;AACzE,IAAA,mBAAmB,CAAC,sBAAsB,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC;AAExE,IAAA,MAAM,cAAc,GAAG,OAAO,CAC1B,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI;QAC/B,IAAI,KAAK,EAAE;AACP,YAAA,OAAO,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,mCAAmC,GAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;SACrG;AACD,QAAA,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC;AAC/B,QAAA,sBAAsB,CAAC,GAAG,CACtB,KAAK,CACD,sBAAsB,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,+BAA+B,GAAG,oBAAoB,CAAC,EAClG,CAAC,EACD,KAAK,CAAC,MAAM,GAAG,CAAC,CACnB,CACJ,CAAC;AACF,QAAA,aAAa,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC9E,IAAI,IAAI,EAAE;YACN,OAAO,CAAC,sBAAsB,EAAE,aAAa,CAAC,iBAAiB,CAAC,GAAG,EAAE,EAAE;gBACnE,QAAQ,EAAE,mCAAmC,GAAG,IAAI;AACpD,gBAAA,IAAI,EAAE,SAAS;AAClB,aAAA,CAAC,CAAC;AACH,YAAA,OAAO,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,mCAAmC,GAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;SACrG;AACL,KAAC,EACD,EAAE,IAAI,EAAE,GAAG,EAAE,CAChB,CAAC;IAEF,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAClC,QAAA,EAAA,CAAA,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAIC,GAAC,CAAA,OAAO,EAAC,EAAA,KAAK,EAAE,KAAK,EAAI,CAAA,EACrDD,IACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,MACpB,QAAQ,GAAG,cAAc,EAAE,GAAG,EAAE,GACrC,KAAK,EAAE,EAAE,kCAAkC,EAAE,yBAAyB,EAAmB,EAC5E,aAAA,EAAA,IAAI,EAEjB,QAAA,EAAA,CAAAC,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACP,SAAS,EAAE,MAAM,CAAC,kBAAkB,EACpC,KAAK,EAAE,EAAE,0CAA0C,EAAE,YAAY,CAAC,UAAU,EAAiB,EAC/F,CAAA,EACFA,GAAC,CAAA,MAAM,CAAC,GAAG,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,EAAE,EAAA,QAAA,EAClFA,GAAC,CAAA,cAAc,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACvC,QAAA,EAAA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gCACvB,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;AACvC,gCAAA,MAAM,YAAY,GAAG,UAAU,IAAI,GAAG,CAAC;AAEvC,gCAAA,OAAOA,IAAC,WAAW,EAAA,EAAC,KAAK,EAAE,KAAK,EAAc,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAhD,EAAA,KAAK,CAA+C,CAAC;AAChG,6BAAC,CAAC,EACoB,CAAA,EAAA,CACjB,EACbA,GAAA,CAAC,MAAM,CAAC,GAAG,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,kBAAkB,EACpC,KAAK,EAAE,EAAE,0CAA0C,EAAE,qBAAqB,EAAiB,EAAA,CAC7F,CACA,EAAA,CAAA,EACL,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAIA,GAAC,CAAA,kBAAkB,EAAG,EAAA,CAAA,CAAA,EAAA,CAC7C,EACR;AACN,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Preview.js","sources":["src/public/Preview.tsx"],"sourcesContent":["import { type FC, type CSSProperties, useRef } from 'react';\nimport { useDrag } from '@use-gesture/react';\nimport { motion, animate, useMotionValueEvent, useMotionValue, MotionStyle, useTransform } from 'motion/react';\n\nimport { tokenSemanticAnimationTimeMDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Counter } from '@hh.ru/magritte-ui-media-viewer/internal/Counter';\nimport { PreviewItem } from '@hh.ru/magritte-ui-media-viewer/internal/PreviewItem';\nimport { PreviewZoomControl } from '@hh.ru/magritte-ui-media-viewer/internal/PreviewZoomControl';\nimport { EASE_BASE } from '@hh.ru/magritte-ui-media-viewer/internal/animations';\nimport {\n    useMediaViewerContext,\n    PreviewContext,\n    useGalleryItemsContext,\n} from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useVirtualization } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useVirtualization';\nimport { useInitOnce, clamp, useDetectDiscreteChange } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\n\nimport styles from './media-viewer.less';\n\nexport interface PreviewProps {\n    /** Отключить возможность зума из превью */\n    noZoom?: boolean;\n    /** Не показывать счётчик элементов */\n    noCounter?: boolean;\n}\n\nconst MINIATURE_SIZE_MOBILE_COLLAPSED = 24;\nconst MINIATURE_SIZE_MOBILE_EXPANDED = 48;\nconst MINIATURE_GAP_MOBILE = 2;\nconst MINIATURE_SIZE_DESKTOP_COLLAPSED = 40;\nconst MINIATURE_SIZE_DESKTOP_EXPANDED = 80;\nconst MINIATURE_GAP_DESKTOP = 8;\nconst MAX_VISIBLE_ITEMS_DESKTOP = 10;\nconst MAX_CONTAINER_WIDTH_DESKTOP =\n    (MAX_VISIBLE_ITEMS_DESKTOP - 1) * (MINIATURE_SIZE_DESKTOP_COLLAPSED + MINIATURE_GAP_DESKTOP) +\n    MINIATURE_SIZE_DESKTOP_EXPANDED;\n\nconst VIRTUALIZATION_BATCH_SIZE = Math.ceil(\n    1024 /* s breakpoint */ / (MINIATURE_SIZE_MOBILE_COLLAPSED + MINIATURE_GAP_MOBILE)\n);\n\nexport const Preview: FC<PreviewProps> = ({ noZoom = false, noCounter = false }) => {\n    const { isMobile } = useBreakpoint();\n    const globalContext = useMediaViewerContext();\n    const { items } = useGalleryItemsContext();\n    const isDraggingRef = useRef(false);\n    const activePreviewItemIndex = useMotionValue(globalContext.currentSlideIndex.get());\n    const dragFactor = useMotionValue(0);\n    const isDiscrete = useDetectDiscreteChange(activePreviewItemIndex);\n    const desktopX = useMotionValue(0);\n    const mobileX = useMotionValue(0);\n    const visibleRange = useVirtualization(VIRTUALIZATION_BATCH_SIZE, globalContext.currentSlideIndex);\n    const contextValue = useInitOnce(() => ({\n        activeItemIndex: activePreviewItemIndex,\n        visibleRange,\n    }));\n\n    useMotionValueEvent(globalContext.currentSlideIndex, 'change', (newIndex) => {\n        !isDraggingRef.current && activePreviewItemIndex.set(newIndex);\n    });\n\n    const rightPlaceholderWidth = useTransform(visibleRange.endIndex, (endIndex) => {\n        const itemsCount = items.length;\n        return Math.max(0, itemsCount - endIndex);\n    });\n\n    const applyMobileShift = useInitOnce(() => {\n        const calcMobileX = (index: number) =>\n            -(index * (MINIATURE_SIZE_MOBILE_COLLAPSED + MINIATURE_GAP_MOBILE)) - MINIATURE_SIZE_MOBILE_EXPANDED / 2;\n\n        const applyShift = () => {\n            const newMobileX = calcMobileX(activePreviewItemIndex.get());\n            if (isDiscrete() && !isDraggingRef.current) {\n                animate(mobileX, newMobileX, { duration: tokenSemanticAnimationTimeMDuration / 1000, ease: EASE_BASE });\n            } else {\n                mobileX.set(newMobileX);\n            }\n        };\n\n        applyShift();\n        return applyShift;\n    });\n\n    const applyDesktopShift = useInitOnce(() => {\n        const calcDesktopX = () => {\n            const index = activePreviewItemIndex.get();\n            const itemsCount = globalContext.totalSlides.get();\n\n            const indexCenterPos =\n                index * (MINIATURE_SIZE_DESKTOP_COLLAPSED + MINIATURE_GAP_DESKTOP) +\n                MINIATURE_SIZE_DESKTOP_EXPANDED / 2;\n\n            const containerCenterPos = MAX_CONTAINER_WIDTH_DESKTOP / 2;\n\n            const itemsWidth =\n                (itemsCount - 1) * (MINIATURE_SIZE_DESKTOP_COLLAPSED + MINIATURE_GAP_DESKTOP) +\n                MINIATURE_SIZE_DESKTOP_EXPANDED;\n            const translation = clamp(\n                containerCenterPos - indexCenterPos,\n                Math.min(MAX_CONTAINER_WIDTH_DESKTOP - itemsWidth, 0),\n                0\n            );\n\n            return translation;\n        };\n\n        const applyShift = () => {\n            const newDesktopX = calcDesktopX();\n            if (isDiscrete()) {\n                animate(desktopX, newDesktopX, {\n                    duration: tokenSemanticAnimationTimeMDuration / 1000,\n                    ease: EASE_BASE,\n                });\n            } else {\n                desktopX.set(newDesktopX);\n            }\n        };\n\n        return applyShift;\n    });\n\n    useMotionValueEvent(globalContext.currentSlideIndex, 'change', applyDesktopShift);\n    useMotionValueEvent(activePreviewItemIndex, 'change', applyDesktopShift);\n    useMotionValueEvent(activePreviewItemIndex, 'change', applyMobileShift);\n\n    const bindMobileDrag = useDrag(\n        ({ delta, active, last, first }) => {\n            if (first) {\n                animate(dragFactor, 1, { duration: tokenSemanticAnimationTimeMDuration / 1000, ease: EASE_BASE });\n            }\n            isDraggingRef.current = active;\n            activePreviewItemIndex.set(\n                clamp(\n                    activePreviewItemIndex.get() - delta[0] / (MINIATURE_SIZE_MOBILE_COLLAPSED + MINIATURE_GAP_MOBILE),\n                    0,\n                    items.length - 1\n                )\n            );\n            globalContext.currentSlideIndex.set(Math.round(activePreviewItemIndex.get()));\n            if (last) {\n                animate(activePreviewItemIndex, globalContext.currentSlideIndex.get(), {\n                    duration: tokenSemanticAnimationTimeMDuration / 1000,\n                    ease: EASE_BASE,\n                });\n                animate(dragFactor, 0, { duration: tokenSemanticAnimationTimeMDuration / 1000, ease: EASE_BASE });\n            }\n        },\n        { axis: 'x' }\n    );\n\n    return (\n        <div className={styles.previewContainer}>\n            {!noCounter && !isMobile && <Counter items={items} />}\n            <div\n                className={styles.preview}\n                {...(isMobile ? bindMobileDrag() : {})}\n                style={{ '--media-viewer-max-visible-items': MAX_VISIBLE_ITEMS_DESKTOP } as CSSProperties}\n                aria-hidden={true}\n            >\n                <motion.div\n                    className={styles.previewPlaceholder}\n                    style={{ '--magritte-media-viewer-placeholder-size': visibleRange.startIndex } as MotionStyle}\n                />\n                <motion.div className={styles.previewList} style={{ x: isMobile ? mobileX : desktopX }}>\n                    <PreviewContext.Provider value={contextValue}>\n                        {items.map((item, index) => {\n                            const { previewSrc, src } = item.props;\n                            const thumbnailSrc = previewSrc ?? src;\n\n                            return <PreviewItem index={index} key={index} dragFactor={dragFactor} src={thumbnailSrc} />;\n                        })}\n                    </PreviewContext.Provider>\n                </motion.div>\n                <motion.div\n                    className={styles.previewPlaceholder}\n                    style={{ '--magritte-media-viewer-placeholder-size': rightPlaceholderWidth } as MotionStyle}\n                />\n            </div>\n            {!isMobile && !noZoom && <PreviewZoomControl />}\n        </div>\n    );\n};\n\nPreview.displayName = 'Preview';\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/public/Toolbar.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { Counter } from '../internal/Counter.js';
 import { useGalleryItemsContext } from '../internal/context.js';
-import { s as styles } from '../media-viewer-CYTGXlUE.js';
+import { s as styles } from '../media-viewer-DhN96vgd.js';
 import 'react';
 import 'motion/react';
 import '@hh.ru/magritte-common-use-translation';

package/public/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../src/public/Toolbar.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Counter } from '@hh.ru/magritte-ui-media-viewer/internal/Counter';\nimport { useGalleryItemsContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\n\nimport styles from './media-viewer.less';\n\nexport interface ToolbarProps {\n    /** Слот для левой части тулбара */\n    leftSlot?: ReactNode;\n    /** Слот для правой части тулбара */\n    rightSlot?: ReactNode;\n    /** Отключить счетчик */\n    noCounter?: boolean;\n}\n\nexport const Toolbar: FC<ToolbarProps> = ({ leftSlot, rightSlot, noCounter }) => {\n    const { items } = useGalleryItemsContext();\n    if (items.length <= 1 || noCounter) {\n        return (\n            <div className={classNames(styles.mediaViewerToolbar, styles.noDescription)} data-media-viewer-interactive>\n                {leftSlot}\n                {rightSlot}\n            </div>\n        );\n    }\n    return (\n        <div className={styles.mediaViewerToolbar} data-media-viewer-interactive>\n            <div className={styles.mediaViewerToolbarLeft}>{leftSlot}</div>\n            <Counter items={items} />\n            <div className={styles.mediaViewerToolbarRight}>{rightSlot}</div>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,KAAI;AAC5E,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAC3C,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,SAAS,EAAE;QAChC,QACIA,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,aAAa,CAAC,EACtE,+BAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,QAAQ,EACR,SAAS,CAAA,EAAA,CACR,EACR;KACL;AACD,IAAA,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,+BAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CACrCC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,EAC/DA,GAAC,CAAA,OAAO,IAAC,KAAK,EAAE,KAAK,EAAA,CAAI,EACzBA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,uBAAuB,EAAA,QAAA,EAAG,SAAS,EAAO,CAAA,CAAA,EAAA,CAC/D,EACR;AACN;;;;"}
+{"version":3,"file":"Toolbar.js","sources":["src/public/Toolbar.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Counter } from '@hh.ru/magritte-ui-media-viewer/internal/Counter';\nimport { useGalleryItemsContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\n\nimport styles from './media-viewer.less';\n\nexport interface ToolbarProps {\n    /** Слот для левой части тулбара */\n    leftSlot?: ReactNode;\n    /** Слот для правой части тулбара */\n    rightSlot?: ReactNode;\n    /** Отключить счетчик */\n    noCounter?: boolean;\n}\n\nexport const Toolbar: FC<ToolbarProps> = ({ leftSlot, rightSlot, noCounter }) => {\n    const { items } = useGalleryItemsContext();\n    if (items.length <= 1 || noCounter) {\n        return (\n            <div className={classNames(styles.mediaViewerToolbar, styles.noDescription)} data-media-viewer-interactive>\n                {leftSlot}\n                {rightSlot}\n            </div>\n        );\n    }\n    return (\n        <div className={styles.mediaViewerToolbar} data-media-viewer-interactive>\n            <div className={styles.mediaViewerToolbarLeft}>{leftSlot}</div>\n            <Counter items={items} />\n            <div className={styles.mediaViewerToolbarRight}>{rightSlot}</div>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,KAAI;AAC5E,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAC3C,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,SAAS,EAAE;QAChC,QACIA,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,aAAa,CAAC,EACtE,+BAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,QAAQ,EACR,SAAS,CAAA,EAAA,CACR,EACR;KACL;AACD,IAAA,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,+BAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CACrCC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,EAC/DA,GAAC,CAAA,OAAO,IAAC,KAAK,EAAE,KAAK,EAAA,CAAI,EACzBA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,uBAAuB,EAAA,QAAA,EAAG,SAAS,EAAO,CAAA,CAAA,EAAA,CAC/D,EACR;AACN;;;;"}

package/public/Tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tools.js","sources":["../../src/public/Tools.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\n\nexport const MobileTool: FC<PropsWithChildren> = ({ children }) => {\n    const { isMobile } = useBreakpoint();\n    return isMobile ? children : null;\n};\n\nexport const DesktopTool: FC<PropsWithChildren> = ({ children }) => {\n    const { isMobile } = useBreakpoint();\n    return isMobile ? null : children;\n};\n\nexport const RotateTool: FC<PropsWithChildren> = ({ children }) => {\n    const globalContext = useMediaViewerContext();\n\n    return (\n        <div\n            style={{ display: 'contents', cursor: 'pointer' }}\n            onClick={() =>\n                globalContext.currentSlideController\n                    .get()\n                    ?.rotation.set((globalContext.currentSlideController.get()?.rotation.get() ?? 0) + 1)\n            }\n        >\n            {children}\n        </div>\n    );\n};\n\nexport const CloseTool: FC<PropsWithChildren> = ({ children }) => {\n    const { close } = useMediaViewerContext();\n\n    return (\n        <div style={{ display: 'contents', cursor: 'pointer' }} onClick={close}>\n            {children}\n        </div>\n    );\n};\n\nexport const FullWidthTool: FC<PropsWithChildren> = ({ children }) => {\n    return <div style={{ display: 'flex', justifyContent: 'center', width: '100%' }}>{children}</div>;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;MAKa,UAAU,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC9D,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IACrC,OAAO,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC;AACtC,EAAE;MAEW,WAAW,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC/D,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IACrC,OAAO,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC;AACtC,EAAE;MAEW,UAAU,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC9D,IAAA,MAAM,aAAa,GAAG,qBAAqB,EAAE,CAAC;IAE9C,QACIA,aACI,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,EACjD,OAAO,EAAE,MACL,aAAa,CAAC,sBAAsB;AAC/B,aAAA,GAAG,EAAE;cACJ,QAAQ,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,sBAAsB,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAG5F,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,EAAE;MAEW,SAAS,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC7D,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE1C,QACIA,aAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EACjE,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,EAAE;MAEW,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AACjE,IAAA,OAAOA,aAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAG,QAAA,EAAA,QAAQ,GAAO,CAAC;AACtG;;;;"}
+{"version":3,"file":"Tools.js","sources":["src/public/Tools.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\n\nexport const MobileTool: FC<PropsWithChildren> = ({ children }) => {\n    const { isMobile } = useBreakpoint();\n    return isMobile ? children : null;\n};\n\nexport const DesktopTool: FC<PropsWithChildren> = ({ children }) => {\n    const { isMobile } = useBreakpoint();\n    return isMobile ? null : children;\n};\n\nexport const RotateTool: FC<PropsWithChildren> = ({ children }) => {\n    const globalContext = useMediaViewerContext();\n\n    return (\n        <div\n            style={{ display: 'contents', cursor: 'pointer' }}\n            onClick={() =>\n                globalContext.currentSlideController\n                    .get()\n                    ?.rotation.set((globalContext.currentSlideController.get()?.rotation.get() ?? 0) + 1)\n            }\n        >\n            {children}\n        </div>\n    );\n};\n\nexport const CloseTool: FC<PropsWithChildren> = ({ children }) => {\n    const { close } = useMediaViewerContext();\n\n    return (\n        <div style={{ display: 'contents', cursor: 'pointer' }} onClick={close}>\n            {children}\n        </div>\n    );\n};\n\nexport const FullWidthTool: FC<PropsWithChildren> = ({ children }) => {\n    return <div style={{ display: 'flex', justifyContent: 'center', width: '100%' }}>{children}</div>;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;MAKa,UAAU,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC9D,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IACrC,OAAO,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC;AACtC,EAAE;MAEW,WAAW,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC/D,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IACrC,OAAO,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC;AACtC,EAAE;MAEW,UAAU,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC9D,IAAA,MAAM,aAAa,GAAG,qBAAqB,EAAE,CAAC;IAE9C,QACIA,aACI,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,EACjD,OAAO,EAAE,MACL,aAAa,CAAC,sBAAsB;AAC/B,aAAA,GAAG,EAAE;cACJ,QAAQ,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,sBAAsB,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAG5F,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,EAAE;MAEW,SAAS,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC7D,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE1C,QACIA,aAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EACjE,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,EAAE;MAEW,aAAa,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AACjE,IAAA,OAAOA,aAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAG,QAAA,EAAA,QAAQ,GAAO,CAAC;AACtG;;;;"}

package/media-viewer-CYTGXlUE.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"media-viewer":"magritte-media-viewer___KnrXP_1-2-2","mediaViewer":"magritte-media-viewer___KnrXP_1-2-2","gallery-placeholder":"magritte-gallery-placeholder___rUoGL_1-2-2","galleryPlaceholder":"magritte-gallery-placeholder___rUoGL_1-2-2","media-viewer-gallery":"magritte-media-viewer-gallery___P0SnN_1-2-2","mediaViewerGallery":"magritte-media-viewer-gallery___P0SnN_1-2-2","gallery-item":"magritte-gallery-item___Js0Z5_1-2-2","galleryItem":"magritte-gallery-item___Js0Z5_1-2-2","gallery-item-transform-container":"magritte-gallery-item-transform-container___N8-sA_1-2-2","galleryItemTransformContainer":"magritte-gallery-item-transform-container___N8-sA_1-2-2","preview-counter":"magritte-preview-counter___uP2Hc_1-2-2","previewCounter":"magritte-preview-counter___uP2Hc_1-2-2","with-description":"magritte-with-description___-w7ld_1-2-2","withDescription":"magritte-with-description___-w7ld_1-2-2","counter-number":"magritte-counter-number___gUpMp_1-2-2","counterNumber":"magritte-counter-number___gUpMp_1-2-2","no-description-placeholder":"magritte-no-description-placeholder___qc6h2_1-2-2","noDescriptionPlaceholder":"magritte-no-description-placeholder___qc6h2_1-2-2","preview-zoom-control":"magritte-preview-zoom-control___026jA_1-2-2","previewZoomControl":"magritte-preview-zoom-control___026jA_1-2-2","preview-container":"magritte-preview-container___nwjNY_1-2-2","previewContainer":"magritte-preview-container___nwjNY_1-2-2","preview":"magritte-preview___0Ge4C_1-2-2","preview-list":"magritte-preview-list___SAXLZ_1-2-2","previewList":"magritte-preview-list___SAXLZ_1-2-2","preview-item":"magritte-preview-item___gz5f2_1-2-2","previewItem":"magritte-preview-item___gz5f2_1-2-2","preview-item-container":"magritte-preview-item-container___JDVsk_1-2-2","previewItemContainer":"magritte-preview-item-container___JDVsk_1-2-2","media-viewer-toolbar":"magritte-media-viewer-toolbar___2C8nr_1-2-2","mediaViewerToolbar":"magritte-media-viewer-toolbar___2C8nr_1-2-2","no-description":"magritte-no-description___NebrT_1-2-2","noDescription":"magritte-no-description___NebrT_1-2-2","media-viewer-toolbar-left":"magritte-media-viewer-toolbar-left___YzkJt_1-2-2","mediaViewerToolbarLeft":"magritte-media-viewer-toolbar-left___YzkJt_1-2-2","media-viewer-toolbar-right":"magritte-media-viewer-toolbar-right___kBER9_1-2-2","mediaViewerToolbarRight":"magritte-media-viewer-toolbar-right___kBER9_1-2-2","prev-button":"magritte-prev-button___WMYjR_1-2-2","prevButton":"magritte-prev-button___WMYjR_1-2-2","next-button":"magritte-next-button___f8hJT_1-2-2","nextButton":"magritte-next-button___f8hJT_1-2-2","slide-button":"magritte-slide-button___sY8LB_1-2-2","slideButton":"magritte-slide-button___sY8LB_1-2-2","preview-placeholder":"magritte-preview-placeholder___yuhW1_1-2-2","previewPlaceholder":"magritte-preview-placeholder___yuhW1_1-2-2","gallery-item-loader":"magritte-gallery-item-loader___70TDe_1-2-2","galleryItemLoader":"magritte-gallery-item-loader___70TDe_1-2-2","gallery-item-error-container":"magritte-gallery-item-error-container___Z-HyZ_1-2-2","galleryItemErrorContainer":"magritte-gallery-item-error-container___Z-HyZ_1-2-2","description-bottom-sheet-content":"magritte-description-bottom-sheet-content___swnEV_1-2-2","descriptionBottomSheetContent":"magritte-description-bottom-sheet-content___swnEV_1-2-2","header":"magritte-header___egZXt_1-2-2","footer":"magritte-footer___rOH-M_1-2-2","description":"magritte-description___dYc-E_1-2-2"};
-
-export { styles as s };
-//# sourceMappingURL=media-viewer-CYTGXlUE.js.map

package/media-viewer-CYTGXlUE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-viewer-CYTGXlUE.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}