@hh.ru/magritte-ui-media-viewer 1.3.53 → 1.4.0

package/index.css

@@ -15,11 +15,12 @@
 .magritte-night-theme{
   --magritte-color-component-skeleton-background-content-v26-0-2:#5e5e5e3d;
 }
-.magritte-media-viewer___KnrXP_1-3-53{
+.magritte-media-viewer___KnrXP_1-4-0{
   position:fixed;
   inset:0;
   display:grid;
-  grid-template-rows:auto 1fr auto;
+  grid-template-rows:auto 1fr auto auto;
+  grid-template-areas:'header' 'gallery' 'footer' 'toolbar';
   flex-direction:column;
   touch-action:none;
   user-select:none;
@@ -27,7 +28,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-v26-0-2);
 }
-.magritte-media-viewer___KnrXP_1-3-53::before{
+.magritte-media-viewer___KnrXP_1-4-0::before{
   content:'';
   position:absolute;
   inset:0;
@@ -35,13 +36,13 @@
   opacity:var(--media-viewer-background-opacity);
   pointer-events:none;
 }
-.magritte-gallery-placeholder___rUoGL_1-3-53{
+.magritte-gallery-placeholder___rUoGL_1-4-0{
   display:flex;
   align-items:stretch;
-  grid-row:2;
+  grid-area:gallery;
   min-height:0;
 }
-.magritte-media-viewer-gallery___P0SnN_1-3-53{
+.magritte-media-viewer-gallery___P0SnN_1-4-0{
   display:grid;
   flex-grow:1;
   contain:layout size;
@@ -50,16 +51,16 @@
   inset:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-media-viewer-gallery___P0SnN_1-3-53{
+  body.magritte-old-layout .magritte-media-viewer-gallery___P0SnN_1-4-0{
     position:relative;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-media-viewer-gallery___P0SnN_1-3-53{
+  body:not(.magritte-old-layout) .magritte-media-viewer-gallery___P0SnN_1-4-0{
     position:relative;
   }
 }
-.magritte-gallery-item___Js0Z5_1-3-53{
+.magritte-gallery-item___Js0Z5_1-4-0{
   position:relative;
   grid-area:1 / 1;
   contain:size;
@@ -68,7 +69,7 @@
   overflow-y:visible;
   opacity:calc(1 - var(--magritte-ui-media-viewer-image-close-progress, 0));
 }
-.magritte-gallery-item-transform-container___N8-sA_1-3-53{
+.magritte-gallery-item-transform-container___N8-sA_1-4-0{
   position:absolute;
   top:50%;
   left:50%;
@@ -76,37 +77,37 @@
   will-change:transform;
   touch-action:none;
 }
-.magritte-preview-counter___uP2Hc_1-3-53{
+.magritte-preview-counter___uP2Hc_1-4-0{
   min-width:0;
   text-align:center;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-counter___uP2Hc_1-3-53{
+  body.magritte-old-layout .magritte-preview-counter___uP2Hc_1-4-0{
     text-align:left;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-counter___uP2Hc_1-3-53{
+  body:not(.magritte-old-layout) .magritte-preview-counter___uP2Hc_1-4-0{
     text-align:left;
   }
 }
-.magritte-preview-counter___uP2Hc_1-3-53.magritte-with-description___-w7ld_1-3-53{
+.magritte-preview-counter___uP2Hc_1-4-0.magritte-with-description___-w7ld_1-4-0{
   cursor:pointer;
 }
-.magritte-counter-number___gUpMp_1-3-53{
+.magritte-counter-number___gUpMp_1-4-0{
   display:block;
   transform:translateY(calc(18px * 0.5));
   transition:transform var(--magritte-semantic-animation-time-m-duration-v26-0-2) var(--magritte-semantic-animation-ease-base-timing-function-v26-0-2);
 }
-.magritte-with-description___-w7ld_1-3-53 .magritte-counter-number___gUpMp_1-3-53{
+.magritte-with-description___-w7ld_1-4-0 .magritte-counter-number___gUpMp_1-4-0{
   transform:translateY(0);
 }
-.magritte-no-description-placeholder___qc6h2_1-3-53{
+.magritte-no-description-placeholder___qc6h2_1-4-0{
   display:block;
   height:18px;
   padding:0;
 }
-.magritte-preview-zoom-control___026jA_1-3-53{
+.magritte-preview-zoom-control___026jA_1-4-0{
   display:flex;
   flex-direction:row;
   gap:2px;
@@ -114,27 +115,27 @@
   justify-self:end;
   grid-column:3;
 }
-.magritte-preview-container___nwjNY_1-3-53{
+.magritte-preview-container___nwjNY_1-4-0{
   display:grid;
   grid-template-columns:1fr auto 1fr;
   gap:16px;
   padding:4px 16px;
   background:var(--magritte-color-background-overlay-toolbar-v26-0-2);
   align-items:center;
-  grid-row:3;
+  grid-area:footer;
   z-index:10;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-container___nwjNY_1-3-53{
+  body.magritte-old-layout .magritte-preview-container___nwjNY_1-4-0{
     padding:16px 24px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-container___nwjNY_1-3-53{
+  body:not(.magritte-old-layout) .magritte-preview-container___nwjNY_1-4-0{
     padding:16px 24px;
   }
 }
-.magritte-preview___0Ge4C_1-3-53{
+.magritte-preview___0Ge4C_1-4-0{
   display:flex;
   flex-direction:row;
   touch-action:none;
@@ -142,18 +143,18 @@
   min-width:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview___0Ge4C_1-3-53{
+  body.magritte-old-layout .magritte-preview___0Ge4C_1-4-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-3-53{
+  body:not(.magritte-old-layout) .magritte-preview___0Ge4C_1-4-0{
     max-width:calc(((40 + 8) * (var(--media-viewer-max-visible-items) - 1) + 80) * 1px);
     overflow:hidden;
   }
 }
-.magritte-preview-list___SAXLZ_1-3-53{
+.magritte-preview-list___SAXLZ_1-4-0{
   margin-left:50%;
   contain:layout paint;
   display:flex;
@@ -163,18 +164,18 @@
   flex:0 0 auto;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-list___SAXLZ_1-3-53{
+  body.magritte-old-layout .magritte-preview-list___SAXLZ_1-4-0{
     margin:0;
     gap:8px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-list___SAXLZ_1-3-53{
+  body:not(.magritte-old-layout) .magritte-preview-list___SAXLZ_1-4-0{
     margin:0;
     gap:8px;
   }
 }
-.magritte-preview-item___gz5f2_1-3-53{
+.magritte-preview-item___gz5f2_1-4-0{
   contain:layout paint size;
   position:relative;
   flex-shrink:0;
@@ -188,33 +189,33 @@
   background-color:var(--magritte-color-component-skeleton-background-content-v26-0-2);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-item___gz5f2_1-3-53{
+  body.magritte-old-layout .magritte-preview-item___gz5f2_1-4-0{
     height:80px;
     border-radius:8px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-item___gz5f2_1-3-53{
+  body:not(.magritte-old-layout) .magritte-preview-item___gz5f2_1-4-0{
     height:80px;
     border-radius:8px;
   }
 }
-.magritte-preview-item-container___JDVsk_1-3-53{
+.magritte-preview-item-container___JDVsk_1-4-0{
   contain:layout paint size;
   overflow:hidden;
   scale:1;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-item-container___JDVsk_1-3-53{
+  body.magritte-old-layout .magritte-preview-item-container___JDVsk_1-4-0{
     scale:1.66666667;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-item-container___JDVsk_1-3-53{
+  body:not(.magritte-old-layout) .magritte-preview-item-container___JDVsk_1-4-0{
     scale:1.66666667;
   }
 }
-.magritte-preview-item-container___JDVsk_1-3-53 *{
+.magritte-preview-item-container___JDVsk_1-4-0 *{
   touch-action:none;
   position:absolute;
   top:0;
@@ -224,7 +225,7 @@
   height:100%;
   user-select:none;
 }
-.magritte-media-viewer-toolbar___2C8nr_1-3-53{
+.magritte-media-viewer-toolbar___2C8nr_1-4-0{
   background:var(--magritte-color-background-overlay-toolbar-v26-0-2);
   padding:0 8px;
   display:grid;
@@ -232,33 +233,33 @@
   align-items:center;
   height:48px;
   gap:8px;
-  grid-row:4;
+  grid-area:toolbar;
   z-index:10;
 }
-.magritte-media-viewer-toolbar___2C8nr_1-3-53.magritte-no-description___NebrT_1-3-53{
+.magritte-media-viewer-toolbar___2C8nr_1-4-0.magritte-no-description___NebrT_1-4-0{
   display:flex;
   justify-content:space-between;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-media-viewer-toolbar___2C8nr_1-3-53{
+  body.magritte-old-layout .magritte-media-viewer-toolbar___2C8nr_1-4-0{
     display:none;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-media-viewer-toolbar___2C8nr_1-3-53{
+  body:not(.magritte-old-layout) .magritte-media-viewer-toolbar___2C8nr_1-4-0{
     display:none;
   }
 }
-.magritte-media-viewer-toolbar-left___YzkJt_1-3-53,
-.magritte-media-viewer-toolbar-right___kBER9_1-3-53{
+.magritte-media-viewer-toolbar-left___YzkJt_1-4-0,
+.magritte-media-viewer-toolbar-right___kBER9_1-4-0{
   display:flex;
   gap:4px;
 }
-.magritte-media-viewer-toolbar-right___kBER9_1-3-53{
+.magritte-media-viewer-toolbar-right___kBER9_1-4-0{
   justify-content:end;
 }
-.magritte-prev-button___WMYjR_1-3-53,
-.magritte-next-button___f8hJT_1-3-53{
+.magritte-prev-button___WMYjR_1-4-0,
+.magritte-next-button___f8hJT_1-4-0{
   cursor:pointer;
   position:absolute;
   top:0;
@@ -266,40 +267,40 @@
   width:48px;
   opacity:var(--media-viewer-background-opacity);
 }
-.magritte-prev-button___WMYjR_1-3-53:active,
-.magritte-next-button___f8hJT_1-3-53:active{
+.magritte-prev-button___WMYjR_1-4-0:active,
+.magritte-next-button___f8hJT_1-4-0:active{
   background:linear-gradient(90deg, var(--magritte-gradient-component-media-viewer-background-fade-v26-0-2));
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-prev-button___WMYjR_1-3-53,
-  body.magritte-old-layout .magritte-next-button___f8hJT_1-3-53{
+  body.magritte-old-layout .magritte-prev-button___WMYjR_1-4-0,
+  body.magritte-old-layout .magritte-next-button___f8hJT_1-4-0{
     width:88px;
   }
-  body.magritte-old-layout .magritte-prev-button___WMYjR_1-3-53:active,
-  body.magritte-old-layout .magritte-next-button___f8hJT_1-3-53:active{
+  body.magritte-old-layout .magritte-prev-button___WMYjR_1-4-0:active,
+  body.magritte-old-layout .magritte-next-button___f8hJT_1-4-0:active{
     background:none;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-3-53,
-  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-3-53{
+  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-4-0,
+  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-4-0{
     width:88px;
   }
-  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-3-53:active,
-  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-3-53:active{
+  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-4-0:active,
+  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-4-0:active{
     background:none;
   }
 }
-.magritte-prev-button___WMYjR_1-3-53{
+.magritte-prev-button___WMYjR_1-4-0{
   left:0;
 }
-.magritte-prev-button___WMYjR_1-3-53:active{
+.magritte-prev-button___WMYjR_1-4-0:active{
   background:linear-gradient(270deg, var(--magritte-gradient-component-media-viewer-background-fade-v26-0-2));
 }
-.magritte-next-button___f8hJT_1-3-53{
+.magritte-next-button___f8hJT_1-4-0{
   right:0;
 }
-.magritte-slide-button___sY8LB_1-3-53{
+.magritte-slide-button___sY8LB_1-4-0{
   display:flex;
   background:none;
   padding:0;
@@ -309,7 +310,7 @@
   position:absolute;
   inset:0;
 }
-.magritte-preview-placeholder___yuhW1_1-3-53{
+.magritte-preview-placeholder___yuhW1_1-4-0{
   --magritte-media-viewer-preview-width:24px;
   --magritte-media-viewer-preview-gap:2px;
   flex:0 0 auto;
@@ -318,24 +319,24 @@
   flex-grow:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-placeholder___yuhW1_1-3-53{
+  body.magritte-old-layout .magritte-preview-placeholder___yuhW1_1-4-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-3-53{
+  body:not(.magritte-old-layout) .magritte-preview-placeholder___yuhW1_1-4-0{
     --magritte-media-viewer-preview-width:40px;
     --magritte-media-viewer-preview-gap:8px;
   }
 }
-.magritte-gallery-item-loader___70TDe_1-3-53{
+.magritte-gallery-item-loader___70TDe_1-4-0{
   position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%, -50%);
 }
-.magritte-gallery-item-error-container___Z-HyZ_1-3-53{
+.magritte-gallery-item-error-container___Z-HyZ_1-4-0{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -349,24 +350,60 @@
   width:100%;
   box-sizing:border-box;
 }
-.magritte-description-bottom-sheet-content___swnEV_1-3-53{
+.magritte-description-bottom-sheet-content___swnEV_1-4-0{
   padding:8px 0;
 }
-.magritte-header___egZXt_1-3-53{
-  grid-row:1;
+.magritte-header___egZXt_1-4-0{
+  grid-area:header;
   z-index:2;
   opacity:var(--media-viewer-toolbars-opacity);
   transform:translateY(calc(var(--magritte-ui-media-viewer-hide-tools-progress) * -100%));
   --magritte-ui-nav-bar-title-color-override:var(--magritte-color-text-constant-v26-0-2);
   --magritte-ui-nav-bar-subtitle-color-override:var(--magritte-color-text-constant-secondary-v26-0-2);
 }
-.magritte-footer___rOH-M_1-3-53{
-  grid-row:3;
+.magritte-video-indicator-slot___FX0nD_1-4-0{
+  position:relative;
+  grid-area:header;
+  z-index:1;
+  opacity:var(--media-viewer-background-opacity);
+  transform:translateY(calc(var(--magritte-ui-media-viewer-hide-tools-progress) * -100%));
+  pointer-events:none;
+}
+.magritte-video-indicator-slot-content___kir3R_1-4-0{
+  position:absolute;
+  top:100%;
+  right:0;
+  left:0;
+}
+.magritte-video-item-fill___SKpC3_1-4-0{
+  position:absolute;
+  inset:0;
+}
+.magritte-video-item-controls___oe99H_1-4-0{
+  position:absolute;
+  right:0;
+  bottom:0;
+  left:0;
+  pointer-events:none;
+  opacity:var(--media-viewer-background-opacity);
+}
+@media (min-width: 1020px){
+  body.magritte-old-layout .magritte-video-item-controls___oe99H_1-4-0.magritte-video-item-controls-with-arrows___d1JxC_1-4-0{
+    padding:0 88px;
+  }
+}
+@media (min-width: 1024px){
+  body:not(.magritte-old-layout) .magritte-video-item-controls___oe99H_1-4-0.magritte-video-item-controls-with-arrows___d1JxC_1-4-0{
+    padding:0 88px;
+  }
+}
+.magritte-footer___rOH-M_1-4-0{
+  grid-area:footer;
   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-3-53{
+.magritte-description___dYc-E_1-4-0{
   display:inline-block;
   max-width:100%;
 }

package/index.d.ts

@@ -1,4 +1,5 @@
 export { type GalleryItemProps } from './internal/GalleryItemBody';
+export { type VideoItemProps } from './internal/VideoItemBody';
 export { MediaViewer } from './public/MediaViewer';
 export { type PreviewProps } from './public/Preview';
 export { type ToolbarProps } from './public/Toolbar';

package/index.js

@@ -18,26 +18,32 @@ import './internal/utils.js';
 import './internal/hooks/useTapToToggleTools.js';
 import './internal/hooks/useVirtualization.js';
 import './public/Footer.js';
-import './media-viewer-C2yr07Xb.js';
+import './media-viewer-BdPXJpJU.js';
 import './public/Gallery.js';
 import '@hh.ru/magritte-common-resize';
 import '@hh.ru/magritte-ui-icon/icon';
 import './internal/hooks/useSwipe.js';
+import './internal/slides.js';
 import './public/GalleryItem.js';
 import './internal/GalleryItemBody.js';
 import '@hh.ru/magritte-ui-loader';
+import './internal/Slide.js';
 import './internal/hooks/useDoubleTapScale.js';
 import './internal/hooks/useGalleryItemController.js';
 import './internal/hooks/usePan.js';
 import './internal/hooks/usePinchToZoom.js';
 import './internal/hooks/useWheelToZoom.js';
 import '@hh.ru/magritte-ui-typography';
+import './public/VideoItem.js';
+import './internal/VideoItemBody.js';
+import 'classnames';
+import '@hh.ru/magritte-ui-video';
+import '@hh.ru/magritte-ui-video/internal/context';
 import './public/Header.js';
 import './public/headerDefaults.js';
 import '@hh.ru/magritte-ui-nav-bar';
 import './public/Preview.js';
 import './internal/Counter.js';
-import 'classnames';
 import '@hh.ru/magritte-ui-bottom-sheet';
 import '@hh.ru/magritte-ui-tooltip';
 import './internal/PreviewItem.js';
@@ -47,4 +53,5 @@ import './public/Toolbar.js';
 import '@hh.ru/magritte-ui-icon';
 import './public/Tools.js';
 import './internal/ImagesLoader.js';
+import './internal/toolsVisibility.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

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

package/index.mock.js

@@ -10,6 +10,7 @@ const MediaViewer = mockComponent(
     GalleryItem: mockComponent("GalleryItem", void 0, {
       withChildren: true
     }),
+    VideoItem: mockComponent("VideoItem"),
     Preview: mockComponent("Preview", void 0, {
       withChildren: true
     }),

package/index.mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const MediaViewer = mockComponent(\n    'MediaViewer',\n    {\n        Gallery: mockComponent('Gallery', undefined, {\n            withChildren: true,\n        }),\n        GalleryItem: mockComponent('GalleryItem', undefined, {\n            withChildren: true,\n        }),\n        Preview: mockComponent('Preview', undefined, {\n            withChildren: true,\n        }),\n        Toolbar: mockComponent('Toolbar', undefined, {\n            withChildren: true,\n        }),\n        Header: mockComponent('Header', undefined, {\n            withChildren: true,\n        }),\n        Footer: mockComponent('Footer', undefined, {\n            withChildren: true,\n        }),\n        DesktopTool: mockComponent('DesktopTool', undefined, {\n            withChildren: true,\n        }),\n        MobileTool: mockComponent('MobileTool', undefined, {\n            withChildren: true,\n        }),\n        RotateTool: mockComponent('RotateTool', undefined, {\n            withChildren: true,\n        }),\n        CloseTool: mockComponent('CloseTool', undefined, {\n            withChildren: true,\n        }),\n        FullWidthTool: mockComponent('FullWidthTool', undefined, {\n            withChildren: true,\n        }),\n    },\n    {\n        withChildren: true,\n    }\n);\n\nexport const useMediaViewerControls = (): {\n    goToSlideIndex: (index: number) => void;\n    close: VoidFunction;\n} => {\n    return {\n        goToSlideIndex: () => {},\n        close: () => {},\n    };\n};\n\nexport const useMediaViewerInfo = (): {\n    currentSlideIndex: number;\n    totalSlides: number;\n} => {\n    return {\n        currentSlideIndex: 0,\n        totalSlides: 1,\n    };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,WAAc,GAAA,aAAA;AAAA,EACvB,aAAA;AAAA,EACA;AAAA,IACI,OAAA,EAAS,aAAc,CAAA,SAAA,EAAW,KAAW,CAAA,EAAA;AAAA,MACzC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,WAAA,EAAa,aAAc,CAAA,aAAA,EAAe,KAAW,CAAA,EAAA;AAAA,MACjD,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,OAAA,EAAS,aAAc,CAAA,SAAA,EAAW,KAAW,CAAA,EAAA;AAAA,MACzC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,OAAA,EAAS,aAAc,CAAA,SAAA,EAAW,KAAW,CAAA,EAAA;AAAA,MACzC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,MAAA,EAAQ,aAAc,CAAA,QAAA,EAAU,KAAW,CAAA,EAAA;AAAA,MACvC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,MAAA,EAAQ,aAAc,CAAA,QAAA,EAAU,KAAW,CAAA,EAAA;AAAA,MACvC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,WAAA,EAAa,aAAc,CAAA,aAAA,EAAe,KAAW,CAAA,EAAA;AAAA,MACjD,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,UAAA,EAAY,aAAc,CAAA,YAAA,EAAc,KAAW,CAAA,EAAA;AAAA,MAC/C,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,UAAA,EAAY,aAAc,CAAA,YAAA,EAAc,KAAW,CAAA,EAAA;AAAA,MAC/C,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,SAAA,EAAW,aAAc,CAAA,WAAA,EAAa,KAAW,CAAA,EAAA;AAAA,MAC7C,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,aAAA,EAAe,aAAc,CAAA,eAAA,EAAiB,KAAW,CAAA,EAAA;AAAA,MACrD,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,GACL;AAAA,EACA;AAAA,IACI,YAAc,EAAA,IAAA;AAAA,GAClB;AACJ,EAAA;AAEO,MAAM,yBAAyB,MAGjC;AACD,EAAO,OAAA;AAAA,IACH,gBAAgB,MAAM;AAAA,KAAC;AAAA,IACvB,OAAO,MAAM;AAAA,KAAC;AAAA,GAClB,CAAA;AACJ,EAAA;AAEO,MAAM,qBAAqB,MAG7B;AACD,EAAO,OAAA;AAAA,IACH,iBAAmB,EAAA,CAAA;AAAA,IACnB,WAAa,EAAA,CAAA;AAAA,GACjB,CAAA;AACJ;;;;"}
+{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const MediaViewer = mockComponent(\n    'MediaViewer',\n    {\n        Gallery: mockComponent('Gallery', undefined, {\n            withChildren: true,\n        }),\n        GalleryItem: mockComponent('GalleryItem', undefined, {\n            withChildren: true,\n        }),\n        VideoItem: mockComponent('VideoItem'),\n        Preview: mockComponent('Preview', undefined, {\n            withChildren: true,\n        }),\n        Toolbar: mockComponent('Toolbar', undefined, {\n            withChildren: true,\n        }),\n        Header: mockComponent('Header', undefined, {\n            withChildren: true,\n        }),\n        Footer: mockComponent('Footer', undefined, {\n            withChildren: true,\n        }),\n        DesktopTool: mockComponent('DesktopTool', undefined, {\n            withChildren: true,\n        }),\n        MobileTool: mockComponent('MobileTool', undefined, {\n            withChildren: true,\n        }),\n        RotateTool: mockComponent('RotateTool', undefined, {\n            withChildren: true,\n        }),\n        CloseTool: mockComponent('CloseTool', undefined, {\n            withChildren: true,\n        }),\n        FullWidthTool: mockComponent('FullWidthTool', undefined, {\n            withChildren: true,\n        }),\n    },\n    {\n        withChildren: true,\n    }\n);\n\nexport const useMediaViewerControls = (): {\n    goToSlideIndex: (index: number) => void;\n    close: VoidFunction;\n} => {\n    return {\n        goToSlideIndex: () => {},\n        close: () => {},\n    };\n};\n\nexport const useMediaViewerInfo = (): {\n    currentSlideIndex: number;\n    totalSlides: number;\n} => {\n    return {\n        currentSlideIndex: 0,\n        totalSlides: 1,\n    };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,WAAc,GAAA,aAAA;AAAA,EACvB,aAAA;AAAA,EACA;AAAA,IACI,OAAA,EAAS,aAAc,CAAA,SAAA,EAAW,KAAW,CAAA,EAAA;AAAA,MACzC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,WAAA,EAAa,aAAc,CAAA,aAAA,EAAe,KAAW,CAAA,EAAA;AAAA,MACjD,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,SAAA,EAAW,cAAc,WAAW,CAAA;AAAA,IACpC,OAAA,EAAS,aAAc,CAAA,SAAA,EAAW,KAAW,CAAA,EAAA;AAAA,MACzC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,OAAA,EAAS,aAAc,CAAA,SAAA,EAAW,KAAW,CAAA,EAAA;AAAA,MACzC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,MAAA,EAAQ,aAAc,CAAA,QAAA,EAAU,KAAW,CAAA,EAAA;AAAA,MACvC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,MAAA,EAAQ,aAAc,CAAA,QAAA,EAAU,KAAW,CAAA,EAAA;AAAA,MACvC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,WAAA,EAAa,aAAc,CAAA,aAAA,EAAe,KAAW,CAAA,EAAA;AAAA,MACjD,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,UAAA,EAAY,aAAc,CAAA,YAAA,EAAc,KAAW,CAAA,EAAA;AAAA,MAC/C,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,UAAA,EAAY,aAAc,CAAA,YAAA,EAAc,KAAW,CAAA,EAAA;AAAA,MAC/C,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,SAAA,EAAW,aAAc,CAAA,WAAA,EAAa,KAAW,CAAA,EAAA;AAAA,MAC7C,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,aAAA,EAAe,aAAc,CAAA,eAAA,EAAiB,KAAW,CAAA,EAAA;AAAA,MACrD,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,GACL;AAAA,EACA;AAAA,IACI,YAAc,EAAA,IAAA;AAAA,GAClB;AACJ,EAAA;AAEO,MAAM,yBAAyB,MAGjC;AACD,EAAO,OAAA;AAAA,IACH,gBAAgB,MAAM;AAAA,KAAC;AAAA,IACvB,OAAO,MAAM;AAAA,KAAC;AAAA,GAClB,CAAA;AACJ,EAAA;AAEO,MAAM,qBAAqB,MAG7B;AACD,EAAO,OAAA;AAAA,IACH,iBAAmB,EAAA,CAAA;AAAA,IACnB,WAAa,EAAA,CAAA;AAAA,GACjB,CAAA;AACJ;;;;"}

package/internal/Counter.d.ts

@@ -1,6 +1,6 @@
-import { type FC, type ReactElement } from 'react';
-import type { GalleryItemProps } from '../internal/GalleryItemBody';
-export declare const hasCounterContent: (items: ReactElement<GalleryItemProps>[]) => boolean;
+import { type FC } from 'react';
+import type { SlideElement } from '../internal/slides';
+export declare const hasCounterContent: (items: SlideElement[]) => boolean;
 export declare const Counter: FC<{
-    items: ReactElement<GalleryItemProps>[];
+    items: SlideElement[];
 }>;

package/internal/Counter.js

@@ -8,11 +8,12 @@ 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-C2yr07Xb.js';
+import { s as styles } from '../media-viewer-BdPXJpJU.js';
 import './ImagesLoader.js';
-import './utils.js';
+import './toolsVisibility.js';
 import '@hh.ru/magritte-design-tokens/core-tokens';
 import './animations.js';
+import './utils.js';
 
 const hasCounterContent = (items) => items.length > 1 || items.some((item) => !!item.props.description);
 const Counter = ({ items }) => {

package/internal/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["src/internal/Counter.tsx"],"sourcesContent":["import { type FC, type ReactElement, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useMotionValueEvent } from 'motion/react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport type { GalleryItemProps } from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';\nimport { useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { TooltipHover } from '@hh.ru/magritte-ui-tooltip';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../public/media-viewer.less';\n\nexport const hasCounterContent = (items: ReactElement<GalleryItemProps>[]): boolean =>\n    items.length > 1 || items.some((item) => !!item.props.description);\n\nexport const Counter: FC<{ items: ReactElement<GalleryItemProps>[] }> = ({ items }) => {\n    const globalContext = useMediaViewerContext();\n    const [currentItemIndex, setCurrentItemIndex] = useState(Math.round(globalContext.currentSlideIndex.get()));\n    const [showDescription, setShowDescription] = useState(false);\n    const description = items[currentItemIndex]?.props.description;\n    const elementRef = useRef<HTMLDivElement>(null);\n\n    useMotionValueEvent(globalContext.currentSlideIndex, 'change', (newIndex) => {\n        setShowDescription(false);\n        setCurrentItemIndex(Math.round(newIndex));\n    });\n\n    const ofTrl = useTranslation('MediaViewer', 'of');\n\n    if (!hasCounterContent(items)) {\n        return null;\n    }\n\n    const showCounterNumber = items.length > 1;\n\n    return (\n        <div\n            className={classNames(styles.previewCounter, { [styles.withDescription]: !!description })}\n            onClick={() => {\n                setShowDescription(!!description);\n            }}\n        >\n            {showCounterNumber && (\n                <span className={styles.counterNumber} aria-atomic=\"true\" aria-live=\"polite\">\n                    <Text\n                        style=\"constant\"\n                        typography=\"subtitle-1-semibold\"\n                        ellipsis\n                    >{`${currentItemIndex + 1} ${ofTrl} ${items.length}`}</Text>\n                </span>\n            )}\n            {!!description && (\n                <>\n                    <span ref={elementRef} className={styles.description}>\n                        <Text style=\"constant-secondary\" typography=\"label-4-regular\" ellipsis>\n                            {description}\n                        </Text>\n                    </span>\n                    <TooltipHover\n                        placement={'top-center'}\n                        activatorRef={elementRef}\n                        size=\"small\"\n                        onClose={() => setShowDescription(false)}\n                        ignoreIntersections={false}\n                    >\n                        {description}\n                    </TooltipHover>\n                    <BottomSheet visible={showDescription} onClose={() => setShowDescription(false)}>\n                        <div className={styles.descriptionBottomSheetContent}>\n                            <Text style=\"primary\" typography=\"paragraph-2-regular\">\n                                {description}\n                            </Text>\n                        </div>\n                    </BottomSheet>\n                </>\n            )}\n            {!description && <span className={styles.noDescriptionPlaceholder}></span>}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Counter.js","sources":["src/internal/Counter.tsx"],"sourcesContent":["import { type FC, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useMotionValueEvent } from 'motion/react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport type { SlideElement } from '@hh.ru/magritte-ui-media-viewer/internal/slides';\nimport { TooltipHover } from '@hh.ru/magritte-ui-tooltip';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../public/media-viewer.less';\n\nexport const hasCounterContent = (items: SlideElement[]): boolean =>\n    items.length > 1 || items.some((item) => !!item.props.description);\n\nexport const Counter: FC<{ items: SlideElement[] }> = ({ items }) => {\n    const globalContext = useMediaViewerContext();\n    const [currentItemIndex, setCurrentItemIndex] = useState(Math.round(globalContext.currentSlideIndex.get()));\n    const [showDescription, setShowDescription] = useState(false);\n    const description = items[currentItemIndex]?.props.description;\n    const elementRef = useRef<HTMLDivElement>(null);\n\n    useMotionValueEvent(globalContext.currentSlideIndex, 'change', (newIndex) => {\n        setShowDescription(false);\n        setCurrentItemIndex(Math.round(newIndex));\n    });\n\n    const ofTrl = useTranslation('MediaViewer', 'of');\n\n    if (!hasCounterContent(items)) {\n        return null;\n    }\n\n    const showCounterNumber = items.length > 1;\n\n    return (\n        <div\n            className={classNames(styles.previewCounter, { [styles.withDescription]: !!description })}\n            onClick={() => {\n                setShowDescription(!!description);\n            }}\n        >\n            {showCounterNumber && (\n                <span className={styles.counterNumber} aria-atomic=\"true\" aria-live=\"polite\">\n                    <Text\n                        style=\"constant\"\n                        typography=\"subtitle-1-semibold\"\n                        ellipsis\n                    >{`${currentItemIndex + 1} ${ofTrl} ${items.length}`}</Text>\n                </span>\n            )}\n            {!!description && (\n                <>\n                    <span ref={elementRef} className={styles.description}>\n                        <Text style=\"constant-secondary\" typography=\"label-4-regular\" ellipsis>\n                            {description}\n                        </Text>\n                    </span>\n                    <TooltipHover\n                        placement={'top-center'}\n                        activatorRef={elementRef}\n                        size=\"small\"\n                        onClose={() => setShowDescription(false)}\n                        ignoreIntersections={false}\n                    >\n                        {description}\n                    </TooltipHover>\n                    <BottomSheet visible={showDescription} onClose={() => setShowDescription(false)}>\n                        <div className={styles.descriptionBottomSheetContent}>\n                            <Text style=\"primary\" typography=\"paragraph-2-regular\">\n                                {description}\n                            </Text>\n                        </div>\n                    </BottomSheet>\n                </>\n            )}\n            {!description && <span className={styles.noDescriptionPlaceholder}></span>}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/internal/GalleryItemBody.d.ts

@@ -5,7 +5,9 @@ export interface GalleryItemProps {
     description?: string;
     /** URL изображения */
     src: string;
-    /** URL превью изображения */
+    /** URL превью изображения для ленты миниатюр. Если не передан, используется `src` */
+    preview?: string;
+    /** @deprecated Используйте `preview` */
     previewSrc?: string;
 }
 /** Внутренние пропсы GalleryItem — включают index, инжектируемый Gallery */