@alfalab/core-components-gallery 2.0.3 → 3.0.3

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 (66) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/Component.js +3 -3
  3. package/dist/components/header/Component.js +2 -2
  4. package/dist/components/header/buttons.js +1 -1
  5. package/dist/components/header/index.css +3 -3
  6. package/dist/components/header/index.js +1 -1
  7. package/dist/components/header-info-block/Component.js +1 -1
  8. package/dist/components/header-info-block/index.css +5 -5
  9. package/dist/components/image-preview/Component.js +1 -1
  10. package/dist/components/image-preview/index.css +13 -13
  11. package/dist/components/image-viewer/component.js +2 -2
  12. package/dist/components/image-viewer/index.css +20 -20
  13. package/dist/components/image-viewer/index.js +2 -2
  14. package/dist/components/image-viewer/slide.js +1 -1
  15. package/dist/components/index.js +2 -2
  16. package/dist/components/navigation-bar/Component.js +1 -1
  17. package/dist/components/navigation-bar/index.css +6 -6
  18. package/dist/cssm/components/image-preview/index.module.css +1 -1
  19. package/dist/cssm/components/image-viewer/index.module.css +1 -1
  20. package/dist/esm/Component.js +3 -3
  21. package/dist/esm/components/header/Component.js +2 -2
  22. package/dist/esm/components/header/buttons.js +1 -1
  23. package/dist/esm/components/header/index.css +3 -3
  24. package/dist/esm/components/header/index.js +1 -1
  25. package/dist/esm/components/header-info-block/Component.js +1 -1
  26. package/dist/esm/components/header-info-block/index.css +5 -5
  27. package/dist/esm/components/image-preview/Component.js +1 -1
  28. package/dist/esm/components/image-preview/index.css +13 -13
  29. package/dist/esm/components/image-viewer/component.js +2 -2
  30. package/dist/esm/components/image-viewer/index.css +20 -20
  31. package/dist/esm/components/image-viewer/index.js +2 -2
  32. package/dist/esm/components/image-viewer/slide.js +1 -1
  33. package/dist/esm/components/index.js +2 -2
  34. package/dist/esm/components/navigation-bar/Component.js +1 -1
  35. package/dist/esm/components/navigation-bar/index.css +6 -6
  36. package/dist/esm/index.css +3 -3
  37. package/dist/esm/index.js +2 -2
  38. package/dist/esm/{slide-35867d81.d.ts → slide-6def2a83.d.ts} +0 -0
  39. package/dist/esm/{slide-35867d81.js → slide-6def2a83.js} +1 -1
  40. package/dist/esm/{tslib.es6-2d5119a4.d.ts → tslib.es6-6967a4ad.d.ts} +0 -0
  41. package/dist/esm/{tslib.es6-2d5119a4.js → tslib.es6-6967a4ad.js} +0 -0
  42. package/dist/index.css +3 -3
  43. package/dist/index.js +2 -2
  44. package/dist/modern/Component.js +2 -2
  45. package/dist/modern/components/header/Component.js +1 -1
  46. package/dist/modern/components/header/index.css +3 -3
  47. package/dist/modern/components/header-info-block/Component.js +1 -1
  48. package/dist/modern/components/header-info-block/index.css +5 -5
  49. package/dist/modern/components/image-preview/Component.js +1 -1
  50. package/dist/modern/components/image-preview/index.css +13 -13
  51. package/dist/modern/components/image-viewer/component.js +1 -1
  52. package/dist/modern/components/image-viewer/index.css +20 -20
  53. package/dist/modern/components/image-viewer/index.js +1 -1
  54. package/dist/modern/components/image-viewer/slide.js +1 -1
  55. package/dist/modern/components/index.js +1 -1
  56. package/dist/modern/components/navigation-bar/Component.js +1 -1
  57. package/dist/modern/components/navigation-bar/index.css +6 -6
  58. package/dist/modern/index.css +3 -3
  59. package/dist/modern/index.js +1 -1
  60. package/dist/modern/{slide-18e750f1.d.ts → slide-fb3c8ecd.d.ts} +0 -0
  61. package/dist/modern/{slide-18e750f1.js → slide-fb3c8ecd.js} +1 -1
  62. package/dist/{slide-96f67807.d.ts → slide-5188d43d.d.ts} +0 -0
  63. package/dist/{slide-96f67807.js → slide-5188d43d.js} +1 -1
  64. package/dist/{tslib.es6-6d026d24.d.ts → tslib.es6-6b620fac.d.ts} +0 -0
  65. package/dist/{tslib.es6-6d026d24.js → tslib.es6-6b620fac.js} +0 -0
  66. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,46 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.0.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-gallery@3.0.2...@alfalab/core-components-gallery@3.0.3) (2021-12-29)
7
+
8
+ **Note:** Version bump only for package @alfalab/core-components-gallery
9
+
10
+
11
+
12
+
13
+
14
+ ## [3.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-gallery@3.0.1...@alfalab/core-components-gallery@3.0.2) (2021-12-14)
15
+
16
+ **Note:** Version bump only for package @alfalab/core-components-gallery
17
+
18
+
19
+
20
+
21
+
22
+ ## [3.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-gallery@3.0.0...@alfalab/core-components-gallery@3.0.1) (2021-12-09)
23
+
24
+ **Note:** Version bump only for package @alfalab/core-components-gallery
25
+
26
+
27
+
28
+
29
+
30
+ # [3.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-gallery@2.0.3...@alfalab/core-components-gallery@3.0.0) (2021-12-08)
31
+
32
+
33
+ * fix!: новый cdn иконок (#913) (#917) ([224831f](https://github.com/alfa-laboratory/core-components/commit/224831f41ed2de49dc1a228dc081b0629cf274b1)), closes [#913](https://github.com/alfa-laboratory/core-components/issues/913) [#917](https://github.com/alfa-laboratory/core-components/issues/917)
34
+
35
+
36
+ ### BREAKING CHANGES
37
+
38
+ * Добавьте новый домен в список разрешенных 'img-src': `'self' alfabank.gcdn.co data: 'self'`
39
+
40
+ This reverts commit 953fbcfec46a40089a5cfde670597315269b05f5.
41
+
42
+
43
+
44
+
45
+
6
46
  ## [2.0.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-gallery@2.0.2...@alfalab/core-components-gallery@2.0.3) (2021-12-08)
7
47
 
8
48
 
package/dist/Component.js CHANGED
@@ -14,7 +14,7 @@ require('./utils/utils.js');
14
14
  require('./utils/constants.js');
15
15
  require('@alfalab/core-components-typography');
16
16
  require('./components/header-info-block/Component.js');
17
- require('./tslib.es6-6d026d24.js');
17
+ require('./tslib.es6-6b620fac.js');
18
18
  require('@alfalab/core-components-icon-button');
19
19
  require('@alfalab/core-components-tooltip');
20
20
  require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -29,14 +29,14 @@ require('element-closest');
29
29
  require('swiper/swiper.min.css');
30
30
  require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
31
31
  require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
32
- require('./slide-96f67807.js');
32
+ require('./slide-5188d43d.js');
33
33
  var components_imageViewer_component = require('./components/image-viewer/component.js');
34
34
 
35
35
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
36
36
 
37
37
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
38
38
 
39
- var styles = {"container":"gallery__container_15673","modal":"gallery__modal_15673"};
39
+ var styles = {"container":"gallery__container_wj66m","modal":"gallery__modal_wj66m"};
40
40
  require('./index.css')
41
41
 
42
42
  var Backdrop = function () { return null; };
@@ -9,7 +9,7 @@ var utils_utils = require('../../utils/utils.js');
9
9
  var utils_constants = require('../../utils/constants.js');
10
10
  require('@alfalab/core-components-typography');
11
11
  var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
12
- require('../../tslib.es6-6d026d24.js');
12
+ require('../../tslib.es6-6b620fac.js');
13
13
  require('@alfalab/core-components-icon-button');
14
14
  require('@alfalab/core-components-tooltip');
15
15
  require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -22,7 +22,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
22
22
 
23
23
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
24
 
25
- var styles = {"header":"gallery__header_144zh","buttons":"gallery__buttons_144zh"};
25
+ var styles = {"header":"gallery__header_1i1tr","buttons":"gallery__buttons_1i1tr"};
26
26
  require('./index.css')
27
27
 
28
28
  var Header = function () {
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var tslib_es6 = require('../../tslib.es6-6d026d24.js');
6
+ var tslib_es6 = require('../../tslib.es6-6b620fac.js');
7
7
  var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
8
8
  var coreComponentsTooltip = require('@alfalab/core-components-tooltip');
9
9
  var PointerDownMIcon = require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -1,4 +1,4 @@
1
- /* hash: 1gp7n */
1
+ /* hash: oqq3s */
2
2
  :root {
3
3
  --color-light-bg-tertiary-inverted: #3c4c5d;
4
4
  }
@@ -15,7 +15,7 @@
15
15
  --gap-xl: 24px;
16
16
  --gap-2xl: 32px;
17
17
  }
18
- .gallery__header_144zh {
18
+ .gallery__header_1i1tr {
19
19
  display: flex;
20
20
  justify-content: space-between;
21
21
  flex-shrink: 0;
@@ -24,7 +24,7 @@
24
24
  background-color: var(--color-light-bg-tertiary-inverted);
25
25
  box-sizing: border-box;
26
26
  }
27
- .gallery__buttons_144zh {
27
+ .gallery__buttons_1i1tr {
28
28
  display: flex;
29
29
  padding-left: var(--gap-2xl);
30
30
  }
@@ -9,7 +9,7 @@ require('../../utils/utils.js');
9
9
  require('../../utils/constants.js');
10
10
  require('@alfalab/core-components-typography');
11
11
  require('../header-info-block/Component.js');
12
- require('../../tslib.es6-6d026d24.js');
12
+ require('../../tslib.es6-6b620fac.js');
13
13
  require('@alfalab/core-components-icon-button');
14
14
  require('@alfalab/core-components-tooltip');
15
15
  require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
 
13
- var styles = {"info":"gallery__info_aj64f","filenameHead":"gallery__filenameHead_aj64f","filenameContainer":"gallery__filenameContainer_aj64f","description":"gallery__description_aj64f"};
13
+ var styles = {"info":"gallery__info_enusm","filenameHead":"gallery__filenameHead_enusm","filenameContainer":"gallery__filenameContainer_enusm","description":"gallery__description_enusm"};
14
14
  require('./index.css')
15
15
 
16
16
  var HeaderInfoBlock = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: fiitr */
1
+ /* hash: 14tu1 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,24 +10,24 @@
10
10
  :root {
11
11
  --gap-2xs: 4px;
12
12
  }
13
- .gallery__info_aj64f {
13
+ .gallery__info_enusm {
14
14
  height: 100%;
15
15
  display: flex;
16
16
  flex-direction: column;
17
17
  justify-content: center;
18
18
  overflow: hidden;
19
19
  }
20
- .gallery__filenameHead_aj64f {
20
+ .gallery__filenameHead_enusm {
21
21
  display: inline;
22
22
  text-overflow: ellipsis;
23
23
  overflow: hidden;
24
24
  white-space: nowrap;
25
25
  }
26
- .gallery__filenameContainer_aj64f {
26
+ .gallery__filenameContainer_enusm {
27
27
  overflow: hidden;
28
28
  display: inline-flex;
29
29
  }
30
- .gallery__description_aj64f {
30
+ .gallery__description_enusm {
31
31
  display: inline;
32
32
  text-overflow: ellipsis;
33
33
  overflow: hidden;
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
 
15
- var styles = {"component":"gallery__component_pxcz5","active":"gallery__active_pxcz5","image":"gallery__image_pxcz5","preview":"gallery__preview_pxcz5","loading":"gallery__loading_pxcz5","brokenImageWrapper":"gallery__brokenImageWrapper_pxcz5","brokenIcon":"gallery__brokenIcon_pxcz5","focused":"gallery__focused_pxcz5"};
15
+ var styles = {"component":"gallery__component_u21nc","active":"gallery__active_u21nc","image":"gallery__image_u21nc","preview":"gallery__preview_u21nc","loading":"gallery__loading_u21nc","brokenImageWrapper":"gallery__brokenImageWrapper_u21nc","brokenIcon":"gallery__brokenIcon_u21nc","focused":"gallery__focused_u21nc"};
16
16
  require('./index.css')
17
17
 
18
18
  var ImagePreview = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1dxed */
1
+ /* hash: 47ljd */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-key-inverted: #fff;
@@ -23,9 +23,9 @@
23
23
  --focus-color: var(--color-light-border-link);
24
24
  }
25
25
  :root {
26
- --gallery-broken-image-icon: url('https://alfabank.st/icons/art_no-image_s.svg');
26
+ --gallery-broken-image-icon: url('https://alfabank.gcdn.co/icons/art_no-image_s.svg');
27
27
  }
28
- .gallery__component_pxcz5 {
28
+ .gallery__component_u21nc {
29
29
  display: flex;
30
30
  padding: var(--gap-2xs);
31
31
  border: 2px solid rgba(0, 0, 0, 0);
@@ -34,13 +34,13 @@
34
34
  transition: border 0.15s ease-in-out;
35
35
  outline: none;
36
36
  }
37
- .gallery__active_pxcz5 {
37
+ .gallery__active_u21nc {
38
38
  border-color: var(--color-light-border-key-inverted)
39
39
  }
40
- .gallery__active_pxcz5 > .gallery__image_pxcz5 {
40
+ .gallery__active_u21nc > .gallery__image_u21nc {
41
41
  opacity: 0.7;
42
42
  }
43
- .gallery__preview_pxcz5 {
43
+ .gallery__preview_u21nc {
44
44
  width: 56px;
45
45
  height: 56px;
46
46
  flex-shrink: 0;
@@ -49,37 +49,37 @@
49
49
  -webkit-user-select: none;
50
50
  user-select: none;
51
51
  }
52
- .gallery__image_pxcz5 {
52
+ .gallery__image_u21nc {
53
53
  background-color: var(--color-light-bg-primary);
54
54
  background-size: cover;
55
55
  background-repeat: no-repeat;
56
56
  background-position: center;
57
57
  transition: opacity 0.15s ease-in-out
58
58
  }
59
- .gallery__image_pxcz5:hover {
59
+ .gallery__image_u21nc:hover {
60
60
  opacity: 0.7;
61
61
  }
62
- .gallery__loading_pxcz5 {
62
+ .gallery__loading_u21nc {
63
63
  /* TODO: цвета нет в палитре */
64
64
  background-color: #e9eaeb;
65
65
  }
66
- .gallery__brokenImageWrapper_pxcz5 {
66
+ .gallery__brokenImageWrapper_u21nc {
67
67
  display: flex;
68
68
  justify-content: center;
69
69
  align-items: center;
70
70
  background-color: var(--color-light-bg-primary)
71
71
  }
72
- .gallery__brokenImageWrapper_pxcz5:hover {
72
+ .gallery__brokenImageWrapper_u21nc:hover {
73
73
  opacity: 0.7;
74
74
  }
75
- .gallery__brokenIcon_pxcz5 {
75
+ .gallery__brokenIcon_u21nc {
76
76
  width: 40px;
77
77
  height: 40px;
78
78
  background-image: var(--gallery-broken-image-icon);
79
79
  background-size: contain;
80
80
  background-repeat: no-repeat;
81
81
  }
82
- .gallery__focused_pxcz5 {
82
+ .gallery__focused_u21nc {
83
83
  outline: 2px solid var(--focus-color);
84
84
  outline-offset: 2px;
85
85
  }
@@ -9,14 +9,14 @@ var context = require('../../context.js');
9
9
  var utils_utils = require('../../utils/utils.js');
10
10
  var utils_constants = require('../../utils/constants.js');
11
11
  require('@alfalab/core-components-typography');
12
- var tslib_es6 = require('../../tslib.es6-6d026d24.js');
12
+ var tslib_es6 = require('../../tslib.es6-6b620fac.js');
13
13
  var SwiperCore = require('swiper');
14
14
  var react = require('swiper/react');
15
15
  var elementClosest = require('element-closest');
16
16
  require('swiper/swiper.min.css');
17
17
  var ChevronBackHeavyMIcon = require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
18
18
  var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
19
- var components_imageViewer_slide = require('../../slide-96f67807.js');
19
+ var components_imageViewer_slide = require('../../slide-5188d43d.js');
20
20
 
21
21
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
22
 
@@ -1,4 +1,4 @@
1
- /* hash: me7yd */
1
+ /* hash: dzyzg */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-link: #007aff;
@@ -27,16 +27,16 @@
27
27
  --focus-color: var(--color-light-border-link);
28
28
  }
29
29
  :root {
30
- --gallery-broken-image-icon: url('https://alfabank.st/icons/art_no-image_s.svg');
30
+ --gallery-broken-image-icon: url('https://alfabank.gcdn.co/icons/art_no-image_s.svg');
31
31
  }
32
- .gallery__component_867yd {
32
+ .gallery__component_v625d {
33
33
  display: flex;
34
34
  flex-grow: 1;
35
35
  justify-content: center;
36
36
  align-items: center;
37
37
  background-color: var(--color-light-bg-primary-inverted-alpha-50);
38
38
  }
39
- .gallery__swiper_867yd {
39
+ .gallery__swiper_v625d {
40
40
  display: flex;
41
41
  width: 100%;
42
42
  height: 100%;
@@ -46,14 +46,14 @@
46
46
  padding: var(--gap-2xl) var(--gap-m);
47
47
  box-sizing: border-box;
48
48
  }
49
- .gallery__singleSlide_867yd .gallery__swiper_867yd {
49
+ .gallery__singleSlide_v625d .gallery__swiper_v625d {
50
50
  max-height: calc(100vh - 80px);
51
51
  padding: var(--gap-2xl);
52
52
  }
53
- .gallery__hidden_867yd {
53
+ .gallery__hidden_v625d {
54
54
  display: none;
55
55
  }
56
- .gallery__slide_867yd {
56
+ .gallery__slide_v625d {
57
57
  position: relative;
58
58
  display: flex;
59
59
  justify-content: center;
@@ -61,12 +61,12 @@
61
61
  width: 100%;
62
62
  height: 100%;
63
63
  }
64
- .gallery__slideLoading_867yd {
64
+ .gallery__slideLoading_v625d {
65
65
  /* TODO: цвета нет в палитре */
66
66
  background-color: #e9eaeb;
67
67
  border-radius: var(--border-radius-m);
68
68
  }
69
- .gallery__image_867yd {
69
+ .gallery__image_v625d {
70
70
  width: 0;
71
71
  height: 0;
72
72
  -webkit-user-select: none;
@@ -74,7 +74,7 @@
74
74
  background-color: var(--color-light-bg-primary);
75
75
  border-radius: var(--border-radius-m);
76
76
  }
77
- .gallery__smallImage_867yd {
77
+ .gallery__smallImage_v625d {
78
78
  position: relative;
79
79
  width: auto;
80
80
  height: auto;
@@ -82,15 +82,15 @@
82
82
  user-select: none;
83
83
  background-color: var(--color-light-bg-primary);
84
84
  }
85
- .gallery__verticalImageFit_867yd {
85
+ .gallery__verticalImageFit_v625d {
86
86
  width: auto;
87
87
  height: 100%;
88
88
  }
89
- .gallery__horizontalImageFit_867yd {
89
+ .gallery__horizontalImageFit_v625d {
90
90
  width: 100%;
91
91
  height: auto;
92
92
  }
93
- .gallery__arrow_867yd {
93
+ .gallery__arrow_v625d {
94
94
  display: flex;
95
95
  flex-direction: column;
96
96
  justify-content: center;
@@ -103,17 +103,17 @@
103
103
  transition: background-color 0.15s ease-in-out;
104
104
  outline: none
105
105
  }
106
- .gallery__arrow_867yd:hover {
106
+ .gallery__arrow_v625d:hover {
107
107
  background-color: var(--color-light-bg-primary-inverted-alpha-10);
108
108
  }
109
- .gallery__arrow_867yd:active {
109
+ .gallery__arrow_v625d:active {
110
110
  background-color: var(--color-light-bg-primary-inverted-alpha-20);
111
111
  }
112
- .gallery__focused_867yd {
112
+ .gallery__focused_v625d {
113
113
  outline: 2px solid var(--focus-color);
114
114
  outline-offset: 2px;
115
115
  }
116
- .gallery__placeholder_867yd {
116
+ .gallery__placeholder_v625d {
117
117
  display: flex;
118
118
  justify-content: center;
119
119
  align-items: center;
@@ -122,7 +122,7 @@
122
122
  border-radius: var(--border-radius-m);
123
123
  background-color: var(--color-light-bg-primary);
124
124
  }
125
- .gallery__brokenImgWrapper_867yd {
125
+ .gallery__brokenImgWrapper_v625d {
126
126
  position: relative;
127
127
  display: flex;
128
128
  flex-direction: column;
@@ -130,7 +130,7 @@
130
130
  width: 150px;
131
131
  text-align: center;
132
132
  }
133
- .gallery__brokenImgIcon_867yd {
133
+ .gallery__brokenImgIcon_v625d {
134
134
  width: 80px;
135
135
  height: 80px;
136
136
  margin-bottom: var(--gap-2xs);
@@ -138,7 +138,7 @@
138
138
  background-size: contain;
139
139
  background-repeat: no-repeat;
140
140
  }
141
- .gallery__fullScreenImage_867yd {
141
+ .gallery__fullScreenImage_v625d {
142
142
  width: 100%;
143
143
  height: auto;
144
144
  background-color: var(--color-light-bg-primary);
@@ -9,14 +9,14 @@ require('../../context.js');
9
9
  require('../../utils/utils.js');
10
10
  require('../../utils/constants.js');
11
11
  require('@alfalab/core-components-typography');
12
- require('../../tslib.es6-6d026d24.js');
12
+ require('../../tslib.es6-6b620fac.js');
13
13
  require('swiper');
14
14
  require('swiper/react');
15
15
  require('element-closest');
16
16
  require('swiper/swiper.min.css');
17
17
  require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
18
18
  require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
19
- require('../../slide-96f67807.js');
19
+ require('../../slide-5188d43d.js');
20
20
  var components_imageViewer_component = require('./component.js');
21
21
 
22
22
 
@@ -7,7 +7,7 @@ require('classnames');
7
7
  require('../../utils/utils.js');
8
8
  require('../../utils/constants.js');
9
9
  require('@alfalab/core-components-typography');
10
- var components_imageViewer_slide = require('../../slide-96f67807.js');
10
+ var components_imageViewer_slide = require('../../slide-5188d43d.js');
11
11
 
12
12
 
13
13
 
@@ -13,7 +13,7 @@ require('../utils/utils.js');
13
13
  require('../utils/constants.js');
14
14
  require('@alfalab/core-components-typography');
15
15
  require('./header-info-block/Component.js');
16
- require('../tslib.es6-6d026d24.js');
16
+ require('../tslib.es6-6b620fac.js');
17
17
  require('@alfalab/core-components-icon-button');
18
18
  require('@alfalab/core-components-tooltip');
19
19
  require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -28,7 +28,7 @@ require('element-closest');
28
28
  require('swiper/swiper.min.css');
29
29
  require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
30
30
  require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
31
- require('../slide-96f67807.js');
31
+ require('../slide-5188d43d.js');
32
32
  var components_imageViewer_component = require('./image-viewer/component.js');
33
33
 
34
34
 
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
 
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
 
17
- var styles = {"component":"gallery__component_1m3zp","preview":"gallery__preview_1m3zp"};
17
+ var styles = {"component":"gallery__component_13jsm","preview":"gallery__preview_13jsm"};
18
18
  require('./index.css')
19
19
 
20
20
  var MIN_SCROLL_STEP = 24;
@@ -1,4 +1,4 @@
1
- /* hash: sd3gt */
1
+ /* hash: t2cws */
2
2
  :root {
3
3
  --color-light-bg-tertiary-inverted: #3c4c5d;
4
4
  }
@@ -14,7 +14,7 @@
14
14
  --gap-3xs: 2px;
15
15
  --gap-xl: 24px;
16
16
  }
17
- .gallery__component_1m3zp {
17
+ .gallery__component_13jsm {
18
18
  display: flex;
19
19
  flex-wrap: nowrap;
20
20
  align-content: center;
@@ -27,16 +27,16 @@
27
27
  background-color: var(--color-light-bg-tertiary-inverted);
28
28
  scrollbar-width: none
29
29
  }
30
- .gallery__component_1m3zp::-webkit-scrollbar {
30
+ .gallery__component_13jsm::-webkit-scrollbar {
31
31
  display: none;
32
32
  }
33
- .gallery__preview_1m3zp {
33
+ .gallery__preview_13jsm {
34
34
  flex-shrink: 0;
35
35
  margin: 0 var(--gap-3xs)
36
36
  }
37
- .gallery__preview_1m3zp:first-child {
37
+ .gallery__preview_13jsm:first-child {
38
38
  margin-left: auto;
39
39
  }
40
- .gallery__preview_1m3zp:last-child {
40
+ .gallery__preview_13jsm:last-child {
41
41
  margin-right: auto;
42
42
  }
@@ -22,7 +22,7 @@
22
22
  --focus-color: var(--color-light-border-link);
23
23
  }
24
24
  :root {
25
- --gallery-broken-image-icon: url('https://alfabank.st/icons/art_no-image_s.svg');
25
+ --gallery-broken-image-icon: url('https://alfabank.gcdn.co/icons/art_no-image_s.svg');
26
26
  }
27
27
  .component {
28
28
  display: flex;
@@ -26,7 +26,7 @@
26
26
  --focus-color: var(--color-light-border-link);
27
27
  }
28
28
  :root {
29
- --gallery-broken-image-icon: url('https://alfabank.st/icons/art_no-image_s.svg');
29
+ --gallery-broken-image-icon: url('https://alfabank.gcdn.co/icons/art_no-image_s.svg');
30
30
  }
31
31
  .component {
32
32
  display: flex;
@@ -10,7 +10,7 @@ import './utils/utils.js';
10
10
  import './utils/constants.js';
11
11
  import '@alfalab/core-components-typography/dist/esm';
12
12
  import './components/header-info-block/Component.js';
13
- import './tslib.es6-2d5119a4.js';
13
+ import './tslib.es6-6967a4ad.js';
14
14
  import '@alfalab/core-components-icon-button/dist/esm';
15
15
  import '@alfalab/core-components-tooltip/dist/esm';
16
16
  import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -25,10 +25,10 @@ import 'element-closest';
25
25
  import 'swiper/swiper.min.css';
26
26
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
27
27
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
28
- import './slide-35867d81.js';
28
+ import './slide-6def2a83.js';
29
29
  import { ImageViewer } from './components/image-viewer/component.js';
30
30
 
31
- var styles = {"container":"gallery__container_15673","modal":"gallery__modal_15673"};
31
+ var styles = {"container":"gallery__container_wj66m","modal":"gallery__modal_wj66m"};
32
32
  require('./index.css')
33
33
 
34
34
  var Backdrop = function () { return null; };
@@ -5,7 +5,7 @@ import { isSmallImage } from '../../utils/utils.js';
5
5
  import { TestIds } from '../../utils/constants.js';
6
6
  import '@alfalab/core-components-typography/dist/esm';
7
7
  import { HeaderInfoBlock } from '../header-info-block/Component.js';
8
- import '../../tslib.es6-2d5119a4.js';
8
+ import '../../tslib.es6-6967a4ad.js';
9
9
  import '@alfalab/core-components-icon-button/dist/esm';
10
10
  import '@alfalab/core-components-tooltip/dist/esm';
11
11
  import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -14,7 +14,7 @@ import '@alfalab/icons-glyph/ArrowsInwardMIcon';
14
14
  import '@alfalab/icons-glyph/CrossMIcon';
15
15
  import { ExitFullscreen, Fullscreen, Download, Exit } from './buttons.js';
16
16
 
17
- var styles = {"header":"gallery__header_144zh","buttons":"gallery__buttons_144zh"};
17
+ var styles = {"header":"gallery__header_1i1tr","buttons":"gallery__buttons_1i1tr"};
18
18
  require('./index.css')
19
19
 
20
20
  var Header = function () {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { a as __rest, _ as __assign } from '../../tslib.es6-2d5119a4.js';
2
+ import { a as __rest, _ as __assign } from '../../tslib.es6-6967a4ad.js';
3
3
  import { IconButton } from '@alfalab/core-components-icon-button/dist/esm';
4
4
  import { Tooltip } from '@alfalab/core-components-tooltip/dist/esm';
5
5
  import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';
@@ -1,4 +1,4 @@
1
- /* hash: 1gp7n */
1
+ /* hash: oqq3s */
2
2
  :root {
3
3
  --color-light-bg-tertiary-inverted: #3c4c5d;
4
4
  }
@@ -15,7 +15,7 @@
15
15
  --gap-xl: 24px;
16
16
  --gap-2xl: 32px;
17
17
  }
18
- .gallery__header_144zh {
18
+ .gallery__header_1i1tr {
19
19
  display: flex;
20
20
  justify-content: space-between;
21
21
  flex-shrink: 0;
@@ -24,7 +24,7 @@
24
24
  background-color: var(--color-light-bg-tertiary-inverted);
25
25
  box-sizing: border-box;
26
26
  }
27
- .gallery__buttons_144zh {
27
+ .gallery__buttons_1i1tr {
28
28
  display: flex;
29
29
  padding-left: var(--gap-2xl);
30
30
  }
@@ -5,7 +5,7 @@ import '../../utils/utils.js';
5
5
  import '../../utils/constants.js';
6
6
  import '@alfalab/core-components-typography/dist/esm';
7
7
  import '../header-info-block/Component.js';
8
- import '../../tslib.es6-2d5119a4.js';
8
+ import '../../tslib.es6-6967a4ad.js';
9
9
  import '@alfalab/core-components-icon-button/dist/esm';
10
10
  import '@alfalab/core-components-tooltip/dist/esm';
11
11
  import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { splitFilename } from '../../utils/split-filename.js';
3
3
  import { Typography } from '@alfalab/core-components-typography/dist/esm';
4
4
 
5
- var styles = {"info":"gallery__info_aj64f","filenameHead":"gallery__filenameHead_aj64f","filenameContainer":"gallery__filenameContainer_aj64f","description":"gallery__description_aj64f"};
5
+ var styles = {"info":"gallery__info_enusm","filenameHead":"gallery__filenameHead_enusm","filenameContainer":"gallery__filenameContainer_enusm","description":"gallery__description_enusm"};
6
6
  require('./index.css')
7
7
 
8
8
  var HeaderInfoBlock = function (_a) {