@hh.ru/magritte-ui-media-viewer 1.2.60 → 1.3.0

package/index.css

@@ -15,7 +15,7 @@
 .magritte-night-theme{
   --magritte-color-component-skeleton-background-content-v24-7-2:#5e5e5e3d;
 }
-.magritte-media-viewer___KnrXP_1-2-60{
+.magritte-media-viewer___KnrXP_1-3-0{
   position:fixed;
   inset:0;
   display:grid;
@@ -27,7 +27,7 @@
   --media-viewer-background-opacity:calc(1 - var(--magritte-ui-media-viewer-close-progress));
   --magritte-ui-nav-bar-background-color-override:var(--magritte-color-background-overlay-toolbar-v24-7-2);
 }
-.magritte-media-viewer___KnrXP_1-2-60::before{
+.magritte-media-viewer___KnrXP_1-3-0::before{
   content:'';
   position:absolute;
   inset:0;
@@ -35,13 +35,13 @@
   opacity:var(--media-viewer-background-opacity);
   pointer-events:none;
 }
-.magritte-gallery-placeholder___rUoGL_1-2-60{
+.magritte-gallery-placeholder___rUoGL_1-3-0{
   display:flex;
   align-items:stretch;
   grid-row:2;
   min-height:0;
 }
-.magritte-media-viewer-gallery___P0SnN_1-2-60{
+.magritte-media-viewer-gallery___P0SnN_1-3-0{
   display:grid;
   flex-grow:1;
   contain:layout size;
@@ -50,16 +50,16 @@
   inset:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-media-viewer-gallery___P0SnN_1-2-60{
+  body.magritte-old-layout .magritte-media-viewer-gallery___P0SnN_1-3-0{
     position:relative;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-media-viewer-gallery___P0SnN_1-2-60{
+  body:not(.magritte-old-layout) .magritte-media-viewer-gallery___P0SnN_1-3-0{
     position:relative;
   }
 }
-.magritte-gallery-item___Js0Z5_1-2-60{
+.magritte-gallery-item___Js0Z5_1-3-0{
   position:relative;
   grid-area:1 / 1;
   contain:size;
@@ -68,7 +68,7 @@
   overflow-y:visible;
   opacity:calc(1 - var(--magritte-ui-media-viewer-image-close-progress, 0));
 }
-.magritte-gallery-item-transform-container___N8-sA_1-2-60{
+.magritte-gallery-item-transform-container___N8-sA_1-3-0{
   position:absolute;
   top:50%;
   left:50%;
@@ -76,44 +76,44 @@
   will-change:transform;
   touch-action:none;
 }
-.magritte-preview-counter___uP2Hc_1-2-60{
+.magritte-preview-counter___uP2Hc_1-3-0{
   min-width:0;
   text-align:center;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-counter___uP2Hc_1-2-60{
+  body.magritte-old-layout .magritte-preview-counter___uP2Hc_1-3-0{
     text-align:left;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-counter___uP2Hc_1-2-60{
+  body:not(.magritte-old-layout) .magritte-preview-counter___uP2Hc_1-3-0{
     text-align:left;
   }
 }
-.magritte-preview-counter___uP2Hc_1-2-60.magritte-with-description___-w7ld_1-2-60{
+.magritte-preview-counter___uP2Hc_1-3-0.magritte-with-description___-w7ld_1-3-0{
   cursor:pointer;
 }
-.magritte-counter-number___gUpMp_1-2-60{
+.magritte-counter-number___gUpMp_1-3-0{
   display:block;
   transform:translateY(calc(18px * 0.5));
   transition:transform var(--magritte-semantic-animation-time-m-duration-v24-7-2) var(--magritte-semantic-animation-ease-base-timing-function-v24-7-2);
 }
-.magritte-with-description___-w7ld_1-2-60 .magritte-counter-number___gUpMp_1-2-60{
+.magritte-with-description___-w7ld_1-3-0 .magritte-counter-number___gUpMp_1-3-0{
   transform:translateY(0);
 }
-.magritte-no-description-placeholder___qc6h2_1-2-60{
+.magritte-no-description-placeholder___qc6h2_1-3-0{
   display:block;
   height:18px;
   padding:0;
 }
-.magritte-preview-zoom-control___026jA_1-2-60{
+.magritte-preview-zoom-control___026jA_1-3-0{
   display:flex;
   flex-direction:row;
   gap:2px;
   align-items:center;
   justify-self:end;
 }
-.magritte-preview-container___nwjNY_1-2-60{
+.magritte-preview-container___nwjNY_1-3-0{
   display:grid;
   grid-template-columns:1fr auto 1fr;
   gap:16px;
@@ -124,16 +124,16 @@
   z-index:10;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-container___nwjNY_1-2-60{
+  body.magritte-old-layout .magritte-preview-container___nwjNY_1-3-0{
     padding:16px 24px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-container___nwjNY_1-2-60{
+  body:not(.magritte-old-layout) .magritte-preview-container___nwjNY_1-3-0{
     padding:16px 24px;
   }
 }
-.magritte-preview___0Ge4C_1-2-60{
+.magritte-preview___0Ge4C_1-3-0{
   display:flex;
   flex-direction:row;
   touch-action:none;
@@ -141,18 +141,18 @@
   min-width:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview___0Ge4C_1-2-60{
+  body.magritte-old-layout .magritte-preview___0Ge4C_1-3-0{
     max-width:calc(((40 + 8) * (var(--media-viewer-max-visible-items) - 1) + 80) * 1px);
     overflow:hidden;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview___0Ge4C_1-2-60{
+  body:not(.magritte-old-layout) .magritte-preview___0Ge4C_1-3-0{
     max-width:calc(((40 + 8) * (var(--media-viewer-max-visible-items) - 1) + 80) * 1px);
     overflow:hidden;
   }
 }
-.magritte-preview-list___SAXLZ_1-2-60{
+.magritte-preview-list___SAXLZ_1-3-0{
   margin-left:50%;
   contain:layout paint;
   display:flex;
@@ -162,18 +162,18 @@
   flex:0 0 auto;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-list___SAXLZ_1-2-60{
+  body.magritte-old-layout .magritte-preview-list___SAXLZ_1-3-0{
     margin:0;
     gap:8px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-list___SAXLZ_1-2-60{
+  body:not(.magritte-old-layout) .magritte-preview-list___SAXLZ_1-3-0{
     margin:0;
     gap:8px;
   }
 }
-.magritte-preview-item___gz5f2_1-2-60{
+.magritte-preview-item___gz5f2_1-3-0{
   contain:layout paint size;
   position:relative;
   flex-shrink:0;
@@ -187,33 +187,33 @@
   background-color:var(--magritte-color-component-skeleton-background-content-v24-7-2);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-item___gz5f2_1-2-60{
+  body.magritte-old-layout .magritte-preview-item___gz5f2_1-3-0{
     height:80px;
     border-radius:8px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-item___gz5f2_1-2-60{
+  body:not(.magritte-old-layout) .magritte-preview-item___gz5f2_1-3-0{
     height:80px;
     border-radius:8px;
   }
 }
-.magritte-preview-item-container___JDVsk_1-2-60{
+.magritte-preview-item-container___JDVsk_1-3-0{
   contain:layout paint size;
   overflow:hidden;
   scale:1;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-item-container___JDVsk_1-2-60{
+  body.magritte-old-layout .magritte-preview-item-container___JDVsk_1-3-0{
     scale:1.66666667;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-item-container___JDVsk_1-2-60{
+  body:not(.magritte-old-layout) .magritte-preview-item-container___JDVsk_1-3-0{
     scale:1.66666667;
   }
 }
-.magritte-preview-item-container___JDVsk_1-2-60 *{
+.magritte-preview-item-container___JDVsk_1-3-0 *{
   touch-action:none;
   position:absolute;
   top:0;
@@ -223,7 +223,7 @@
   height:100%;
   user-select:none;
 }
-.magritte-media-viewer-toolbar___2C8nr_1-2-60{
+.magritte-media-viewer-toolbar___2C8nr_1-3-0{
   background:var(--magritte-color-background-overlay-toolbar-v24-7-2);
   padding:0 8px;
   display:grid;
@@ -234,30 +234,30 @@
   grid-row:4;
   z-index:10;
 }
-.magritte-media-viewer-toolbar___2C8nr_1-2-60.magritte-no-description___NebrT_1-2-60{
+.magritte-media-viewer-toolbar___2C8nr_1-3-0.magritte-no-description___NebrT_1-3-0{
   display:flex;
   justify-content:space-between;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-media-viewer-toolbar___2C8nr_1-2-60{
+  body.magritte-old-layout .magritte-media-viewer-toolbar___2C8nr_1-3-0{
     display:none;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-media-viewer-toolbar___2C8nr_1-2-60{
+  body:not(.magritte-old-layout) .magritte-media-viewer-toolbar___2C8nr_1-3-0{
     display:none;
   }
 }
-.magritte-media-viewer-toolbar-left___YzkJt_1-2-60,
-.magritte-media-viewer-toolbar-right___kBER9_1-2-60{
+.magritte-media-viewer-toolbar-left___YzkJt_1-3-0,
+.magritte-media-viewer-toolbar-right___kBER9_1-3-0{
   display:flex;
   gap:4px;
 }
-.magritte-media-viewer-toolbar-right___kBER9_1-2-60{
+.magritte-media-viewer-toolbar-right___kBER9_1-3-0{
   justify-content:end;
 }
-.magritte-prev-button___WMYjR_1-2-60,
-.magritte-next-button___f8hJT_1-2-60{
+.magritte-prev-button___WMYjR_1-3-0,
+.magritte-next-button___f8hJT_1-3-0{
   cursor:pointer;
   position:absolute;
   top:0;
@@ -265,40 +265,40 @@
   width:48px;
   opacity:var(--media-viewer-background-opacity);
 }
-.magritte-prev-button___WMYjR_1-2-60:active,
-.magritte-next-button___f8hJT_1-2-60:active{
+.magritte-prev-button___WMYjR_1-3-0:active,
+.magritte-next-button___f8hJT_1-3-0:active{
   background:linear-gradient(90deg, var(--magritte-gradient-component-media-viewer-background-fade-v24-7-2));
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-prev-button___WMYjR_1-2-60,
-  body.magritte-old-layout .magritte-next-button___f8hJT_1-2-60{
+  body.magritte-old-layout .magritte-prev-button___WMYjR_1-3-0,
+  body.magritte-old-layout .magritte-next-button___f8hJT_1-3-0{
     width:88px;
   }
-  body.magritte-old-layout .magritte-prev-button___WMYjR_1-2-60:active,
-  body.magritte-old-layout .magritte-next-button___f8hJT_1-2-60:active{
+  body.magritte-old-layout .magritte-prev-button___WMYjR_1-3-0:active,
+  body.magritte-old-layout .magritte-next-button___f8hJT_1-3-0:active{
     background:none;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-2-60,
-  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-2-60{
+  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-3-0,
+  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-3-0{
     width:88px;
   }
-  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-2-60:active,
-  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-2-60:active{
+  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-3-0:active,
+  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-3-0:active{
     background:none;
   }
 }
-.magritte-prev-button___WMYjR_1-2-60{
+.magritte-prev-button___WMYjR_1-3-0{
   left:0;
 }
-.magritte-prev-button___WMYjR_1-2-60:active{
+.magritte-prev-button___WMYjR_1-3-0:active{
   background:linear-gradient(270deg, var(--magritte-gradient-component-media-viewer-background-fade-v24-7-2));
 }
-.magritte-next-button___f8hJT_1-2-60{
+.magritte-next-button___f8hJT_1-3-0{
   right:0;
 }
-.magritte-slide-button___sY8LB_1-2-60{
+.magritte-slide-button___sY8LB_1-3-0{
   display:flex;
   background:none;
   padding:0;
@@ -308,7 +308,7 @@
   position:absolute;
   inset:0;
 }
-.magritte-preview-placeholder___yuhW1_1-2-60{
+.magritte-preview-placeholder___yuhW1_1-3-0{
   --magritte-media-viewer-preview-width:24px;
   --magritte-media-viewer-preview-gap:2px;
   flex:0 0 auto;
@@ -317,24 +317,24 @@
   flex-grow:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-placeholder___yuhW1_1-2-60{
+  body.magritte-old-layout .magritte-preview-placeholder___yuhW1_1-3-0{
     --magritte-media-viewer-preview-width:40px;
     --magritte-media-viewer-preview-gap:8px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-placeholder___yuhW1_1-2-60{
+  body:not(.magritte-old-layout) .magritte-preview-placeholder___yuhW1_1-3-0{
     --magritte-media-viewer-preview-width:40px;
     --magritte-media-viewer-preview-gap:8px;
   }
 }
-.magritte-gallery-item-loader___70TDe_1-2-60{
+.magritte-gallery-item-loader___70TDe_1-3-0{
   position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%, -50%);
 }
-.magritte-gallery-item-error-container___Z-HyZ_1-2-60{
+.magritte-gallery-item-error-container___Z-HyZ_1-3-0{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -348,10 +348,10 @@
   width:100%;
   box-sizing:border-box;
 }
-.magritte-description-bottom-sheet-content___swnEV_1-2-60{
+.magritte-description-bottom-sheet-content___swnEV_1-3-0{
   padding:8px 0;
 }
-.magritte-header___egZXt_1-2-60{
+.magritte-header___egZXt_1-3-0{
   grid-row:1;
   z-index:2;
   opacity:var(--media-viewer-toolbars-opacity);
@@ -359,13 +359,13 @@
   --magritte-ui-nav-bar-title-color-override:var(--magritte-color-text-constant-v24-7-2);
   --magritte-ui-nav-bar-subtitle-color-override:var(--magritte-color-text-constant-secondary-v24-7-2);
 }
-.magritte-footer___rOH-M_1-2-60{
+.magritte-footer___rOH-M_1-3-0{
   grid-row:3;
   z-index:2;
   opacity:var(--media-viewer-toolbars-opacity);
   transform:translateY(calc(var(--magritte-ui-media-viewer-hide-tools-progress) * 100%));
 }
-.magritte-description___dYc-E_1-2-60{
+.magritte-description___dYc-E_1-3-0{
   display:inline-block;
   max-width:100%;
 }

package/index.js

@@ -18,7 +18,7 @@ import './internal/utils.js';
 import './internal/hooks/useTapToToggleTools.js';
 import './internal/hooks/useVirtualization.js';
 import './public/Footer.js';
-import './media-viewer-3iZcDHQ9.js';
+import './media-viewer-BI9iESwV.js';
 import './public/Gallery.js';
 import '@hh.ru/magritte-common-resize';
 import '@hh.ru/magritte-ui-icon/icon';

package/internal/Counter.js

@@ -8,7 +8,7 @@ import { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';
 import { useMediaViewerContext } from './context.js';
 import { TooltipHover } from '@hh.ru/magritte-ui-tooltip';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../media-viewer-3iZcDHQ9.js';
+import { s as styles } from '../media-viewer-BI9iESwV.js';
 import './ImagesLoader.js';
 import './utils.js';
 import '@hh.ru/magritte-design-tokens/types';

package/internal/GalleryItemBody.js

@@ -14,7 +14,7 @@ import { usePinchToZoom } from './hooks/usePinchToZoom.js';
 import { useWheelToZoom } from './hooks/useWheelToZoom.js';
 import { lerp, clamp } from './utils.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../media-viewer-3iZcDHQ9.js';
+import { s as styles } from '../media-viewer-BI9iESwV.js';
 import './ImagesLoader.js';
 import '@use-gesture/react';
 

package/internal/PreviewItem.js

@@ -9,7 +9,7 @@ import '@hh.ru/magritte-ui-breakpoint';
 import './utils.js';
 import '@hh.ru/magritte-design-tokens/types';
 import './animations.js';
-import '../media-viewer-3iZcDHQ9.js';
+import '../media-viewer-BI9iESwV.js';
 import './ImagesLoader.js';
 
 const PreviewItem = ({ index, ...props }) => {

package/internal/PreviewItemBody.js

@@ -5,7 +5,7 @@ import { useMotionValue, useTransform, useMotionValueEvent, animate, motion } fr
 import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { useMediaViewerContext, usePreviewContext } from './context.js';
 import { useDetectDiscreteChange, clamp } from './utils.js';
-import { s as styles } from '../media-viewer-3iZcDHQ9.js';
+import { s as styles } from '../media-viewer-BI9iESwV.js';
 import './ImagesLoader.js';
 import '@hh.ru/magritte-design-tokens/types';
 import './animations.js';

package/internal/PreviewZoomControl.js

@@ -9,7 +9,7 @@ import { EASE_BASE } from './animations.js';
 import { useMediaViewerContext } from './context.js';
 import { useInitOnce, findNextValue, getDimensionsAfterRotation, clampOffset } from './utils.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../media-viewer-3iZcDHQ9.js';
+import { s as styles } from '../media-viewer-BI9iESwV.js';
 import './ImagesLoader.js';
 
 const getCurrentControllerLimits = (globalContext) => {

package/media-viewer-BI9iESwV.js

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

package/media-viewer-BI9iESwV.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-media-viewer",
-  "version": "1.2.60",
+  "version": "1.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -28,7 +28,7 @@
     "@hh.ru/magritte-common-use-translation": "3.1.0",
     "@hh.ru/magritte-design-tokens": "24.7.2",
     "@hh.ru/magritte-internal-accessible-region": "1.0.3",
-    "@hh.ru/magritte-ui-bottom-sheet": "9.4.7",
+    "@hh.ru/magritte-ui-bottom-sheet": "9.4.8",
     "@hh.ru/magritte-ui-breakpoint": "6.1.1",
     "@hh.ru/magritte-ui-icon": "14.2.12",
     "@hh.ru/magritte-ui-layer": "3.2.6",
@@ -44,5 +44,5 @@
     "motion": "^12.23.12",
     "react": ">=18.2.0"
   },
-  "gitHead": "a912a354ba397bc6991dcf7f6ca19e02134b4abb"
+  "gitHead": "7c77ddb0fd8887722dc07c2ddf82ad1dc9618659"
 }

package/public/Footer.js

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

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-3iZcDHQ9.js';
+import { s as styles } from '../media-viewer-BI9iESwV.js';
 import '../internal/ImagesLoader.js';
 import '@use-gesture/react';
 import '@hh.ru/magritte-design-tokens/types';

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-3iZcDHQ9.js';
+import '../media-viewer-BI9iESwV.js';
 import '../internal/ImagesLoader.js';
 
 const GALLERY_ITEM_VIRTUALIZATION_PADDING = 5;

package/public/Header.js

@@ -1,7 +1,7 @@
 import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import { NavBarDefaultPropsContext } from '@hh.ru/magritte-ui-nav-bar';
-import { s as styles } from '../media-viewer-3iZcDHQ9.js';
+import { s as styles } from '../media-viewer-BI9iESwV.js';
 
 const NAV_BAR_ACTIONS_DEFAULT_PROPS = {
     verticalAlign: 'top',

package/public/MediaViewer.d.ts

@@ -21,5 +21,7 @@ export declare const MediaViewer: FC<PropsWithChildren<{
     visible: boolean;
     /** Коллбек, вызываемый при закрытии медиавьюера */
     onClose?: VoidFunction;
+    /** Индекс слайда, который будет отображаться при открытии компонента, индексация с 0 */
+    initialItemIndex?: number;
 }> & ExplicitRegionProps> & MediaViewerCompound;
 export {};

package/public/MediaViewer.js

@@ -22,7 +22,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-3iZcDHQ9.js';
+import { s as styles } from '../media-viewer-BI9iESwV.js';
 import '../internal/ImagesLoader.js';
 import '@use-gesture/react';
 import '@hh.ru/magritte-common-resize';
@@ -264,7 +264,7 @@ const MediaViewerDialog = ({ explicitAria, fallbackLabel, dialogRef, children, .
     const hasLabel = 'aria-label' in aria || 'aria-labelledby' in aria;
     return (jsx(motion.div, { role: "dialog", "aria-modal": "true", "aria-label": hasLabel ? undefined : fallbackLabel, ...aria, ...rest, ref: dialogRef, children: children }));
 };
-const MediaViewer = ({ children, visible, onClose, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-description': ariaDescription, }) => {
+const MediaViewer = ({ children, visible, onClose, initialItemIndex = 0, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-description': ariaDescription, }) => {
     const [isVisible, setIsVisible] = useState(visible);
     const currentSlideIndex = useMotionValue(0);
     const closeProgress = useMotionValue(isVisible ? 0 : 1);
@@ -344,6 +344,7 @@ const MediaViewer = ({ children, visible, onClose, 'aria-label': ariaLabel, 'ari
     useEffect(() => {
         if (visible && !isVisible) {
             scrollEnableRef.current = disableScroll();
+            currentSlideIndex.set(initialItemIndex);
             setIsVisible(true);
             animate(contextValue.closeProgress, 0, {
                 duration: tokenSemanticAnimationTimeMDuration / 1000,

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\"]):not([type=\"hidden\"]),\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 cleanupRef = useRef(null);\n    const bindNavigationRef = useCallback((container) => {\n        if (!container) {\n            cleanupRef.current?.();\n            cleanupRef.current = null;\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        cleanupRef.current = () => {\n            container.removeEventListener('keydown', handleKeyDown);\n        };\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    type Ref,\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 {\n    AccessibleRegionProvider,\n    useAccessibleRegionProps,\n    type ExplicitRegionProps,\n} from '@hh.ru/magritte-internal-accessible-region';\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\ninterface MediaViewerDialogProps extends HTMLMotionProps<'div'> {\n    explicitAria: ExplicitRegionProps;\n    /** Плейсхолдер из переводов — используется только если метка не задана иным источником */\n    fallbackLabel: string | undefined;\n    dialogRef: Ref<HTMLDivElement>;\n}\n\n/**\n * Внутренний `role=\"dialog\"`-узел. Вынесен в отдельный компонент, потому что обязан жить **под**\n * `AccessibleRegionProvider`: только так `useAccessibleRegionProps` видит метки/описания,\n * зарегистрированные потомками, и выставляет `aria-labelledby` / `aria-describedby`. Явные\n * `aria-*` пропы при этом всё перекрывают. Метка из переводов — лишь дефолт: применяется\n * локально, только когда ни один другой источник метку не дал.\n */\nconst MediaViewerDialog: FC<MediaViewerDialogProps> = ({\n    explicitAria,\n    fallbackLabel,\n    dialogRef,\n    children,\n    ...rest\n}) => {\n    const aria = useAccessibleRegionProps(explicitAria);\n    const hasLabel = 'aria-label' in aria || 'aria-labelledby' in aria;\n\n    return (\n        <motion.div\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={hasLabel ? undefined : fallbackLabel}\n            {...aria}\n            {...rest}\n            ref={dialogRef}\n        >\n            {children}\n        </motion.div>\n    );\n};\n\nexport const MediaViewer: FC<\n    PropsWithChildren<{\n        /** Флаг видимости компонента */\n        visible: boolean;\n        /** Коллбек, вызываемый при закрытии медиавьюера */\n        onClose?: VoidFunction;\n    }> &\n        ExplicitRegionProps\n> &\n    MediaViewerCompound = ({\n    children,\n    visible,\n    onClose,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-description': ariaDescription,\n}) => {\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    const explicitAria: ExplicitRegionProps = {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledby,\n        'aria-describedby': ariaDescribedby,\n        'aria-description': ariaDescription,\n    };\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                <AccessibleRegionProvider>\n                    <Layer layer=\"media-viewer\">\n                        <MediaViewerDialog\n                            explicitAria={explicitAria}\n                            fallbackLabel={componentDescriptionTrl}\n                            className={styles.mediaViewer}\n                            {...(bindSwipeToClose() as HTMLMotionProps<'div'>)}\n                            dialogRef={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                                        ? {\n                                              '--magritte-ui-media-viewer-image-close-progress':\n                                                  contextValue.closeProgress,\n                                          }\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                        </MediaViewerDialog>\n                    </Layer>\n                </AccessibleRegionProvider>\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\"]):not([type=\"hidden\"]),\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 cleanupRef = useRef(null);\n    const bindNavigationRef = useCallback((container) => {\n        if (!container) {\n            cleanupRef.current?.();\n            cleanupRef.current = null;\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        cleanupRef.current = () => {\n            container.removeEventListener('keydown', handleKeyDown);\n        };\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    type Ref,\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 {\n    AccessibleRegionProvider,\n    useAccessibleRegionProps,\n    type ExplicitRegionProps,\n} from '@hh.ru/magritte-internal-accessible-region';\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\ninterface MediaViewerDialogProps extends HTMLMotionProps<'div'> {\n    explicitAria: ExplicitRegionProps;\n    /** Плейсхолдер из переводов — используется только если метка не задана иным источником */\n    fallbackLabel: string | undefined;\n    dialogRef: Ref<HTMLDivElement>;\n}\n\n/**\n * Внутренний `role=\"dialog\"`-узел. Вынесен в отдельный компонент, потому что обязан жить **под**\n * `AccessibleRegionProvider`: только так `useAccessibleRegionProps` видит метки/описания,\n * зарегистрированные потомками, и выставляет `aria-labelledby` / `aria-describedby`. Явные\n * `aria-*` пропы при этом всё перекрывают. Метка из переводов — лишь дефолт: применяется\n * локально, только когда ни один другой источник метку не дал.\n */\nconst MediaViewerDialog: FC<MediaViewerDialogProps> = ({\n    explicitAria,\n    fallbackLabel,\n    dialogRef,\n    children,\n    ...rest\n}) => {\n    const aria = useAccessibleRegionProps(explicitAria);\n    const hasLabel = 'aria-label' in aria || 'aria-labelledby' in aria;\n\n    return (\n        <motion.div\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={hasLabel ? undefined : fallbackLabel}\n            {...aria}\n            {...rest}\n            ref={dialogRef}\n        >\n            {children}\n        </motion.div>\n    );\n};\n\nexport const MediaViewer: FC<\n    PropsWithChildren<{\n        /** Флаг видимости компонента */\n        visible: boolean;\n        /** Коллбек, вызываемый при закрытии медиавьюера */\n        onClose?: VoidFunction;\n        /** Индекс слайда, который будет отображаться при открытии компонента, индексация с 0 */\n        initialItemIndex?: number;\n    }> &\n        ExplicitRegionProps\n> &\n    MediaViewerCompound = ({\n    children,\n    visible,\n    onClose,\n    initialItemIndex = 0,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-description': ariaDescription,\n}) => {\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    const explicitAria: ExplicitRegionProps = {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledby,\n        'aria-describedby': ariaDescribedby,\n        'aria-description': ariaDescription,\n    };\n\n    useEffect(() => {\n        if (visible && !isVisible) {\n            scrollEnableRef.current = disableScroll();\n            currentSlideIndex.set(initialItemIndex);\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                <AccessibleRegionProvider>\n                    <Layer layer=\"media-viewer\">\n                        <MediaViewerDialog\n                            explicitAria={explicitAria}\n                            fallbackLabel={componentDescriptionTrl}\n                            className={styles.mediaViewer}\n                            {...(bindSwipeToClose() as HTMLMotionProps<'div'>)}\n                            dialogRef={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                                        ? {\n                                              '--magritte-ui-media-viewer-image-close-progress':\n                                                  contextValue.closeProgress,\n                                          }\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                        </MediaViewerDialog>\n                    </Layer>\n                </AccessibleRegionProvider>\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-3iZcDHQ9.js';
+import { s as styles } from '../media-viewer-BI9iESwV.js';
 import 'classnames';
 import '@hh.ru/magritte-common-use-translation';
 import '@hh.ru/magritte-ui-bottom-sheet';

package/public/Toolbar.js

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
 import { Counter } from '../internal/Counter.js';
 import { useGalleryItemsContext } from '../internal/context.js';
-import { s as styles } from '../media-viewer-3iZcDHQ9.js';
+import { s as styles } from '../media-viewer-BI9iESwV.js';
 import 'react';
 import 'motion/react';
 import '@hh.ru/magritte-common-use-translation';

package/media-viewer-3iZcDHQ9.js

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

package/media-viewer-3iZcDHQ9.js.map

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