@alfalab/core-components-gallery 2.0.1 → 3.0.1

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 +47 -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-d5922694.d.ts → slide-738553e3.d.ts} +0 -0
  39. package/dist/esm/{slide-d5922694.js → slide-738553e3.js} +1 -1
  40. package/dist/esm/{tslib.es6-a0d8427a.d.ts → tslib.es6-59fb5501.d.ts} +0 -0
  41. package/dist/esm/{tslib.es6-a0d8427a.js → tslib.es6-59fb5501.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-ed99bfd2.d.ts → slide-0aa6891b.d.ts} +0 -0
  61. package/dist/modern/{slide-ed99bfd2.js → slide-0aa6891b.js} +1 -1
  62. package/dist/{slide-72dcb819.d.ts → slide-4076547d.d.ts} +0 -0
  63. package/dist/{slide-72dcb819.js → slide-4076547d.js} +1 -1
  64. package/dist/{tslib.es6-404db855.d.ts → tslib.es6-a380506c.d.ts} +0 -0
  65. package/dist/{tslib.es6-404db855.js → tslib.es6-a380506c.js} +0 -0
  66. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,53 @@
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.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)
7
+
8
+ **Note:** Version bump only for package @alfalab/core-components-gallery
9
+
10
+
11
+
12
+
13
+
14
+ # [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)
15
+
16
+
17
+ * 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)
18
+
19
+
20
+ ### BREAKING CHANGES
21
+
22
+ * Добавьте новый домен в список разрешенных 'img-src': `'self' alfabank.gcdn.co data: 'self'`
23
+
24
+ This reverts commit 953fbcfec46a40089a5cfde670597315269b05f5.
25
+
26
+
27
+
28
+
29
+
30
+ ## [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)
31
+
32
+
33
+ ### Bug Fixes
34
+
35
+ * revert 0e8124552206f96149d104f65cff1667e857bf01 ([#916](https://github.com/alfa-laboratory/core-components/issues/916)) ([953fbcf](https://github.com/alfa-laboratory/core-components/commit/953fbcfec46a40089a5cfde670597315269b05f5))
36
+
37
+
38
+
39
+
40
+
41
+ ## [2.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-gallery@2.0.1...@alfalab/core-components-gallery@2.0.2) (2021-12-08)
42
+
43
+
44
+ ### Bug Fixes
45
+
46
+ * актуализируем @alfalab/utils ([#897](https://github.com/alfa-laboratory/core-components/issues/897)) ([30fb88e](https://github.com/alfa-laboratory/core-components/commit/30fb88eee36f68cabf80069e5125d911fabde4a5))
47
+ * новый cdn иконок ([#913](https://github.com/alfa-laboratory/core-components/issues/913)) ([0e81245](https://github.com/alfa-laboratory/core-components/commit/0e8124552206f96149d104f65cff1667e857bf01))
48
+
49
+
50
+
51
+
52
+
6
53
  ## [2.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-gallery@2.0.0...@alfalab/core-components-gallery@2.0.1) (2021-12-01)
7
54
 
8
55
  **Note:** Version bump only for package @alfalab/core-components-gallery
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-404db855.js');
17
+ require('./tslib.es6-a380506c.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-72dcb819.js');
32
+ require('./slide-4076547d.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_1j27p","modal":"gallery__modal_1j27p"};
39
+ var styles = {"container":"gallery__container_1r2lj","modal":"gallery__modal_1r2lj"};
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-404db855.js');
12
+ require('../../tslib.es6-a380506c.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_1awwr","buttons":"gallery__buttons_1awwr"};
25
+ var styles = {"header":"gallery__header_1r2h1","buttons":"gallery__buttons_1r2h1"};
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-404db855.js');
6
+ var tslib_es6 = require('../../tslib.es6-a380506c.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: 1q19v */
1
+ /* hash: 1mou3 */
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_1awwr {
18
+ .gallery__header_1r2h1 {
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_1awwr {
27
+ .gallery__buttons_1r2h1 {
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-404db855.js');
12
+ require('../../tslib.es6-a380506c.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_ls0el","filenameHead":"gallery__filenameHead_ls0el","filenameContainer":"gallery__filenameContainer_ls0el","description":"gallery__description_ls0el"};
13
+ var styles = {"info":"gallery__info_5mg4t","filenameHead":"gallery__filenameHead_5mg4t","filenameContainer":"gallery__filenameContainer_5mg4t","description":"gallery__description_5mg4t"};
14
14
  require('./index.css')
15
15
 
16
16
  var HeaderInfoBlock = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 66gm4 */
1
+ /* hash: 6vq23 */
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_ls0el {
13
+ .gallery__info_5mg4t {
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_ls0el {
20
+ .gallery__filenameHead_5mg4t {
21
21
  display: inline;
22
22
  text-overflow: ellipsis;
23
23
  overflow: hidden;
24
24
  white-space: nowrap;
25
25
  }
26
- .gallery__filenameContainer_ls0el {
26
+ .gallery__filenameContainer_5mg4t {
27
27
  overflow: hidden;
28
28
  display: inline-flex;
29
29
  }
30
- .gallery__description_ls0el {
30
+ .gallery__description_5mg4t {
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_11679","active":"gallery__active_11679","image":"gallery__image_11679","preview":"gallery__preview_11679","loading":"gallery__loading_11679","brokenImageWrapper":"gallery__brokenImageWrapper_11679","brokenIcon":"gallery__brokenIcon_11679","focused":"gallery__focused_11679"};
15
+ var styles = {"component":"gallery__component_l0mzj","active":"gallery__active_l0mzj","image":"gallery__image_l0mzj","preview":"gallery__preview_l0mzj","loading":"gallery__loading_l0mzj","brokenImageWrapper":"gallery__brokenImageWrapper_l0mzj","brokenIcon":"gallery__brokenIcon_l0mzj","focused":"gallery__focused_l0mzj"};
16
16
  require('./index.css')
17
17
 
18
18
  var ImagePreview = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 14lc5 */
1
+ /* hash: 15all */
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_11679 {
28
+ .gallery__component_l0mzj {
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_11679 {
37
+ .gallery__active_l0mzj {
38
38
  border-color: var(--color-light-border-key-inverted)
39
39
  }
40
- .gallery__active_11679 > .gallery__image_11679 {
40
+ .gallery__active_l0mzj > .gallery__image_l0mzj {
41
41
  opacity: 0.7;
42
42
  }
43
- .gallery__preview_11679 {
43
+ .gallery__preview_l0mzj {
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_11679 {
52
+ .gallery__image_l0mzj {
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_11679:hover {
59
+ .gallery__image_l0mzj:hover {
60
60
  opacity: 0.7;
61
61
  }
62
- .gallery__loading_11679 {
62
+ .gallery__loading_l0mzj {
63
63
  /* TODO: цвета нет в палитре */
64
64
  background-color: #e9eaeb;
65
65
  }
66
- .gallery__brokenImageWrapper_11679 {
66
+ .gallery__brokenImageWrapper_l0mzj {
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_11679:hover {
72
+ .gallery__brokenImageWrapper_l0mzj:hover {
73
73
  opacity: 0.7;
74
74
  }
75
- .gallery__brokenIcon_11679 {
75
+ .gallery__brokenIcon_l0mzj {
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_11679 {
82
+ .gallery__focused_l0mzj {
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-404db855.js');
12
+ var tslib_es6 = require('../../tslib.es6-a380506c.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-72dcb819.js');
19
+ var components_imageViewer_slide = require('../../slide-4076547d.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: 1nhze */
1
+ /* hash: 1f3qf */
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_1pu6o {
32
+ .gallery__component_1xukj {
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_1pu6o {
39
+ .gallery__swiper_1xukj {
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_1pu6o .gallery__swiper_1pu6o {
49
+ .gallery__singleSlide_1xukj .gallery__swiper_1xukj {
50
50
  max-height: calc(100vh - 80px);
51
51
  padding: var(--gap-2xl);
52
52
  }
53
- .gallery__hidden_1pu6o {
53
+ .gallery__hidden_1xukj {
54
54
  display: none;
55
55
  }
56
- .gallery__slide_1pu6o {
56
+ .gallery__slide_1xukj {
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_1pu6o {
64
+ .gallery__slideLoading_1xukj {
65
65
  /* TODO: цвета нет в палитре */
66
66
  background-color: #e9eaeb;
67
67
  border-radius: var(--border-radius-m);
68
68
  }
69
- .gallery__image_1pu6o {
69
+ .gallery__image_1xukj {
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_1pu6o {
77
+ .gallery__smallImage_1xukj {
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_1pu6o {
85
+ .gallery__verticalImageFit_1xukj {
86
86
  width: auto;
87
87
  height: 100%;
88
88
  }
89
- .gallery__horizontalImageFit_1pu6o {
89
+ .gallery__horizontalImageFit_1xukj {
90
90
  width: 100%;
91
91
  height: auto;
92
92
  }
93
- .gallery__arrow_1pu6o {
93
+ .gallery__arrow_1xukj {
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_1pu6o:hover {
106
+ .gallery__arrow_1xukj:hover {
107
107
  background-color: var(--color-light-bg-primary-inverted-alpha-10);
108
108
  }
109
- .gallery__arrow_1pu6o:active {
109
+ .gallery__arrow_1xukj:active {
110
110
  background-color: var(--color-light-bg-primary-inverted-alpha-20);
111
111
  }
112
- .gallery__focused_1pu6o {
112
+ .gallery__focused_1xukj {
113
113
  outline: 2px solid var(--focus-color);
114
114
  outline-offset: 2px;
115
115
  }
116
- .gallery__placeholder_1pu6o {
116
+ .gallery__placeholder_1xukj {
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_1pu6o {
125
+ .gallery__brokenImgWrapper_1xukj {
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_1pu6o {
133
+ .gallery__brokenImgIcon_1xukj {
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_1pu6o {
141
+ .gallery__fullScreenImage_1xukj {
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-404db855.js');
12
+ require('../../tslib.es6-a380506c.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-72dcb819.js');
19
+ require('../../slide-4076547d.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-72dcb819.js');
10
+ var components_imageViewer_slide = require('../../slide-4076547d.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-404db855.js');
16
+ require('../tslib.es6-a380506c.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-72dcb819.js');
31
+ require('../slide-4076547d.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_1av5e","preview":"gallery__preview_1av5e"};
17
+ var styles = {"component":"gallery__component_upl52","preview":"gallery__preview_upl52"};
18
18
  require('./index.css')
19
19
 
20
20
  var MIN_SCROLL_STEP = 24;
@@ -1,4 +1,4 @@
1
- /* hash: 11p5o */
1
+ /* hash: 1r0gw */
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_1av5e {
17
+ .gallery__component_upl52 {
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_1av5e::-webkit-scrollbar {
30
+ .gallery__component_upl52::-webkit-scrollbar {
31
31
  display: none;
32
32
  }
33
- .gallery__preview_1av5e {
33
+ .gallery__preview_upl52 {
34
34
  flex-shrink: 0;
35
35
  margin: 0 var(--gap-3xs)
36
36
  }
37
- .gallery__preview_1av5e:first-child {
37
+ .gallery__preview_upl52:first-child {
38
38
  margin-left: auto;
39
39
  }
40
- .gallery__preview_1av5e:last-child {
40
+ .gallery__preview_upl52: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-a0d8427a.js';
13
+ import './tslib.es6-59fb5501.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-d5922694.js';
28
+ import './slide-738553e3.js';
29
29
  import { ImageViewer } from './components/image-viewer/component.js';
30
30
 
31
- var styles = {"container":"gallery__container_1j27p","modal":"gallery__modal_1j27p"};
31
+ var styles = {"container":"gallery__container_1r2lj","modal":"gallery__modal_1r2lj"};
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-a0d8427a.js';
8
+ import '../../tslib.es6-59fb5501.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_1awwr","buttons":"gallery__buttons_1awwr"};
17
+ var styles = {"header":"gallery__header_1r2h1","buttons":"gallery__buttons_1r2h1"};
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-a0d8427a.js';
2
+ import { a as __rest, _ as __assign } from '../../tslib.es6-59fb5501.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: 1q19v */
1
+ /* hash: 1mou3 */
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_1awwr {
18
+ .gallery__header_1r2h1 {
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_1awwr {
27
+ .gallery__buttons_1r2h1 {
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-a0d8427a.js';
8
+ import '../../tslib.es6-59fb5501.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_ls0el","filenameHead":"gallery__filenameHead_ls0el","filenameContainer":"gallery__filenameContainer_ls0el","description":"gallery__description_ls0el"};
5
+ var styles = {"info":"gallery__info_5mg4t","filenameHead":"gallery__filenameHead_5mg4t","filenameContainer":"gallery__filenameContainer_5mg4t","description":"gallery__description_5mg4t"};
6
6
  require('./index.css')
7
7
 
8
8
  var HeaderInfoBlock = function (_a) {