@hh.ru/magritte-ui-media-viewer 1.2.26 → 1.2.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/index.css +64 -64
  2. package/index.js +1 -1
  3. package/internal/Counter.js +1 -1
  4. package/internal/GalleryItemBody.js +1 -1
  5. package/internal/PreviewItem.js +1 -1
  6. package/internal/PreviewItemBody.js +1 -1
  7. package/internal/PreviewZoomControl.js +1 -1
  8. package/media-viewer-D3n9dkl0.js +5 -0
  9. package/media-viewer-D3n9dkl0.js.map +1 -0
  10. package/package.json +4 -4
  11. package/public/Footer.js +1 -1
  12. package/public/Gallery.js +17 -19
  13. package/public/Gallery.js.map +1 -1
  14. package/public/GalleryItem.js +1 -1
  15. package/public/Header.js +1 -1
  16. package/public/MediaViewer.js +1 -1
  17. package/public/Preview.js +1 -1
  18. package/public/Toolbar.js +1 -1
  19. package/media-viewer-DrF0tQ2k.js +0 -5
  20. package/media-viewer-DrF0tQ2k.js.map +0 -1
package/index.css CHANGED
@@ -13,7 +13,7 @@
13
13
  .magritte-night-theme{
14
14
  --magritte-color-component-skeleton-background-content-v24-6-0:#5e5e5e3d;
15
15
  }
16
- .magritte-media-viewer___KnrXP_1-2-26{
16
+ .magritte-media-viewer___KnrXP_1-2-27{
17
17
  position:fixed;
18
18
  inset:0;
19
19
  display:grid;
@@ -25,7 +25,7 @@
25
25
  --media-viewer-background-opacity:calc(1 - var(--magritte-ui-media-viewer-close-progress));
26
26
  --magritte-ui-nav-bar-background-color-override:var(--magritte-color-background-overlay-toolbar-v24-6-0);
27
27
  }
28
- .magritte-media-viewer___KnrXP_1-2-26::before{
28
+ .magritte-media-viewer___KnrXP_1-2-27::before{
29
29
  content:'';
30
30
  position:absolute;
31
31
  inset:0;
@@ -33,13 +33,13 @@
33
33
  opacity:var(--media-viewer-background-opacity);
34
34
  pointer-events:none;
35
35
  }
36
- .magritte-gallery-placeholder___rUoGL_1-2-26{
36
+ .magritte-gallery-placeholder___rUoGL_1-2-27{
37
37
  display:flex;
38
38
  align-items:stretch;
39
39
  grid-row:2;
40
40
  min-height:0;
41
41
  }
42
- .magritte-media-viewer-gallery___P0SnN_1-2-26{
42
+ .magritte-media-viewer-gallery___P0SnN_1-2-27{
43
43
  display:grid;
44
44
  flex-grow:1;
45
45
  contain:layout size;
@@ -48,16 +48,16 @@
48
48
  inset:0;
49
49
  }
50
50
  @media (min-width: 1020px){
51
- body.magritte-old-layout .magritte-media-viewer-gallery___P0SnN_1-2-26{
51
+ body.magritte-old-layout .magritte-media-viewer-gallery___P0SnN_1-2-27{
52
52
  position:relative;
53
53
  }
54
54
  }
55
55
  @media (min-width: 1024px){
56
- body:not(.magritte-old-layout) .magritte-media-viewer-gallery___P0SnN_1-2-26{
56
+ body:not(.magritte-old-layout) .magritte-media-viewer-gallery___P0SnN_1-2-27{
57
57
  position:relative;
58
58
  }
59
59
  }
60
- .magritte-gallery-item___Js0Z5_1-2-26{
60
+ .magritte-gallery-item___Js0Z5_1-2-27{
61
61
  position:relative;
62
62
  grid-area:1 / 1;
63
63
  contain:size;
@@ -66,7 +66,7 @@
66
66
  overflow-y:visible;
67
67
  opacity:calc(1 - var(--magritte-ui-media-viewer-image-close-progress, 0));
68
68
  }
69
- .magritte-gallery-item-transform-container___N8-sA_1-2-26{
69
+ .magritte-gallery-item-transform-container___N8-sA_1-2-27{
70
70
  position:absolute;
71
71
  top:50%;
72
72
  left:50%;
@@ -74,44 +74,44 @@
74
74
  will-change:transform;
75
75
  touch-action:none;
76
76
  }
77
- .magritte-preview-counter___uP2Hc_1-2-26{
77
+ .magritte-preview-counter___uP2Hc_1-2-27{
78
78
  min-width:0;
79
79
  text-align:center;
80
80
  }
81
81
  @media (min-width: 1020px){
82
- body.magritte-old-layout .magritte-preview-counter___uP2Hc_1-2-26{
82
+ body.magritte-old-layout .magritte-preview-counter___uP2Hc_1-2-27{
83
83
  text-align:left;
84
84
  }
85
85
  }
86
86
  @media (min-width: 1024px){
87
- body:not(.magritte-old-layout) .magritte-preview-counter___uP2Hc_1-2-26{
87
+ body:not(.magritte-old-layout) .magritte-preview-counter___uP2Hc_1-2-27{
88
88
  text-align:left;
89
89
  }
90
90
  }
91
- .magritte-preview-counter___uP2Hc_1-2-26.magritte-with-description___-w7ld_1-2-26{
91
+ .magritte-preview-counter___uP2Hc_1-2-27.magritte-with-description___-w7ld_1-2-27{
92
92
  cursor:pointer;
93
93
  }
94
- .magritte-counter-number___gUpMp_1-2-26{
94
+ .magritte-counter-number___gUpMp_1-2-27{
95
95
  display:block;
96
96
  transform:translateY(calc(18px * 0.5));
97
97
  transition:transform var(--magritte-semantic-animation-time-m-duration-v24-6-0) var(--magritte-semantic-animation-ease-base-timing-function-v24-6-0);
98
98
  }
99
- .magritte-with-description___-w7ld_1-2-26 .magritte-counter-number___gUpMp_1-2-26{
99
+ .magritte-with-description___-w7ld_1-2-27 .magritte-counter-number___gUpMp_1-2-27{
100
100
  transform:translateY(0);
101
101
  }
102
- .magritte-no-description-placeholder___qc6h2_1-2-26{
102
+ .magritte-no-description-placeholder___qc6h2_1-2-27{
103
103
  display:block;
104
104
  height:18px;
105
105
  padding:0;
106
106
  }
107
- .magritte-preview-zoom-control___026jA_1-2-26{
107
+ .magritte-preview-zoom-control___026jA_1-2-27{
108
108
  display:flex;
109
109
  flex-direction:row;
110
110
  gap:2px;
111
111
  align-items:center;
112
112
  justify-self:end;
113
113
  }
114
- .magritte-preview-container___nwjNY_1-2-26{
114
+ .magritte-preview-container___nwjNY_1-2-27{
115
115
  display:grid;
116
116
  grid-template-columns:1fr auto 1fr;
117
117
  gap:16px;
@@ -122,16 +122,16 @@
122
122
  z-index:10;
123
123
  }
124
124
  @media (min-width: 1020px){
125
- body.magritte-old-layout .magritte-preview-container___nwjNY_1-2-26{
125
+ body.magritte-old-layout .magritte-preview-container___nwjNY_1-2-27{
126
126
  padding:16px 24px;
127
127
  }
128
128
  }
129
129
  @media (min-width: 1024px){
130
- body:not(.magritte-old-layout) .magritte-preview-container___nwjNY_1-2-26{
130
+ body:not(.magritte-old-layout) .magritte-preview-container___nwjNY_1-2-27{
131
131
  padding:16px 24px;
132
132
  }
133
133
  }
134
- .magritte-preview___0Ge4C_1-2-26{
134
+ .magritte-preview___0Ge4C_1-2-27{
135
135
  display:flex;
136
136
  flex-direction:row;
137
137
  touch-action:none;
@@ -139,18 +139,18 @@
139
139
  min-width:0;
140
140
  }
141
141
  @media (min-width: 1020px){
142
- body.magritte-old-layout .magritte-preview___0Ge4C_1-2-26{
142
+ body.magritte-old-layout .magritte-preview___0Ge4C_1-2-27{
143
143
  max-width:calc(((40 + 8) * (var(--media-viewer-max-visible-items) - 1) + 80) * 1px);
144
144
  overflow:hidden;
145
145
  }
146
146
  }
147
147
  @media (min-width: 1024px){
148
- body:not(.magritte-old-layout) .magritte-preview___0Ge4C_1-2-26{
148
+ body:not(.magritte-old-layout) .magritte-preview___0Ge4C_1-2-27{
149
149
  max-width:calc(((40 + 8) * (var(--media-viewer-max-visible-items) - 1) + 80) * 1px);
150
150
  overflow:hidden;
151
151
  }
152
152
  }
153
- .magritte-preview-list___SAXLZ_1-2-26{
153
+ .magritte-preview-list___SAXLZ_1-2-27{
154
154
  margin-left:50%;
155
155
  contain:layout paint;
156
156
  display:flex;
@@ -160,18 +160,18 @@
160
160
  flex:0 0 auto;
161
161
  }
162
162
  @media (min-width: 1020px){
163
- body.magritte-old-layout .magritte-preview-list___SAXLZ_1-2-26{
163
+ body.magritte-old-layout .magritte-preview-list___SAXLZ_1-2-27{
164
164
  margin:0;
165
165
  gap:8px;
166
166
  }
167
167
  }
168
168
  @media (min-width: 1024px){
169
- body:not(.magritte-old-layout) .magritte-preview-list___SAXLZ_1-2-26{
169
+ body:not(.magritte-old-layout) .magritte-preview-list___SAXLZ_1-2-27{
170
170
  margin:0;
171
171
  gap:8px;
172
172
  }
173
173
  }
174
- .magritte-preview-item___gz5f2_1-2-26{
174
+ .magritte-preview-item___gz5f2_1-2-27{
175
175
  contain:layout paint size;
176
176
  position:relative;
177
177
  flex-shrink:0;
@@ -185,33 +185,33 @@
185
185
  background-color:var(--magritte-color-component-skeleton-background-content-v24-6-0);
186
186
  }
187
187
  @media (min-width: 1020px){
188
- body.magritte-old-layout .magritte-preview-item___gz5f2_1-2-26{
188
+ body.magritte-old-layout .magritte-preview-item___gz5f2_1-2-27{
189
189
  height:80px;
190
190
  border-radius:8px;
191
191
  }
192
192
  }
193
193
  @media (min-width: 1024px){
194
- body:not(.magritte-old-layout) .magritte-preview-item___gz5f2_1-2-26{
194
+ body:not(.magritte-old-layout) .magritte-preview-item___gz5f2_1-2-27{
195
195
  height:80px;
196
196
  border-radius:8px;
197
197
  }
198
198
  }
199
- .magritte-preview-item-container___JDVsk_1-2-26{
199
+ .magritte-preview-item-container___JDVsk_1-2-27{
200
200
  contain:layout paint size;
201
201
  overflow:hidden;
202
202
  scale:1;
203
203
  }
204
204
  @media (min-width: 1020px){
205
- body.magritte-old-layout .magritte-preview-item-container___JDVsk_1-2-26{
205
+ body.magritte-old-layout .magritte-preview-item-container___JDVsk_1-2-27{
206
206
  scale:1.66666667;
207
207
  }
208
208
  }
209
209
  @media (min-width: 1024px){
210
- body:not(.magritte-old-layout) .magritte-preview-item-container___JDVsk_1-2-26{
210
+ body:not(.magritte-old-layout) .magritte-preview-item-container___JDVsk_1-2-27{
211
211
  scale:1.66666667;
212
212
  }
213
213
  }
214
- .magritte-preview-item-container___JDVsk_1-2-26 *{
214
+ .magritte-preview-item-container___JDVsk_1-2-27 *{
215
215
  touch-action:none;
216
216
  position:absolute;
217
217
  top:0;
@@ -221,7 +221,7 @@
221
221
  height:100%;
222
222
  user-select:none;
223
223
  }
224
- .magritte-media-viewer-toolbar___2C8nr_1-2-26{
224
+ .magritte-media-viewer-toolbar___2C8nr_1-2-27{
225
225
  background:var(--magritte-color-background-overlay-toolbar-v24-6-0);
226
226
  padding:0 8px;
227
227
  display:grid;
@@ -232,30 +232,30 @@
232
232
  grid-row:4;
233
233
  z-index:10;
234
234
  }
235
- .magritte-media-viewer-toolbar___2C8nr_1-2-26.magritte-no-description___NebrT_1-2-26{
235
+ .magritte-media-viewer-toolbar___2C8nr_1-2-27.magritte-no-description___NebrT_1-2-27{
236
236
  display:flex;
237
237
  justify-content:space-between;
238
238
  }
239
239
  @media (min-width: 1020px){
240
- body.magritte-old-layout .magritte-media-viewer-toolbar___2C8nr_1-2-26{
240
+ body.magritte-old-layout .magritte-media-viewer-toolbar___2C8nr_1-2-27{
241
241
  display:none;
242
242
  }
243
243
  }
244
244
  @media (min-width: 1024px){
245
- body:not(.magritte-old-layout) .magritte-media-viewer-toolbar___2C8nr_1-2-26{
245
+ body:not(.magritte-old-layout) .magritte-media-viewer-toolbar___2C8nr_1-2-27{
246
246
  display:none;
247
247
  }
248
248
  }
249
- .magritte-media-viewer-toolbar-left___YzkJt_1-2-26,
250
- .magritte-media-viewer-toolbar-right___kBER9_1-2-26{
249
+ .magritte-media-viewer-toolbar-left___YzkJt_1-2-27,
250
+ .magritte-media-viewer-toolbar-right___kBER9_1-2-27{
251
251
  display:flex;
252
252
  gap:4px;
253
253
  }
254
- .magritte-media-viewer-toolbar-right___kBER9_1-2-26{
254
+ .magritte-media-viewer-toolbar-right___kBER9_1-2-27{
255
255
  justify-content:end;
256
256
  }
257
- .magritte-prev-button___WMYjR_1-2-26,
258
- .magritte-next-button___f8hJT_1-2-26{
257
+ .magritte-prev-button___WMYjR_1-2-27,
258
+ .magritte-next-button___f8hJT_1-2-27{
259
259
  cursor:pointer;
260
260
  position:absolute;
261
261
  top:0;
@@ -263,40 +263,40 @@
263
263
  width:48px;
264
264
  opacity:var(--media-viewer-background-opacity);
265
265
  }
266
- .magritte-prev-button___WMYjR_1-2-26:active,
267
- .magritte-next-button___f8hJT_1-2-26:active{
266
+ .magritte-prev-button___WMYjR_1-2-27:active,
267
+ .magritte-next-button___f8hJT_1-2-27:active{
268
268
  background:linear-gradient(90deg, var(--magritte-gradient-component-media-viewer-background-fade-v24-6-0));
269
269
  }
270
270
  @media (min-width: 1020px){
271
- body.magritte-old-layout .magritte-prev-button___WMYjR_1-2-26,
272
- body.magritte-old-layout .magritte-next-button___f8hJT_1-2-26{
271
+ body.magritte-old-layout .magritte-prev-button___WMYjR_1-2-27,
272
+ body.magritte-old-layout .magritte-next-button___f8hJT_1-2-27{
273
273
  width:88px;
274
274
  }
275
- body.magritte-old-layout .magritte-prev-button___WMYjR_1-2-26:active,
276
- body.magritte-old-layout .magritte-next-button___f8hJT_1-2-26:active{
275
+ body.magritte-old-layout .magritte-prev-button___WMYjR_1-2-27:active,
276
+ body.magritte-old-layout .magritte-next-button___f8hJT_1-2-27:active{
277
277
  background:none;
278
278
  }
279
279
  }
280
280
  @media (min-width: 1024px){
281
- body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-2-26,
282
- body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-2-26{
281
+ body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-2-27,
282
+ body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-2-27{
283
283
  width:88px;
284
284
  }
285
- body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-2-26:active,
286
- body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-2-26:active{
285
+ body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-2-27:active,
286
+ body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-2-27:active{
287
287
  background:none;
288
288
  }
289
289
  }
290
- .magritte-prev-button___WMYjR_1-2-26{
290
+ .magritte-prev-button___WMYjR_1-2-27{
291
291
  left:0;
292
292
  }
293
- .magritte-prev-button___WMYjR_1-2-26:active{
293
+ .magritte-prev-button___WMYjR_1-2-27:active{
294
294
  background:linear-gradient(270deg, var(--magritte-gradient-component-media-viewer-background-fade-v24-6-0));
295
295
  }
296
- .magritte-next-button___f8hJT_1-2-26{
296
+ .magritte-next-button___f8hJT_1-2-27{
297
297
  right:0;
298
298
  }
299
- .magritte-slide-button___sY8LB_1-2-26{
299
+ .magritte-slide-button___sY8LB_1-2-27{
300
300
  display:flex;
301
301
  background:none;
302
302
  padding:0;
@@ -306,7 +306,7 @@
306
306
  position:absolute;
307
307
  inset:0;
308
308
  }
309
- .magritte-preview-placeholder___yuhW1_1-2-26{
309
+ .magritte-preview-placeholder___yuhW1_1-2-27{
310
310
  --magritte-media-viewer-preview-width:24px;
311
311
  --magritte-media-viewer-preview-gap:2px;
312
312
  flex:0 0 auto;
@@ -315,24 +315,24 @@
315
315
  flex-grow:0;
316
316
  }
317
317
  @media (min-width: 1020px){
318
- body.magritte-old-layout .magritte-preview-placeholder___yuhW1_1-2-26{
318
+ body.magritte-old-layout .magritte-preview-placeholder___yuhW1_1-2-27{
319
319
  --magritte-media-viewer-preview-width:40px;
320
320
  --magritte-media-viewer-preview-gap:8px;
321
321
  }
322
322
  }
323
323
  @media (min-width: 1024px){
324
- body:not(.magritte-old-layout) .magritte-preview-placeholder___yuhW1_1-2-26{
324
+ body:not(.magritte-old-layout) .magritte-preview-placeholder___yuhW1_1-2-27{
325
325
  --magritte-media-viewer-preview-width:40px;
326
326
  --magritte-media-viewer-preview-gap:8px;
327
327
  }
328
328
  }
329
- .magritte-gallery-item-loader___70TDe_1-2-26{
329
+ .magritte-gallery-item-loader___70TDe_1-2-27{
330
330
  position:absolute;
331
331
  top:50%;
332
332
  left:50%;
333
333
  transform:translate(-50%, -50%);
334
334
  }
335
- .magritte-gallery-item-error-container___Z-HyZ_1-2-26{
335
+ .magritte-gallery-item-error-container___Z-HyZ_1-2-27{
336
336
  display:flex;
337
337
  flex-direction:column;
338
338
  align-items:center;
@@ -346,22 +346,22 @@
346
346
  width:100%;
347
347
  box-sizing:border-box;
348
348
  }
349
- .magritte-description-bottom-sheet-content___swnEV_1-2-26{
349
+ .magritte-description-bottom-sheet-content___swnEV_1-2-27{
350
350
  padding:8px 0;
351
351
  }
352
- .magritte-header___egZXt_1-2-26{
352
+ .magritte-header___egZXt_1-2-27{
353
353
  grid-row:1;
354
354
  z-index:2;
355
355
  opacity:var(--media-viewer-toolbars-opacity);
356
356
  transform:translateY(calc(var(--magritte-ui-media-viewer-hide-tools-progress) * -100%));
357
357
  }
358
- .magritte-footer___rOH-M_1-2-26{
358
+ .magritte-footer___rOH-M_1-2-27{
359
359
  grid-row:3;
360
360
  z-index:2;
361
361
  opacity:var(--media-viewer-toolbars-opacity);
362
362
  transform:translateY(calc(var(--magritte-ui-media-viewer-hide-tools-progress) * 100%));
363
363
  }
364
- .magritte-description___dYc-E_1-2-26{
364
+ .magritte-description___dYc-E_1-2-27{
365
365
  display:inline-block;
366
366
  max-width:100%;
367
367
  }
package/index.js CHANGED
@@ -17,7 +17,7 @@ import './internal/utils.js';
17
17
  import './internal/hooks/useTapToToggleTools.js';
18
18
  import './internal/hooks/useVirtualization.js';
19
19
  import './public/Footer.js';
20
- import './media-viewer-DrF0tQ2k.js';
20
+ import './media-viewer-D3n9dkl0.js';
21
21
  import './public/Gallery.js';
22
22
  import '@hh.ru/magritte-common-resize';
23
23
  import '@hh.ru/magritte-ui-icon/icon';
package/internal/Counter.js CHANGED
@@ -8,7 +8,7 @@ import { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';
8
8
  import { useMediaViewerContext } from './context.js';
9
9
  import { TooltipHover } from '@hh.ru/magritte-ui-tooltip';
10
10
  import { Text } from '@hh.ru/magritte-ui-typography';
11
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
11
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
12
12
  import './ImagesLoader.js';
13
13
  import './utils.js';
14
14
  import '@hh.ru/magritte-design-tokens/types';
package/internal/GalleryItemBody.js CHANGED
@@ -14,7 +14,7 @@ import { usePinchToZoom } from './hooks/usePinchToZoom.js';
14
14
  import { useWheelToZoom } from './hooks/useWheelToZoom.js';
15
15
  import { lerp, clamp } from './utils.js';
16
16
  import { Text } from '@hh.ru/magritte-ui-typography';
17
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
17
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
18
18
  import './ImagesLoader.js';
19
19
  import '@use-gesture/react';
20
20
 
package/internal/PreviewItem.js CHANGED
@@ -9,7 +9,7 @@ import '@hh.ru/magritte-ui-breakpoint';
9
9
  import './utils.js';
10
10
  import '@hh.ru/magritte-design-tokens/types';
11
11
  import './animations.js';
12
- import '../media-viewer-DrF0tQ2k.js';
12
+ import '../media-viewer-D3n9dkl0.js';
13
13
  import './ImagesLoader.js';
14
14
 
15
15
  const PreviewItem = ({ index, ...props }) => {
package/internal/PreviewItemBody.js CHANGED
@@ -5,7 +5,7 @@ import { useMotionValue, useTransform, useMotionValueEvent, animate, motion } fr
5
5
  import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
6
6
  import { useMediaViewerContext, usePreviewContext } from './context.js';
7
7
  import { useDetectDiscreteChange, clamp } from './utils.js';
8
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
8
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
9
9
  import './ImagesLoader.js';
10
10
  import '@hh.ru/magritte-design-tokens/types';
11
11
  import './animations.js';
package/internal/PreviewZoomControl.js CHANGED
@@ -9,7 +9,7 @@ import { EASE_BASE } from './animations.js';
9
9
  import { useMediaViewerContext } from './context.js';
10
10
  import { useInitOnce, findNextValue, getDimensionsAfterRotation, clampOffset } from './utils.js';
11
11
  import { Text } from '@hh.ru/magritte-ui-typography';
12
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
12
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
13
13
  import './ImagesLoader.js';
14
14
 
15
15
  const getCurrentControllerLimits = (globalContext) => {
package/media-viewer-D3n9dkl0.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"media-viewer":"magritte-media-viewer___KnrXP_1-2-27","mediaViewer":"magritte-media-viewer___KnrXP_1-2-27","gallery-placeholder":"magritte-gallery-placeholder___rUoGL_1-2-27","galleryPlaceholder":"magritte-gallery-placeholder___rUoGL_1-2-27","media-viewer-gallery":"magritte-media-viewer-gallery___P0SnN_1-2-27","mediaViewerGallery":"magritte-media-viewer-gallery___P0SnN_1-2-27","gallery-item":"magritte-gallery-item___Js0Z5_1-2-27","galleryItem":"magritte-gallery-item___Js0Z5_1-2-27","gallery-item-transform-container":"magritte-gallery-item-transform-container___N8-sA_1-2-27","galleryItemTransformContainer":"magritte-gallery-item-transform-container___N8-sA_1-2-27","preview-counter":"magritte-preview-counter___uP2Hc_1-2-27","previewCounter":"magritte-preview-counter___uP2Hc_1-2-27","with-description":"magritte-with-description___-w7ld_1-2-27","withDescription":"magritte-with-description___-w7ld_1-2-27","counter-number":"magritte-counter-number___gUpMp_1-2-27","counterNumber":"magritte-counter-number___gUpMp_1-2-27","no-description-placeholder":"magritte-no-description-placeholder___qc6h2_1-2-27","noDescriptionPlaceholder":"magritte-no-description-placeholder___qc6h2_1-2-27","preview-zoom-control":"magritte-preview-zoom-control___026jA_1-2-27","previewZoomControl":"magritte-preview-zoom-control___026jA_1-2-27","preview-container":"magritte-preview-container___nwjNY_1-2-27","previewContainer":"magritte-preview-container___nwjNY_1-2-27","preview":"magritte-preview___0Ge4C_1-2-27","preview-list":"magritte-preview-list___SAXLZ_1-2-27","previewList":"magritte-preview-list___SAXLZ_1-2-27","preview-item":"magritte-preview-item___gz5f2_1-2-27","previewItem":"magritte-preview-item___gz5f2_1-2-27","preview-item-container":"magritte-preview-item-container___JDVsk_1-2-27","previewItemContainer":"magritte-preview-item-container___JDVsk_1-2-27","media-viewer-toolbar":"magritte-media-viewer-toolbar___2C8nr_1-2-27","mediaViewerToolbar":"magritte-media-viewer-toolbar___2C8nr_1-2-27","no-description":"magritte-no-description___NebrT_1-2-27","noDescription":"magritte-no-description___NebrT_1-2-27","media-viewer-toolbar-left":"magritte-media-viewer-toolbar-left___YzkJt_1-2-27","mediaViewerToolbarLeft":"magritte-media-viewer-toolbar-left___YzkJt_1-2-27","media-viewer-toolbar-right":"magritte-media-viewer-toolbar-right___kBER9_1-2-27","mediaViewerToolbarRight":"magritte-media-viewer-toolbar-right___kBER9_1-2-27","prev-button":"magritte-prev-button___WMYjR_1-2-27","prevButton":"magritte-prev-button___WMYjR_1-2-27","next-button":"magritte-next-button___f8hJT_1-2-27","nextButton":"magritte-next-button___f8hJT_1-2-27","slide-button":"magritte-slide-button___sY8LB_1-2-27","slideButton":"magritte-slide-button___sY8LB_1-2-27","preview-placeholder":"magritte-preview-placeholder___yuhW1_1-2-27","previewPlaceholder":"magritte-preview-placeholder___yuhW1_1-2-27","gallery-item-loader":"magritte-gallery-item-loader___70TDe_1-2-27","galleryItemLoader":"magritte-gallery-item-loader___70TDe_1-2-27","gallery-item-error-container":"magritte-gallery-item-error-container___Z-HyZ_1-2-27","galleryItemErrorContainer":"magritte-gallery-item-error-container___Z-HyZ_1-2-27","description-bottom-sheet-content":"magritte-description-bottom-sheet-content___swnEV_1-2-27","descriptionBottomSheetContent":"magritte-description-bottom-sheet-content___swnEV_1-2-27","header":"magritte-header___egZXt_1-2-27","footer":"magritte-footer___rOH-M_1-2-27","description":"magritte-description___dYc-E_1-2-27"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=media-viewer-D3n9dkl0.js.map
package/media-viewer-D3n9dkl0.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"media-viewer-D3n9dkl0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-media-viewer",
3
- "version": "1.2.26",
3
+ "version": "1.2.27",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -27,13 +27,13 @@
27
27
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
28
28
  "@hh.ru/magritte-common-use-translation": "3.1.0",
29
29
  "@hh.ru/magritte-design-tokens": "24.6.0",
30
- "@hh.ru/magritte-ui-bottom-sheet": "9.3.19",
30
+ "@hh.ru/magritte-ui-bottom-sheet": "9.3.20",
31
31
  "@hh.ru/magritte-ui-breakpoint": "6.0.8",
32
32
  "@hh.ru/magritte-ui-icon": "14.2.1",
33
33
  "@hh.ru/magritte-ui-layer": "3.2.3",
34
34
  "@hh.ru/magritte-ui-loader": "3.0.3",
35
35
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
36
- "@hh.ru/magritte-ui-tooltip": "11.0.11",
36
+ "@hh.ru/magritte-ui-tooltip": "11.0.12",
37
37
  "@hh.ru/magritte-ui-typography": "5.2.0",
38
38
  "@use-gesture/react": "10.3.1"
39
39
  },
@@ -42,5 +42,5 @@
42
42
  "motion": "^12.23.12",
43
43
  "react": ">=18.2.0"
44
44
  },
45
- "gitHead": "b65af31dd81516396082133c8fefd2404ae7c071"
45
+ "gitHead": "3300c3c2d412c0a92b17e48f3b05619643f5be72"
46
46
  }
package/public/Footer.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './../index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
3
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
4
4
 
5
5
  const Footer = ({ children }) => {
6
6
  return (jsx("div", { "data-media-viewer-interactive": "true", className: styles.footer, children: children }));
package/public/Gallery.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './../index.css';
2
2
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
- import { useState, useEffect, Children, isValidElement, cloneElement, Fragment as Fragment$1 } from 'react';
3
+ import { useState, useEffect, isValidElement, Fragment as Fragment$1, Children, cloneElement } from 'react';
4
4
  import { useMotionValueEvent } from 'motion/react';
5
5
  import { useResizeObserver } from '@hh.ru/magritte-common-resize';
6
6
  import { useTranslation } from '@hh.ru/magritte-common-use-translation';
@@ -10,7 +10,7 @@ import { useMediaViewerContext, useGalleryItemsContext } from '../internal/conte
10
10
  import { useSwipe } from '../internal/hooks/useSwipe.js';
11
11
  import { clamp } from '../internal/utils.js';
12
12
  import { GalleryItem } from './GalleryItem.js';
13
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
13
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
14
14
  import '../internal/ImagesLoader.js';
15
15
  import '@use-gesture/react';
16
16
  import '@hh.ru/magritte-design-tokens/types';
@@ -26,17 +26,20 @@ import '@hh.ru/magritte-ui-typography';
26
26
  import '../internal/hooks/useVirtualization.js';
27
27
 
28
28
  const CONTAINER_REF_KEY = 'media-viewer-container';
29
- const extractGalleryItems = (galleryChildren) => {
29
+ const processGalleryChildren = (galleryChildren) => {
30
30
  if (isValidElement(galleryChildren) && galleryChildren.type === Fragment$1) {
31
- return extractGalleryItems(galleryChildren.props.children);
31
+ return processGalleryChildren(galleryChildren.props.children);
32
32
  }
33
33
  const items = [];
34
- Children.forEach(galleryChildren, (child) => {
34
+ const indexedChildren = Children.map(galleryChildren, (child) => {
35
35
  if (isValidElement(child) && child.type === GalleryItem) {
36
+ const result = cloneElement(child, { index: items.length });
36
37
  items.push(child);
38
+ return result;
37
39
  }
40
+ return child;
38
41
  });
39
- return items;
42
+ return { items, indexedChildren };
40
43
  };
41
44
  const Gallery = ({ children }) => {
42
45
  const globalState = useMediaViewerContext();
@@ -45,9 +48,6 @@ const Gallery = ({ children }) => {
45
48
  const [prevButtonDisabled, setPrevButtonDisabled] = useState(globalState.currentSlideIndex.get() === 0);
46
49
  const [nextButtonDisabled, setNextButtonDisabled] = useState(globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1);
47
50
  const { isMobile } = useBreakpoint();
48
- useEffect(() => {
49
- globalState.totalSlides.set(Children.count(children));
50
- }, [children, globalState]);
51
51
  const bindSwipe = useSwipe();
52
52
  const refCb = useResizeObserver((elementsMap) => {
53
53
  const container = elementsMap.get(CONTAINER_REF_KEY);
@@ -63,23 +63,21 @@ const Gallery = ({ children }) => {
63
63
  useMotionValueEvent(globalState.totalSlides, 'change', () => {
64
64
  setNextButtonDisabled(globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1);
65
65
  });
66
+ const { items, indexedChildren } = processGalleryChildren(children);
66
67
  const { setItems } = useGalleryItemsContext();
67
68
  useEffect(() => {
68
- setItems(extractGalleryItems(children));
69
- }, [children, setItems]);
69
+ globalState.totalSlides.set(items.length);
70
+ setItems(items);
71
+ // items детерминированно выводится из children, но является новым массивом каждый рендер,
72
+ // что приводит к бесконечному циклу ре-рендеров при добавлении в deps
73
+ // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
74
+ }, [children, setItems, globalState]);
70
75
  const createClickHandler = (direction) => (event) => {
71
76
  event.stopPropagation();
72
77
  globalState.currentSlideIndex.stop();
73
78
  globalState.currentSlideIndex.set(Math.round(clamp(globalState.currentSlideIndex.get() + (direction === 'prev' ? -1 : 1), 0, globalState.totalSlides.get() - 1)));
74
79
  };
75
- return (jsx("div", { className: styles.galleryPlaceholder, children: jsxs("div", { className: styles.mediaViewerGallery, ref: refCb(CONTAINER_REF_KEY), ...bindSwipe(), children: [Children.map(children, (child, index) => {
76
- if (isValidElement(child) && child.type === GalleryItem) {
77
- return cloneElement(child, {
78
- index,
79
- });
80
- }
81
- return child;
82
- }), !isMobile && (jsxs(Fragment, { children: [jsx(IconDynamic, { className: styles.prevButton, children: jsx("div", { className: styles.slideButton, onClick: createClickHandler('prev'), children: jsx(ChevronLeftOutlinedSize24, { initialColor: "constant", padding: 8, borderRadius: "halfHeight", backgroundStyle: "constant-secondary", tabIndex: 0, "aria-label": prevButtonAriaLabel, disabled: prevButtonDisabled }) }) }), jsx(IconDynamic, { className: styles.nextButton, children: jsx("div", { className: styles.slideButton, onClick: createClickHandler('next'), children: jsx(ChevronRightOutlinedSize24, { initialColor: "constant", padding: 8, borderRadius: "halfHeight", backgroundStyle: "constant-secondary", tabIndex: 0, "aria-label": nextButtonAriaLabel, disabled: nextButtonDisabled }) }) })] })), isMobile && (jsxs(Fragment, { children: [jsx("button", { className: styles.prevButton, "aria-label": prevButtonAriaLabel, onClick: createClickHandler('prev'), disabled: prevButtonDisabled, "data-media-viewer-interactive": true }), jsx("button", { className: styles.nextButton, "aria-label": nextButtonAriaLabel, onClick: createClickHandler('next'), disabled: nextButtonDisabled, "data-media-viewer-interactive": true })] }))] }) }));
80
+ return (jsx("div", { className: styles.galleryPlaceholder, children: jsxs("div", { className: styles.mediaViewerGallery, ref: refCb(CONTAINER_REF_KEY), ...bindSwipe(), children: [indexedChildren, !isMobile && (jsxs(Fragment, { children: [jsx(IconDynamic, { className: styles.prevButton, children: jsx("div", { className: styles.slideButton, onClick: createClickHandler('prev'), children: jsx(ChevronLeftOutlinedSize24, { initialColor: "constant", padding: 8, borderRadius: "halfHeight", backgroundStyle: "constant-secondary", tabIndex: 0, "aria-label": prevButtonAriaLabel, disabled: prevButtonDisabled }) }) }), jsx(IconDynamic, { className: styles.nextButton, children: jsx("div", { className: styles.slideButton, onClick: createClickHandler('next'), children: jsx(ChevronRightOutlinedSize24, { initialColor: "constant", padding: 8, borderRadius: "halfHeight", backgroundStyle: "constant-secondary", tabIndex: 0, "aria-label": nextButtonAriaLabel, disabled: nextButtonDisabled }) }) })] })), isMobile && (jsxs(Fragment, { children: [jsx("button", { className: styles.prevButton, "aria-label": prevButtonAriaLabel, onClick: createClickHandler('prev'), disabled: prevButtonDisabled, "data-media-viewer-interactive": true }), jsx("button", { className: styles.nextButton, "aria-label": nextButtonAriaLabel, onClick: createClickHandler('next'), disabled: nextButtonDisabled, "data-media-viewer-interactive": true })] }))] }) }));
83
81
  };
84
82
 
85
83
  export { Gallery };
package/public/Gallery.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Gallery.js","sources":["src/public/Gallery.tsx"],"sourcesContent":["import {\n Children,\n type FC,\n isValidElement,\n cloneElement,\n type PropsWithChildren,\n type ReactElement,\n useEffect,\n useState,\n MouseEvent,\n ReactNode,\n Fragment,\n} from 'react';\nimport { useMotionValueEvent } from 'motion/react';\n\nimport { useResizeObserver } from '@hh.ru/magritte-common-resize';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24, IconDynamic } from '@hh.ru/magritte-ui-icon/icon';\nimport { GalleryItemProps } from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';\nimport { useGalleryItemsContext, useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useSwipe } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useSwipe';\nimport { clamp } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { GalleryItem } from '@hh.ru/magritte-ui-media-viewer/public/GalleryItem';\n\nimport styles from './media-viewer.less';\n\nconst CONTAINER_REF_KEY = 'media-viewer-container';\n\nconst extractGalleryItems = (galleryChildren: ReactNode): ReactElement<GalleryItemProps>[] => {\n if (isValidElement(galleryChildren) && galleryChildren.type === Fragment) {\n return extractGalleryItems((galleryChildren as ReactElement<PropsWithChildren>).props.children);\n }\n const items: ReactElement<GalleryItemProps>[] = [];\n Children.forEach(galleryChildren, (child) => {\n if (isValidElement(child) && child.type === GalleryItem) {\n items.push(child as ReactElement<GalleryItemProps>);\n }\n });\n return items;\n};\n\nexport const Gallery: FC<PropsWithChildren> = ({ children }) => {\n const globalState = useMediaViewerContext();\n const prevButtonAriaLabel = useTranslation('MediaViewer', 'previousImageButton');\n const nextButtonAriaLabel = useTranslation('MediaViewer', 'nextImageButton');\n const [prevButtonDisabled, setPrevButtonDisabled] = useState(globalState.currentSlideIndex.get() === 0);\n const [nextButtonDisabled, setNextButtonDisabled] = useState(\n globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1\n );\n\n const { isMobile } = useBreakpoint();\n\n useEffect(() => {\n globalState.totalSlides.set(Children.count(children));\n }, [children, globalState]);\n\n const bindSwipe = useSwipe();\n\n const refCb = useResizeObserver((elementsMap) => {\n const container = elementsMap.get(CONTAINER_REF_KEY);\n if (!container) {\n return;\n }\n\n globalState.viewPortDimensions.set(container.getBoundingClientRect());\n });\n\n useMotionValueEvent(globalState.currentSlideIndex, 'change', (latest) => {\n setPrevButtonDisabled(latest === 0);\n setNextButtonDisabled(latest >= globalState.totalSlides.get() - 1);\n });\n\n useMotionValueEvent(globalState.totalSlides, 'change', () => {\n setNextButtonDisabled(globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1);\n });\n\n const { setItems } = useGalleryItemsContext();\n useEffect(() => {\n setItems(extractGalleryItems(children));\n }, [children, setItems]);\n\n const createClickHandler =\n (direction: 'prev' | 'next') => (event: MouseEvent<HTMLDivElement | HTMLButtonElement>) => {\n event.stopPropagation();\n globalState.currentSlideIndex.stop();\n globalState.currentSlideIndex.set(\n Math.round(\n clamp(\n globalState.currentSlideIndex.get() + (direction === 'prev' ? -1 : 1),\n 0,\n globalState.totalSlides.get() - 1\n )\n )\n );\n };\n\n return (\n <div className={styles.galleryPlaceholder}>\n <div className={styles.mediaViewerGallery} ref={refCb(CONTAINER_REF_KEY)} {...bindSwipe()}>\n {Children.map(children, (child, index) => {\n if (isValidElement(child) && child.type === GalleryItem) {\n return cloneElement(child as ReactElement<{ index: number }>, {\n index,\n });\n }\n return child;\n })}\n {!isMobile && (\n <>\n <IconDynamic className={styles.prevButton}>\n <div className={styles.slideButton} onClick={createClickHandler('prev')}>\n <ChevronLeftOutlinedSize24\n initialColor=\"constant\"\n padding={8}\n borderRadius=\"halfHeight\"\n backgroundStyle=\"constant-secondary\"\n tabIndex={0}\n aria-label={prevButtonAriaLabel}\n disabled={prevButtonDisabled}\n />\n </div>\n </IconDynamic>\n <IconDynamic className={styles.nextButton}>\n <div className={styles.slideButton} onClick={createClickHandler('next')}>\n <ChevronRightOutlinedSize24\n initialColor=\"constant\"\n padding={8}\n borderRadius=\"halfHeight\"\n backgroundStyle=\"constant-secondary\"\n tabIndex={0}\n aria-label={nextButtonAriaLabel}\n disabled={nextButtonDisabled}\n />\n </div>\n </IconDynamic>\n </>\n )}\n {isMobile && (\n <>\n <button\n className={styles.prevButton}\n aria-label={prevButtonAriaLabel}\n onClick={createClickHandler('prev')}\n disabled={prevButtonDisabled}\n data-media-viewer-interactive={true}\n />\n <button\n className={styles.nextButton}\n aria-label={nextButtonAriaLabel}\n onClick={createClickHandler('next')}\n disabled={nextButtonDisabled}\n data-media-viewer-interactive={true}\n />\n </>\n )}\n </div>\n </div>\n );\n};\n"],"names":["Fragment","_jsx","_jsxs","_Fragment"],"mappings":"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"}
1
+ {"version":3,"file":"Gallery.js","sources":["src/public/Gallery.tsx"],"sourcesContent":["import {\n Children,\n type FC,\n isValidElement,\n cloneElement,\n type PropsWithChildren,\n type ReactElement,\n useEffect,\n useState,\n MouseEvent,\n ReactNode,\n Fragment,\n} from 'react';\nimport { useMotionValueEvent } from 'motion/react';\n\nimport { useResizeObserver } from '@hh.ru/magritte-common-resize';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24, IconDynamic } from '@hh.ru/magritte-ui-icon/icon';\nimport { GalleryItemProps } from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';\nimport { useGalleryItemsContext, useMediaViewerContext } from '@hh.ru/magritte-ui-media-viewer/internal/context';\nimport { useSwipe } from '@hh.ru/magritte-ui-media-viewer/internal/hooks/useSwipe';\nimport { clamp } from '@hh.ru/magritte-ui-media-viewer/internal/utils';\nimport { GalleryItem } from '@hh.ru/magritte-ui-media-viewer/public/GalleryItem';\n\nimport styles from './media-viewer.less';\n\nconst CONTAINER_REF_KEY = 'media-viewer-container';\n\nconst processGalleryChildren = (\n galleryChildren: ReactNode\n): { items: ReactElement<GalleryItemProps>[]; indexedChildren: ReactNode } => {\n if (isValidElement(galleryChildren) && galleryChildren.type === Fragment) {\n return processGalleryChildren((galleryChildren as ReactElement<PropsWithChildren>).props.children);\n }\n const items: ReactElement<GalleryItemProps>[] = [];\n const indexedChildren = Children.map(galleryChildren, (child) => {\n if (isValidElement(child) && child.type === GalleryItem) {\n const result = cloneElement(child as ReactElement<{ index: number }>, { index: items.length });\n items.push(child as ReactElement<GalleryItemProps>);\n return result;\n }\n return child;\n });\n return { items, indexedChildren };\n};\n\nexport const Gallery: FC<PropsWithChildren> = ({ children }) => {\n const globalState = useMediaViewerContext();\n const prevButtonAriaLabel = useTranslation('MediaViewer', 'previousImageButton');\n const nextButtonAriaLabel = useTranslation('MediaViewer', 'nextImageButton');\n const [prevButtonDisabled, setPrevButtonDisabled] = useState(globalState.currentSlideIndex.get() === 0);\n const [nextButtonDisabled, setNextButtonDisabled] = useState(\n globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1\n );\n\n const { isMobile } = useBreakpoint();\n\n const bindSwipe = useSwipe();\n\n const refCb = useResizeObserver((elementsMap) => {\n const container = elementsMap.get(CONTAINER_REF_KEY);\n if (!container) {\n return;\n }\n\n globalState.viewPortDimensions.set(container.getBoundingClientRect());\n });\n\n useMotionValueEvent(globalState.currentSlideIndex, 'change', (latest) => {\n setPrevButtonDisabled(latest === 0);\n setNextButtonDisabled(latest >= globalState.totalSlides.get() - 1);\n });\n\n useMotionValueEvent(globalState.totalSlides, 'change', () => {\n setNextButtonDisabled(globalState.currentSlideIndex.get() >= globalState.totalSlides.get() - 1);\n });\n\n const { items, indexedChildren } = processGalleryChildren(children);\n\n const { setItems } = useGalleryItemsContext();\n useEffect(() => {\n globalState.totalSlides.set(items.length);\n setItems(items);\n // items детерминированно выводится из children, но является новым массивом каждый рендер,\n // что приводит к бесконечному циклу ре-рендеров при добавлении в deps\n // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n }, [children, setItems, globalState]);\n\n const createClickHandler =\n (direction: 'prev' | 'next') => (event: MouseEvent<HTMLDivElement | HTMLButtonElement>) => {\n event.stopPropagation();\n globalState.currentSlideIndex.stop();\n globalState.currentSlideIndex.set(\n Math.round(\n clamp(\n globalState.currentSlideIndex.get() + (direction === 'prev' ? -1 : 1),\n 0,\n globalState.totalSlides.get() - 1\n )\n )\n );\n };\n\n return (\n <div className={styles.galleryPlaceholder}>\n <div className={styles.mediaViewerGallery} ref={refCb(CONTAINER_REF_KEY)} {...bindSwipe()}>\n {indexedChildren}\n {!isMobile && (\n <>\n <IconDynamic className={styles.prevButton}>\n <div className={styles.slideButton} onClick={createClickHandler('prev')}>\n <ChevronLeftOutlinedSize24\n initialColor=\"constant\"\n padding={8}\n borderRadius=\"halfHeight\"\n backgroundStyle=\"constant-secondary\"\n tabIndex={0}\n aria-label={prevButtonAriaLabel}\n disabled={prevButtonDisabled}\n />\n </div>\n </IconDynamic>\n <IconDynamic className={styles.nextButton}>\n <div className={styles.slideButton} onClick={createClickHandler('next')}>\n <ChevronRightOutlinedSize24\n initialColor=\"constant\"\n padding={8}\n borderRadius=\"halfHeight\"\n backgroundStyle=\"constant-secondary\"\n tabIndex={0}\n aria-label={nextButtonAriaLabel}\n disabled={nextButtonDisabled}\n />\n </div>\n </IconDynamic>\n </>\n )}\n {isMobile && (\n <>\n <button\n className={styles.prevButton}\n aria-label={prevButtonAriaLabel}\n onClick={createClickHandler('prev')}\n disabled={prevButtonDisabled}\n data-media-viewer-interactive={true}\n />\n <button\n className={styles.nextButton}\n aria-label={nextButtonAriaLabel}\n onClick={createClickHandler('next')}\n disabled={nextButtonDisabled}\n data-media-viewer-interactive={true}\n />\n </>\n )}\n </div>\n </div>\n );\n};\n"],"names":["Fragment","_jsx","_jsxs","_Fragment"],"mappings":"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"}
package/public/GalleryItem.js CHANGED
@@ -17,7 +17,7 @@ import '@use-gesture/react';
17
17
  import '../internal/hooks/usePinchToZoom.js';
18
18
  import '../internal/hooks/useWheelToZoom.js';
19
19
  import '@hh.ru/magritte-ui-typography';
20
- import '../media-viewer-DrF0tQ2k.js';
20
+ import '../media-viewer-D3n9dkl0.js';
21
21
  import '../internal/ImagesLoader.js';
22
22
 
23
23
  const GALLERY_ITEM_VIRTUALIZATION_PADDING = 5;
package/public/Header.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './../index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
3
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
4
4
 
5
5
  const Header = ({ children }) => {
6
6
  return (jsx("div", { "data-media-viewer-interactive": "true", className: styles.header, children: children }));
package/public/MediaViewer.js CHANGED
@@ -21,7 +21,7 @@ import { Header } from './Header.js';
21
21
  import { Preview } from './Preview.js';
22
22
  import { Toolbar } from './Toolbar.js';
23
23
  import { DesktopTool, MobileTool, RotateTool, CloseTool, FullWidthTool } from './Tools.js';
24
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
24
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
25
25
  import '../internal/ImagesLoader.js';
26
26
  import '@use-gesture/react';
27
27
  import '@hh.ru/magritte-common-resize';
package/public/Preview.js CHANGED
@@ -12,7 +12,7 @@ import { EASE_BASE } from '../internal/animations.js';
12
12
  import { useMediaViewerContext, useGalleryItemsContext, PreviewContext } from '../internal/context.js';
13
13
  import { useVirtualization } from '../internal/hooks/useVirtualization.js';
14
14
  import { useDetectDiscreteChange, useInitOnce, clamp } from '../internal/utils.js';
15
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
15
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
16
16
  import 'classnames';
17
17
  import '@hh.ru/magritte-common-use-translation';
18
18
  import '@hh.ru/magritte-ui-bottom-sheet';
package/public/Toolbar.js CHANGED
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import classNames from 'classnames';
4
4
  import { Counter } from '../internal/Counter.js';
5
5
  import { useGalleryItemsContext } from '../internal/context.js';
6
- import { s as styles } from '../media-viewer-DrF0tQ2k.js';
6
+ import { s as styles } from '../media-viewer-D3n9dkl0.js';
7
7
  import 'react';
8
8
  import 'motion/react';
9
9
  import '@hh.ru/magritte-common-use-translation';
package/media-viewer-DrF0tQ2k.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"media-viewer":"magritte-media-viewer___KnrXP_1-2-26","mediaViewer":"magritte-media-viewer___KnrXP_1-2-26","gallery-placeholder":"magritte-gallery-placeholder___rUoGL_1-2-26","galleryPlaceholder":"magritte-gallery-placeholder___rUoGL_1-2-26","media-viewer-gallery":"magritte-media-viewer-gallery___P0SnN_1-2-26","mediaViewerGallery":"magritte-media-viewer-gallery___P0SnN_1-2-26","gallery-item":"magritte-gallery-item___Js0Z5_1-2-26","galleryItem":"magritte-gallery-item___Js0Z5_1-2-26","gallery-item-transform-container":"magritte-gallery-item-transform-container___N8-sA_1-2-26","galleryItemTransformContainer":"magritte-gallery-item-transform-container___N8-sA_1-2-26","preview-counter":"magritte-preview-counter___uP2Hc_1-2-26","previewCounter":"magritte-preview-counter___uP2Hc_1-2-26","with-description":"magritte-with-description___-w7ld_1-2-26","withDescription":"magritte-with-description___-w7ld_1-2-26","counter-number":"magritte-counter-number___gUpMp_1-2-26","counterNumber":"magritte-counter-number___gUpMp_1-2-26","no-description-placeholder":"magritte-no-description-placeholder___qc6h2_1-2-26","noDescriptionPlaceholder":"magritte-no-description-placeholder___qc6h2_1-2-26","preview-zoom-control":"magritte-preview-zoom-control___026jA_1-2-26","previewZoomControl":"magritte-preview-zoom-control___026jA_1-2-26","preview-container":"magritte-preview-container___nwjNY_1-2-26","previewContainer":"magritte-preview-container___nwjNY_1-2-26","preview":"magritte-preview___0Ge4C_1-2-26","preview-list":"magritte-preview-list___SAXLZ_1-2-26","previewList":"magritte-preview-list___SAXLZ_1-2-26","preview-item":"magritte-preview-item___gz5f2_1-2-26","previewItem":"magritte-preview-item___gz5f2_1-2-26","preview-item-container":"magritte-preview-item-container___JDVsk_1-2-26","previewItemContainer":"magritte-preview-item-container___JDVsk_1-2-26","media-viewer-toolbar":"magritte-media-viewer-toolbar___2C8nr_1-2-26","mediaViewerToolbar":"magritte-media-viewer-toolbar___2C8nr_1-2-26","no-description":"magritte-no-description___NebrT_1-2-26","noDescription":"magritte-no-description___NebrT_1-2-26","media-viewer-toolbar-left":"magritte-media-viewer-toolbar-left___YzkJt_1-2-26","mediaViewerToolbarLeft":"magritte-media-viewer-toolbar-left___YzkJt_1-2-26","media-viewer-toolbar-right":"magritte-media-viewer-toolbar-right___kBER9_1-2-26","mediaViewerToolbarRight":"magritte-media-viewer-toolbar-right___kBER9_1-2-26","prev-button":"magritte-prev-button___WMYjR_1-2-26","prevButton":"magritte-prev-button___WMYjR_1-2-26","next-button":"magritte-next-button___f8hJT_1-2-26","nextButton":"magritte-next-button___f8hJT_1-2-26","slide-button":"magritte-slide-button___sY8LB_1-2-26","slideButton":"magritte-slide-button___sY8LB_1-2-26","preview-placeholder":"magritte-preview-placeholder___yuhW1_1-2-26","previewPlaceholder":"magritte-preview-placeholder___yuhW1_1-2-26","gallery-item-loader":"magritte-gallery-item-loader___70TDe_1-2-26","galleryItemLoader":"magritte-gallery-item-loader___70TDe_1-2-26","gallery-item-error-container":"magritte-gallery-item-error-container___Z-HyZ_1-2-26","galleryItemErrorContainer":"magritte-gallery-item-error-container___Z-HyZ_1-2-26","description-bottom-sheet-content":"magritte-description-bottom-sheet-content___swnEV_1-2-26","descriptionBottomSheetContent":"magritte-description-bottom-sheet-content___swnEV_1-2-26","header":"magritte-header___egZXt_1-2-26","footer":"magritte-footer___rOH-M_1-2-26","description":"magritte-description___dYc-E_1-2-26"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=media-viewer-DrF0tQ2k.js.map
package/media-viewer-DrF0tQ2k.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"media-viewer-DrF0tQ2k.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}