@prom-ui/core 1.7.0-alpha.3 → 1.7.0

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 (79) hide show
  1. package/Avatar/package.json +1 -1
  2. package/Backdrop/package.json +1 -1
  3. package/Body/package.json +1 -1
  4. package/BodyContext/package.json +1 -1
  5. package/BodyProvider/cjs/index.development.js +3 -3
  6. package/BodyProvider/cjs/index.development.v2.js +3 -3
  7. package/BodyProvider/cjs/index.production.js +1 -1
  8. package/BodyProvider/cjs/index.production.v2.js +1 -1
  9. package/BodyProvider/package.json +1 -1
  10. package/Box/cjs/index.development.js +1 -1
  11. package/Box/cjs/index.development.v2.js +1 -1
  12. package/Box/cjs/index.production.js +1 -1
  13. package/Box/cjs/index.production.v2.js +1 -1
  14. package/Box/cjs/style.development.css +1 -1
  15. package/Box/cjs/style.development.v2.css +1 -1
  16. package/Box/cjs/style.production.css +1 -1
  17. package/Box/cjs/style.production.v2.css +1 -1
  18. package/Box/index.d.ts +1 -1
  19. package/Box/package.json +1 -1
  20. package/Button/package.json +1 -1
  21. package/ButtonPageUp/package.json +1 -1
  22. package/Checkbox/package.json +1 -1
  23. package/Flex/package.json +1 -1
  24. package/Grid/package.json +1 -1
  25. package/Icon/cjs/index.development.js +1 -1
  26. package/Icon/cjs/index.development.v2.js +1 -1
  27. package/Icon/cjs/index.production.js +1 -1
  28. package/Icon/cjs/index.production.v2.js +1 -1
  29. package/Icon/cjs/style.development.css +1 -1
  30. package/Icon/cjs/style.development.v2.css +1 -1
  31. package/Icon/cjs/style.production.css +1 -1
  32. package/Icon/cjs/style.production.v2.css +1 -1
  33. package/Icon/index.d.ts +1 -1
  34. package/Icon/package.json +1 -1
  35. package/Image/package.json +1 -1
  36. package/ImageEmoji/package.json +1 -1
  37. package/Input/package.json +1 -1
  38. package/InputField/package.json +1 -1
  39. package/KeyPress/package.json +1 -1
  40. package/Line/package.json +1 -1
  41. package/Link/package.json +1 -1
  42. package/List/package.json +1 -1
  43. package/Media/package.json +1 -1
  44. package/OutsideClick/package.json +1 -1
  45. package/Overlay/package.json +1 -1
  46. package/PhotoGallery/cjs/index.development.js +34 -21
  47. package/PhotoGallery/cjs/index.development.v2.js +34 -21
  48. package/PhotoGallery/cjs/index.production.js +1 -1
  49. package/PhotoGallery/cjs/index.production.v2.js +1 -1
  50. package/PhotoGallery/components/MainPhotosImage.d.ts +4 -5
  51. package/PhotoGallery/index.d.ts +1 -1
  52. package/PhotoGallery/package.json +1 -1
  53. package/PhotoGallery/utils.d.ts +2 -1
  54. package/Picture/package.json +1 -1
  55. package/Portal/package.json +1 -1
  56. package/QRCode/package.json +1 -1
  57. package/Rating/package.json +1 -1
  58. package/RatingSelect/package.json +1 -1
  59. package/SafeQuery/package.json +1 -1
  60. package/Scroll/package.json +1 -1
  61. package/ScrollControls/package.json +1 -1
  62. package/SimpleSlider/package.json +1 -1
  63. package/Skeleton/package.json +1 -1
  64. package/Spinner/package.json +1 -1
  65. package/Text/package.json +1 -1
  66. package/TextEmoji/package.json +1 -1
  67. package/Tooltip/package.json +1 -1
  68. package/Tumbler/package.json +1 -1
  69. package/package.json +2 -2
  70. package/useBodyTTag/package.json +1 -1
  71. package/useDebounce/package.json +1 -1
  72. package/useForwardRef/package.json +1 -1
  73. package/useId/package.json +1 -1
  74. package/useIsMounted/package.json +1 -1
  75. package/useKeyPress/package.json +1 -1
  76. package/useMedia/package.json +1 -1
  77. package/useOutsideClick/package.json +1 -1
  78. package/usePortal/package.json +1 -1
  79. package/useScrollPosition/package.json +1 -1
package/Box/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/types';
2
- type BoxThemes = EvokitMediaSufix<'black-100' | 'black-200' | 'black-300' | 'black-400' | 'black-600' | 'black-700' | 'black-800' | 'black-900' | 'green-50' | 'green-500' | 'green-700' | 'red-50' | 'red-100' | 'red-500' | 'violet-50' | 'violet-100' | 'violet-500' | 'violet-700' | 'violet-800' | 'white' | 'yellow-50' | 'yellow-100' | 'yellow-200' | 'yellow-500'>;
2
+ type BoxThemes = EvokitMediaSufix<'black-100' | 'black-200' | 'black-300' | 'black-400' | 'black-600' | 'black-700' | 'black-800' | 'black-900' | 'green-50' | 'green-500' | 'green-700' | 'orange-50' | 'red-100' | 'red-50' | 'red-500' | 'violet-100' | 'violet-50' | 'violet-500' | 'violet-700' | 'violet-800' | 'white' | 'yellow-100' | 'yellow-200' | 'yellow-50' | 'yellow-500'>;
3
3
  type BoxBorderWidth = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
4
4
  type BoxBorderStyle = EvokitMediaSufix<'solid' | 'dotted' | 'dashed'>;
5
5
  type BoxAlign = EvokitMediaSufix<'none' | 'left' | 'center' | 'right'>;
package/Box/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Box",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Button",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/ButtonPageUp",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Checkbox",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/Flex/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Flex",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/Grid/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Grid",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,7 +24,7 @@ function _interopNamespaceCompat(e) {
24
24
 
25
25
  var evokit__namespace = /*#__PURE__*/_interopNamespaceCompat(evokit);
26
26
 
27
- var css = {"ek-icon":"Icon__ek-icon___D8VyR","ek-icon_display_inline-block":"Icon__ek-icon_display_inline-block___lSnm0","ek-icon_display_block":"Icon__ek-icon_display_block___UvWz9","ek-icon_display_none":"Icon__ek-icon_display_none___AiYn4","ek-icon_events_none":"Icon__ek-icon_events_none___HoYuS","ek-icon_events_auto":"Icon__ek-icon_events_auto___vi24J","ek-icon_color_black-400":"Icon__ek-icon_color_black-400___CPi69","ek-icon_color_black-600":"Icon__ek-icon_color_black-600___y-5aG","ek-icon_color_black-700":"Icon__ek-icon_color_black-700___ya7ul","ek-icon_color_black-900":"Icon__ek-icon_color_black-900___6WmlM","ek-icon_color_blue-500":"Icon__ek-icon_color_blue-500___pmTk-","ek-icon_color_green-500":"Icon__ek-icon_color_green-500___fbfqc","ek-icon_color_green-700":"Icon__ek-icon_color_green-700___BT0nq","ek-icon_color_green-800":"Icon__ek-icon_color_green-800___oenUb","ek-icon_color_red-500":"Icon__ek-icon_color_red-500___p0PpV","ek-icon_color_red-900":"Icon__ek-icon_color_red-900___YPYr2","ek-icon_color_violet-500":"Icon__ek-icon_color_violet-500___sHErq","ek-icon_color_white":"Icon__ek-icon_color_white___fc4Jx","ek-icon_color_yellow-500":"Icon__ek-icon_color_yellow-500___3N6kU"};
27
+ var css = {"ek-icon":"Icon__ek-icon___D8VyR","ek-icon_display_inline-block":"Icon__ek-icon_display_inline-block___lSnm0","ek-icon_display_block":"Icon__ek-icon_display_block___UvWz9","ek-icon_display_none":"Icon__ek-icon_display_none___AiYn4","ek-icon_events_none":"Icon__ek-icon_events_none___HoYuS","ek-icon_events_auto":"Icon__ek-icon_events_auto___vi24J","ek-icon_color_black-400":"Icon__ek-icon_color_black-400___CPi69","ek-icon_color_black-600":"Icon__ek-icon_color_black-600___y-5aG","ek-icon_color_black-700":"Icon__ek-icon_color_black-700___ya7ul","ek-icon_color_black-900":"Icon__ek-icon_color_black-900___6WmlM","ek-icon_color_blue-500":"Icon__ek-icon_color_blue-500___pmTk-","ek-icon_color_green-500":"Icon__ek-icon_color_green-500___fbfqc","ek-icon_color_green-700":"Icon__ek-icon_color_green-700___BT0nq","ek-icon_color_green-800":"Icon__ek-icon_color_green-800___oenUb","ek-icon_color_orange-900":"Icon__ek-icon_color_orange-900___i29zt","ek-icon_color_red-500":"Icon__ek-icon_color_red-500___p0PpV","ek-icon_color_red-900":"Icon__ek-icon_color_red-900___YPYr2","ek-icon_color_violet-500":"Icon__ek-icon_color_violet-500___sHErq","ek-icon_color_white":"Icon__ek-icon_color_white___fc4Jx","ek-icon_color_yellow-500":"Icon__ek-icon_color_yellow-500___3N6kU"};
28
28
 
29
29
  var Icon = evokit__namespace.createBlock('svg', 'icon', ['display', 'color', 'events'], {
30
30
  css: css
@@ -24,7 +24,7 @@ function _interopNamespaceCompat(e) {
24
24
 
25
25
  var evokit__namespace = /*#__PURE__*/_interopNamespaceCompat(evokit);
26
26
 
27
- var css = {"ek-icon":"Icon__ek-icon___2uocW","ek-icon_display_inline-block":"Icon__ek-icon_display_inline-block___tusNW","ek-icon_display_block":"Icon__ek-icon_display_block___z3WWE","ek-icon_display_none":"Icon__ek-icon_display_none___-JKGl","ek-icon_events_none":"Icon__ek-icon_events_none___YZUJQ","ek-icon_events_auto":"Icon__ek-icon_events_auto___P34Ly","ek-icon_color_black-400":"Icon__ek-icon_color_black-400___Aj0pr","ek-icon_color_black-600":"Icon__ek-icon_color_black-600___tnE1J","ek-icon_color_black-700":"Icon__ek-icon_color_black-700___-PSEf","ek-icon_color_black-900":"Icon__ek-icon_color_black-900___t2o3R","ek-icon_color_blue-500":"Icon__ek-icon_color_blue-500___zAWk2","ek-icon_color_green-500":"Icon__ek-icon_color_green-500___KP4gK","ek-icon_color_green-700":"Icon__ek-icon_color_green-700___yCM-v","ek-icon_color_green-800":"Icon__ek-icon_color_green-800___Bb2sy","ek-icon_color_red-500":"Icon__ek-icon_color_red-500___s6ViC","ek-icon_color_red-900":"Icon__ek-icon_color_red-900___AfM1V","ek-icon_color_violet-500":"Icon__ek-icon_color_violet-500___bO4JC","ek-icon_color_white":"Icon__ek-icon_color_white___a8j5A","ek-icon_color_yellow-500":"Icon__ek-icon_color_yellow-500___WEX--"};
27
+ var css = {"ek-icon":"Icon__ek-icon___2uocW","ek-icon_display_inline-block":"Icon__ek-icon_display_inline-block___tusNW","ek-icon_display_block":"Icon__ek-icon_display_block___z3WWE","ek-icon_display_none":"Icon__ek-icon_display_none___-JKGl","ek-icon_events_none":"Icon__ek-icon_events_none___YZUJQ","ek-icon_events_auto":"Icon__ek-icon_events_auto___P34Ly","ek-icon_color_black-400":"Icon__ek-icon_color_black-400___Aj0pr","ek-icon_color_black-600":"Icon__ek-icon_color_black-600___tnE1J","ek-icon_color_black-700":"Icon__ek-icon_color_black-700___-PSEf","ek-icon_color_black-900":"Icon__ek-icon_color_black-900___t2o3R","ek-icon_color_blue-500":"Icon__ek-icon_color_blue-500___zAWk2","ek-icon_color_green-500":"Icon__ek-icon_color_green-500___KP4gK","ek-icon_color_green-700":"Icon__ek-icon_color_green-700___yCM-v","ek-icon_color_green-800":"Icon__ek-icon_color_green-800___Bb2sy","ek-icon_color_orange-900":"Icon__ek-icon_color_orange-900___VVybz","ek-icon_color_red-500":"Icon__ek-icon_color_red-500___s6ViC","ek-icon_color_red-900":"Icon__ek-icon_color_red-900___AfM1V","ek-icon_color_violet-500":"Icon__ek-icon_color_violet-500___bO4JC","ek-icon_color_white":"Icon__ek-icon_color_white___a8j5A","ek-icon_color_yellow-500":"Icon__ek-icon_color_yellow-500___WEX--"};
28
28
 
29
29
  var Icon = evokit__namespace.createBlock('svg', 'icon', ['display', 'color', 'events'], {
30
30
  css: css
@@ -1 +1 @@
1
- "use strict";function e(e){if(e&&"object"==typeof e&&"default"in e)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(c){if("default"!==c){var n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(o,c,n.get?n:{enumerable:!0,get:function(){return e[c]}})}})),o.default=e,Object.freeze(o)}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("evokit")).createBlock("svg","icon",["display","color","events"],{css:{"ek-icon":"D8VyR","ek-icon_display_inline-block":"lSnm0","ek-icon_display_block":"UvWz9","ek-icon_display_none":"AiYn4","ek-icon_events_none":"HoYuS","ek-icon_events_auto":"vi24J","ek-icon_color_black-400":"CPi69","ek-icon_color_black-600":"y-5aG","ek-icon_color_black-700":"ya7ul","ek-icon_color_black-900":"_6WmlM","ek-icon_color_blue-500":"pmTk-","ek-icon_color_green-500":"fbfqc","ek-icon_color_green-700":"BT0nq","ek-icon_color_green-800":"oenUb","ek-icon_color_red-500":"p0PpV","ek-icon_color_red-900":"YPYr2","ek-icon_color_violet-500":"sHErq","ek-icon_color_white":"fc4Jx","ek-icon_color_yellow-500":"_3N6kU"}});o.defaultProps={focusable:!1,"aria-hidden":!0,tabIndex:-1},exports.Icon=o,require("./style.production.css");
1
+ "use strict";function e(e){if(e&&"object"==typeof e&&"default"in e)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(c){if("default"!==c){var n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(o,c,n.get?n:{enumerable:!0,get:function(){return e[c]}})}})),o.default=e,Object.freeze(o)}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("evokit")).createBlock("svg","icon",["display","color","events"],{css:{"ek-icon":"D8VyR","ek-icon_display_inline-block":"lSnm0","ek-icon_display_block":"UvWz9","ek-icon_display_none":"AiYn4","ek-icon_events_none":"HoYuS","ek-icon_events_auto":"vi24J","ek-icon_color_black-400":"CPi69","ek-icon_color_black-600":"y-5aG","ek-icon_color_black-700":"ya7ul","ek-icon_color_black-900":"_6WmlM","ek-icon_color_blue-500":"pmTk-","ek-icon_color_green-500":"fbfqc","ek-icon_color_green-700":"BT0nq","ek-icon_color_green-800":"oenUb","ek-icon_color_orange-900":"i29zt","ek-icon_color_red-500":"p0PpV","ek-icon_color_red-900":"YPYr2","ek-icon_color_violet-500":"sHErq","ek-icon_color_white":"fc4Jx","ek-icon_color_yellow-500":"_3N6kU"}});o.defaultProps={focusable:!1,"aria-hidden":!0,tabIndex:-1},exports.Icon=o,require("./style.production.css");
@@ -1 +1 @@
1
- "use strict";function e(e){if(e&&"object"==typeof e&&"default"in e)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(c){if("default"!==c){var n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(o,c,n.get?n:{enumerable:!0,get:function(){return e[c]}})}})),o.default=e,Object.freeze(o)}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("evokit")).createBlock("svg","icon",["display","color","events"],{css:{"ek-icon":"_2uocW","ek-icon_display_inline-block":"tusNW","ek-icon_display_block":"z3WWE","ek-icon_display_none":"-JKGl","ek-icon_events_none":"YZUJQ","ek-icon_events_auto":"P34Ly","ek-icon_color_black-400":"Aj0pr","ek-icon_color_black-600":"tnE1J","ek-icon_color_black-700":"-PSEf","ek-icon_color_black-900":"t2o3R","ek-icon_color_blue-500":"zAWk2","ek-icon_color_green-500":"KP4gK","ek-icon_color_green-700":"yCM-v","ek-icon_color_green-800":"Bb2sy","ek-icon_color_red-500":"s6ViC","ek-icon_color_red-900":"AfM1V","ek-icon_color_violet-500":"bO4JC","ek-icon_color_white":"a8j5A","ek-icon_color_yellow-500":"WEX--"}});o.defaultProps={focusable:!1,"aria-hidden":!0,tabIndex:-1},exports.Icon=o,require("./style.production.v2.css");
1
+ "use strict";function e(e){if(e&&"object"==typeof e&&"default"in e)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(c){if("default"!==c){var n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(o,c,n.get?n:{enumerable:!0,get:function(){return e[c]}})}})),o.default=e,Object.freeze(o)}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("evokit")).createBlock("svg","icon",["display","color","events"],{css:{"ek-icon":"_2uocW","ek-icon_display_inline-block":"tusNW","ek-icon_display_block":"z3WWE","ek-icon_display_none":"-JKGl","ek-icon_events_none":"YZUJQ","ek-icon_events_auto":"P34Ly","ek-icon_color_black-400":"Aj0pr","ek-icon_color_black-600":"tnE1J","ek-icon_color_black-700":"-PSEf","ek-icon_color_black-900":"t2o3R","ek-icon_color_blue-500":"zAWk2","ek-icon_color_green-500":"KP4gK","ek-icon_color_green-700":"yCM-v","ek-icon_color_green-800":"Bb2sy","ek-icon_color_orange-900":"VVybz","ek-icon_color_red-500":"s6ViC","ek-icon_color_red-900":"AfM1V","ek-icon_color_violet-500":"bO4JC","ek-icon_color_white":"a8j5A","ek-icon_color_yellow-500":"WEX--"}});o.defaultProps={focusable:!1,"aria-hidden":!0,tabIndex:-1},exports.Icon=o,require("./style.production.v2.css");
@@ -1 +1 @@
1
- .Icon__ek-icon___D8VyR{display:block;width:1em;height:1em;fill:currentColor;flex-shrink:0}.Icon__ek-icon___D8VyR:focus{outline:0}.Icon__ek-icon_display_inline-block___lSnm0{display:inline-block}.Icon__ek-icon_display_block___UvWz9{display:block}.Icon__ek-icon_display_none___AiYn4{display:none}.Icon__ek-icon_events_none___HoYuS{pointer-events:none}.Icon__ek-icon_events_auto___vi24J{pointer-events:auto}.Icon__ek-icon_color_black-400___CPi69{color:var(--black-400)}.Icon__ek-icon_color_black-600___y-5aG{color:var(--black-600)}.Icon__ek-icon_color_black-700___ya7ul{color:var(--black-700)}.Icon__ek-icon_color_black-900___6WmlM{color:var(--black-900)}.Icon__ek-icon_color_blue-500___pmTk-{color:var(--blue-500)}.Icon__ek-icon_color_green-500___fbfqc{color:var(--green-500)}.Icon__ek-icon_color_green-700___BT0nq{color:var(--green-700)}.Icon__ek-icon_color_green-800___oenUb{color:var(--green-800)}.Icon__ek-icon_color_red-500___p0PpV{color:var(--red-500)}.Icon__ek-icon_color_red-900___YPYr2{color:var(--red-900)}.Icon__ek-icon_color_violet-500___sHErq{color:var(--violet-500)}.Icon__ek-icon_color_white___fc4Jx{color:var(--white)}.Icon__ek-icon_color_yellow-500___3N6kU{color:var(--yellow-500)}
1
+ .Icon__ek-icon___D8VyR{display:block;width:1em;height:1em;fill:currentColor;flex-shrink:0}.Icon__ek-icon___D8VyR:focus{outline:0}.Icon__ek-icon_display_inline-block___lSnm0{display:inline-block}.Icon__ek-icon_display_block___UvWz9{display:block}.Icon__ek-icon_display_none___AiYn4{display:none}.Icon__ek-icon_events_none___HoYuS{pointer-events:none}.Icon__ek-icon_events_auto___vi24J{pointer-events:auto}.Icon__ek-icon_color_black-400___CPi69{color:var(--black-400)}.Icon__ek-icon_color_black-600___y-5aG{color:var(--black-600)}.Icon__ek-icon_color_black-700___ya7ul{color:var(--black-700)}.Icon__ek-icon_color_black-900___6WmlM{color:var(--black-900)}.Icon__ek-icon_color_blue-500___pmTk-{color:var(--blue-500)}.Icon__ek-icon_color_green-500___fbfqc{color:var(--green-500)}.Icon__ek-icon_color_green-700___BT0nq{color:var(--green-700)}.Icon__ek-icon_color_green-800___oenUb{color:var(--green-800)}.Icon__ek-icon_color_orange-900___i29zt{color:var(--orange-900)}.Icon__ek-icon_color_red-500___p0PpV{color:var(--red-500)}.Icon__ek-icon_color_red-900___YPYr2{color:var(--red-900)}.Icon__ek-icon_color_violet-500___sHErq{color:var(--violet-500)}.Icon__ek-icon_color_white___fc4Jx{color:var(--white)}.Icon__ek-icon_color_yellow-500___3N6kU{color:var(--yellow-500)}
@@ -1 +1 @@
1
- .Icon__ek-icon___2uocW{display:block;width:1em;height:1em;fill:currentColor;flex-shrink:0}.Icon__ek-icon___2uocW:focus{outline:0}.Icon__ek-icon_display_inline-block___tusNW{display:inline-block}.Icon__ek-icon_display_block___z3WWE{display:block}.Icon__ek-icon_display_none___-JKGl{display:none}.Icon__ek-icon_events_none___YZUJQ{pointer-events:none}.Icon__ek-icon_events_auto___P34Ly{pointer-events:auto}.Icon__ek-icon_color_black-400___Aj0pr{color:var(--black-400)}.Icon__ek-icon_color_black-600___tnE1J{color:var(--black-600)}.Icon__ek-icon_color_black-700___-PSEf{color:var(--black-700)}.Icon__ek-icon_color_black-900___t2o3R{color:var(--black-900)}.Icon__ek-icon_color_blue-500___zAWk2{color:var(--blue-500)}.Icon__ek-icon_color_green-500___KP4gK{color:var(--green-500)}.Icon__ek-icon_color_green-700___yCM-v{color:var(--green-700)}.Icon__ek-icon_color_green-800___Bb2sy{color:var(--green-800)}.Icon__ek-icon_color_red-500___s6ViC{color:var(--red-500)}.Icon__ek-icon_color_red-900___AfM1V{color:var(--red-900)}.Icon__ek-icon_color_violet-500___bO4JC{color:var(--violet-500)}.Icon__ek-icon_color_white___a8j5A{color:var(--white)}.Icon__ek-icon_color_yellow-500___WEX--{color:var(--yellow-500)}
1
+ .Icon__ek-icon___2uocW{display:block;width:1em;height:1em;fill:currentColor;flex-shrink:0}.Icon__ek-icon___2uocW:focus{outline:0}.Icon__ek-icon_display_inline-block___tusNW{display:inline-block}.Icon__ek-icon_display_block___z3WWE{display:block}.Icon__ek-icon_display_none___-JKGl{display:none}.Icon__ek-icon_events_none___YZUJQ{pointer-events:none}.Icon__ek-icon_events_auto___P34Ly{pointer-events:auto}.Icon__ek-icon_color_black-400___Aj0pr{color:var(--black-400)}.Icon__ek-icon_color_black-600___tnE1J{color:var(--black-600)}.Icon__ek-icon_color_black-700___-PSEf{color:var(--black-700)}.Icon__ek-icon_color_black-900___t2o3R{color:var(--black-900)}.Icon__ek-icon_color_blue-500___zAWk2{color:var(--blue-500)}.Icon__ek-icon_color_green-500___KP4gK{color:var(--green-500)}.Icon__ek-icon_color_green-700___yCM-v{color:var(--green-700)}.Icon__ek-icon_color_green-800___Bb2sy{color:var(--green-800)}.Icon__ek-icon_color_orange-900___VVybz{color:var(--orange-900)}.Icon__ek-icon_color_red-500___s6ViC{color:var(--red-500)}.Icon__ek-icon_color_red-900___AfM1V{color:var(--red-900)}.Icon__ek-icon_color_violet-500___bO4JC{color:var(--violet-500)}.Icon__ek-icon_color_white___a8j5A{color:var(--white)}.Icon__ek-icon_color_yellow-500___WEX--{color:var(--yellow-500)}
@@ -1 +1 @@
1
- .D8VyR{display:block;width:1em;height:1em;fill:currentColor;flex-shrink:0}.D8VyR:focus{outline:0}.lSnm0{display:inline-block}.UvWz9{display:block}.AiYn4{display:none}.HoYuS{pointer-events:none}.vi24J{pointer-events:auto}.CPi69{color:var(--black-400)}.y-5aG{color:var(--black-600)}.ya7ul{color:var(--black-700)}._6WmlM{color:var(--black-900)}.pmTk-{color:var(--blue-500)}.fbfqc{color:var(--green-500)}.BT0nq{color:var(--green-700)}.oenUb{color:var(--green-800)}.p0PpV{color:var(--red-500)}.YPYr2{color:var(--red-900)}.sHErq{color:var(--violet-500)}.fc4Jx{color:var(--white)}._3N6kU{color:var(--yellow-500)}
1
+ .D8VyR{display:block;width:1em;height:1em;fill:currentColor;flex-shrink:0}.D8VyR:focus{outline:0}.lSnm0{display:inline-block}.UvWz9{display:block}.AiYn4{display:none}.HoYuS{pointer-events:none}.vi24J{pointer-events:auto}.CPi69{color:var(--black-400)}.y-5aG{color:var(--black-600)}.ya7ul{color:var(--black-700)}._6WmlM{color:var(--black-900)}.pmTk-{color:var(--blue-500)}.fbfqc{color:var(--green-500)}.BT0nq{color:var(--green-700)}.oenUb{color:var(--green-800)}.i29zt{color:var(--orange-900)}.p0PpV{color:var(--red-500)}.YPYr2{color:var(--red-900)}.sHErq{color:var(--violet-500)}.fc4Jx{color:var(--white)}._3N6kU{color:var(--yellow-500)}
@@ -1 +1 @@
1
- ._2uocW{display:block;width:1em;height:1em;fill:currentColor;flex-shrink:0}._2uocW:focus{outline:0}.tusNW{display:inline-block}.z3WWE{display:block}.-JKGl{display:none}.YZUJQ{pointer-events:none}.P34Ly{pointer-events:auto}.Aj0pr{color:var(--black-400)}.tnE1J{color:var(--black-600)}.-PSEf{color:var(--black-700)}.t2o3R{color:var(--black-900)}.zAWk2{color:var(--blue-500)}.KP4gK{color:var(--green-500)}.yCM-v{color:var(--green-700)}.Bb2sy{color:var(--green-800)}.s6ViC{color:var(--red-500)}.AfM1V{color:var(--red-900)}.bO4JC{color:var(--violet-500)}.a8j5A{color:var(--white)}.WEX--{color:var(--yellow-500)}
1
+ ._2uocW{display:block;width:1em;height:1em;fill:currentColor;flex-shrink:0}._2uocW:focus{outline:0}.tusNW{display:inline-block}.z3WWE{display:block}.-JKGl{display:none}.YZUJQ{pointer-events:none}.P34Ly{pointer-events:auto}.Aj0pr{color:var(--black-400)}.tnE1J{color:var(--black-600)}.-PSEf{color:var(--black-700)}.t2o3R{color:var(--black-900)}.zAWk2{color:var(--blue-500)}.KP4gK{color:var(--green-500)}.yCM-v{color:var(--green-700)}.Bb2sy{color:var(--green-800)}.VVybz{color:var(--orange-900)}.s6ViC{color:var(--red-500)}.AfM1V{color:var(--red-900)}.bO4JC{color:var(--violet-500)}.a8j5A{color:var(--white)}.WEX--{color:var(--yellow-500)}
package/Icon/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { CreateBlock, EvokitProp } from '@prom-ui/core/base/types';
2
2
  export type IconProps = {
3
3
  'icon-display'?: EvokitProp<'block' | 'inline-block' | 'none'>;
4
4
  /** Цвет иконки */
5
- 'icon-color'?: EvokitProp<'black-400' | 'black-600' | 'black-700' | 'black-900' | 'blue-500' | 'green-500' | 'green-700' | 'green-800' | 'red-500' | 'red-900' | 'violet-500' | 'white' | 'yellow-500'>;
5
+ 'icon-color'?: EvokitProp<'black-400' | 'black-600' | 'black-700' | 'black-900' | 'blue-500' | 'green-500' | 'green-700' | 'green-800' | 'orange-900' | 'red-500' | 'red-900' | 'violet-500' | 'white' | 'yellow-500'>;
6
6
  /** Отвечает за события мыши/касания */
7
7
  'icon-events'?: EvokitProp<'auto' | 'none'>;
8
8
  };
package/Icon/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Icon",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Image",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/ImageEmoji",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Input",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/InputField",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/KeyPress",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/Line/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Line",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/Link/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Link",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/List/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/List",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Media",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/OutsideClick",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Overlay",
3
- "version": "1.7.0-alpha.3",
3
+ "version": "1.7.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -164,12 +164,18 @@ var getIndexFromScroll = function getIndexFromScroll(target, size) {
164
164
  var scrollIndex = scrollLeft / scrollWidth * size;
165
165
  return Math.round(scrollIndex);
166
166
  };
167
- var prepareVideoUrl = function prepareVideoUrl(videoSrc) {
168
- var url = new URL(videoSrc);
169
- url.searchParams["delete"]('autoplay');
170
- url.searchParams.append('enablejsapi', '1');
171
- url.searchParams.append('rel', '0');
172
- return url.href;
167
+ var getVideoEmbedId = function getVideoEmbedId(videoUrl) {
168
+ var regExp = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
169
+ var matches = regExp.exec(videoUrl);
170
+ return matches && matches[1];
171
+ };
172
+ var getEmbedVideoUrl = function getEmbedVideoUrl(videoUrl) {
173
+ var embedId = getVideoEmbedId(videoUrl);
174
+ return "https://youtube.com/embed/".concat(embedId, "?enablejsapi=1&rel=0");
175
+ };
176
+ var getVideoPreviewImage = function getVideoPreviewImage(videoUrl) {
177
+ var embedId = getVideoEmbedId(videoUrl);
178
+ return "https://img.youtube.com/vi/".concat(embedId, "/0.jpg");
173
179
  };
174
180
 
175
181
  // fork rfom https://github.com/manuelstofer/pinchzoom
@@ -1003,11 +1009,11 @@ var css = {"scrolling":"PhotoGallery__scrolling___BeLzR","root":"PhotoGallery__r
1003
1009
 
1004
1010
  var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
1005
1011
  var src = _ref.src,
1006
- video = _ref.video;
1012
+ videoSrc = _ref.videoSrc;
1007
1013
  var videoIframeRef = React__namespace.useRef(null);
1008
1014
  var pinchZoomRef = React__namespace.useRef(null);
1009
1015
  var imgRef = React__namespace.useRef(null);
1010
- var isVideo = !!video;
1016
+ var isVideo = !!videoSrc;
1011
1017
  var reset = function reset() {
1012
1018
  var _pinchZoomRef$current, _videoIframeRef$curre;
1013
1019
  (_pinchZoomRef$current = pinchZoomRef.current) === null || _pinchZoomRef$current === void 0 ? void 0 : _pinchZoomRef$current.reset();
@@ -1026,7 +1032,7 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
1026
1032
  var _pinchZoomRef$current2;
1027
1033
  (_pinchZoomRef$current2 = pinchZoomRef.current) === null || _pinchZoomRef$current2 === void 0 ? void 0 : _pinchZoomRef$current2.destroy();
1028
1034
  };
1029
- }, [video]);
1035
+ }, [videoSrc]);
1030
1036
  React__namespace.useImperativeHandle(ref, function () {
1031
1037
  return {
1032
1038
  reset: reset
@@ -1036,7 +1042,7 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
1036
1042
  return /*#__PURE__*/React__namespace.createElement("iframe", {
1037
1043
  ref: videoIframeRef,
1038
1044
  className: css.mainPhotoIframe,
1039
- src: prepareVideoUrl(video),
1045
+ src: videoSrc,
1040
1046
  width: "100%",
1041
1047
  height: "100%",
1042
1048
  allowFullScreen: true,
@@ -1108,8 +1114,11 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
1108
1114
  className: css.mainPhoto,
1109
1115
  onScroll: onScroll
1110
1116
  }, items.map(function (_ref2, index) {
1111
- var src = _ref2.src,
1112
- video = _ref2.video;
1117
+ var type = _ref2.type,
1118
+ src = _ref2.src;
1119
+ var isVideo = type === 'video';
1120
+ var previewSrc = isVideo ? getVideoPreviewImage(src) : src;
1121
+ var videoSrc = isVideo ? getEmbedVideoUrl(src) : undefined;
1113
1122
  return /*#__PURE__*/React__namespace.createElement("div", {
1114
1123
  key: index,
1115
1124
  className: css.mainPhotoItem,
@@ -1119,8 +1128,8 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
1119
1128
  ref: function ref(el) {
1120
1129
  return mainPhotoRefs.current[index] = el;
1121
1130
  },
1122
- src: src,
1123
- video: video
1131
+ src: previewSrc,
1132
+ videoSrc: videoSrc
1124
1133
  }));
1125
1134
  })));
1126
1135
  });
@@ -1154,8 +1163,10 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
1154
1163
  ref: localScrollRef,
1155
1164
  className: css.preview
1156
1165
  }, items.map(function (_ref2, index) {
1157
- var src = _ref2.src,
1158
- video = _ref2.video;
1166
+ var type = _ref2.type,
1167
+ src = _ref2.src;
1168
+ var isVideo = type === 'video';
1169
+ var previewSrc = isVideo ? getVideoPreviewImage(src) : src;
1159
1170
  return /*#__PURE__*/React__namespace.createElement("div", {
1160
1171
  key: index,
1161
1172
  className: css.previewItem,
@@ -1172,7 +1183,7 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
1172
1183
  "data-testid": "photo_gallery_preview_button"
1173
1184
  }, /*#__PURE__*/React__namespace.createElement("img", {
1174
1185
  className: css.previewImage,
1175
- src: src,
1186
+ src: previewSrc,
1176
1187
  width: 58,
1177
1188
  height: 58,
1178
1189
  alt: "",
@@ -1180,7 +1191,7 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
1180
1191
  loading: "lazy",
1181
1192
  "data-qaid": "photo_gallery_preview_image",
1182
1193
  "data-testid": "photo_gallery_preview_image"
1183
- }), !!video && /*#__PURE__*/React__namespace.createElement("div", {
1194
+ }), isVideo && /*#__PURE__*/React__namespace.createElement("div", {
1184
1195
  className: css.videoPlayLabel,
1185
1196
  "data-qaid": "photo_gallery_preview_play",
1186
1197
  "data-testid": "photo_gallery_preview_play"
@@ -1254,6 +1265,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
1254
1265
  }
1255
1266
  }, [isOpen]);
1256
1267
  React__namespace.useEffect(function () {
1268
+ var _window;
1257
1269
  if (!isOpen) return function () {};
1258
1270
  var timer = null;
1259
1271
  var clearTimeoutHandle = function clearTimeoutHandle() {
@@ -1270,11 +1282,12 @@ var PhotoGallery = function PhotoGallery(_ref) {
1270
1282
  }, 100);
1271
1283
  };
1272
1284
  window.addEventListener('resize', resizeHandle);
1273
- window.matchMedia('(orientation: portrait)').addEventListener('change', resizeHandle);
1285
+ (_window = window) === null || _window === void 0 || (_window = _window.matchMedia('(orientation: portrait)')) === null || _window === void 0 ? void 0 : _window.addEventListener('change', resizeHandle);
1274
1286
  return function () {
1287
+ var _window2;
1275
1288
  clearTimeoutHandle();
1276
1289
  window.removeEventListener('resize', resizeHandle);
1277
- window.matchMedia('(orientation: portrait)').removeEventListener('change', resizeHandle);
1290
+ (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.matchMedia('(orientation: portrait)')) === null || _window2 === void 0 ? void 0 : _window2.removeEventListener('change', resizeHandle);
1278
1291
  };
1279
1292
  }, [isOpen, selectedIndex]);
1280
1293
  var onChangePreviewPhoto = function onChangePreviewPhoto(index) {
@@ -1346,7 +1359,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
1346
1359
  ref: refMainPhotos,
1347
1360
  items: items,
1348
1361
  onChange: onChangeMainPhoto
1349
- })), /*#__PURE__*/React__namespace.createElement("aside", {
1362
+ })), items.length > 1 && /*#__PURE__*/React__namespace.createElement("aside", {
1350
1363
  className: css.layoutAside
1351
1364
  }, /*#__PURE__*/React__namespace.createElement(PreviewPhotos, {
1352
1365
  ref: refPreviewPhotos,
@@ -164,12 +164,18 @@ var getIndexFromScroll = function getIndexFromScroll(target, size) {
164
164
  var scrollIndex = scrollLeft / scrollWidth * size;
165
165
  return Math.round(scrollIndex);
166
166
  };
167
- var prepareVideoUrl = function prepareVideoUrl(videoSrc) {
168
- var url = new URL(videoSrc);
169
- url.searchParams["delete"]('autoplay');
170
- url.searchParams.append('enablejsapi', '1');
171
- url.searchParams.append('rel', '0');
172
- return url.href;
167
+ var getVideoEmbedId = function getVideoEmbedId(videoUrl) {
168
+ var regExp = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
169
+ var matches = regExp.exec(videoUrl);
170
+ return matches && matches[1];
171
+ };
172
+ var getEmbedVideoUrl = function getEmbedVideoUrl(videoUrl) {
173
+ var embedId = getVideoEmbedId(videoUrl);
174
+ return "https://youtube.com/embed/".concat(embedId, "?enablejsapi=1&rel=0");
175
+ };
176
+ var getVideoPreviewImage = function getVideoPreviewImage(videoUrl) {
177
+ var embedId = getVideoEmbedId(videoUrl);
178
+ return "https://img.youtube.com/vi/".concat(embedId, "/0.jpg");
173
179
  };
174
180
 
175
181
  // fork rfom https://github.com/manuelstofer/pinchzoom
@@ -1003,11 +1009,11 @@ var css = {"scrolling":"PhotoGallery__scrolling___q1DKc","root":"PhotoGallery__r
1003
1009
 
1004
1010
  var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
1005
1011
  var src = _ref.src,
1006
- video = _ref.video;
1012
+ videoSrc = _ref.videoSrc;
1007
1013
  var videoIframeRef = React__namespace.useRef(null);
1008
1014
  var pinchZoomRef = React__namespace.useRef(null);
1009
1015
  var imgRef = React__namespace.useRef(null);
1010
- var isVideo = !!video;
1016
+ var isVideo = !!videoSrc;
1011
1017
  var reset = function reset() {
1012
1018
  var _pinchZoomRef$current, _videoIframeRef$curre;
1013
1019
  (_pinchZoomRef$current = pinchZoomRef.current) === null || _pinchZoomRef$current === void 0 ? void 0 : _pinchZoomRef$current.reset();
@@ -1026,7 +1032,7 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
1026
1032
  var _pinchZoomRef$current2;
1027
1033
  (_pinchZoomRef$current2 = pinchZoomRef.current) === null || _pinchZoomRef$current2 === void 0 ? void 0 : _pinchZoomRef$current2.destroy();
1028
1034
  };
1029
- }, [video]);
1035
+ }, [videoSrc]);
1030
1036
  React__namespace.useImperativeHandle(ref, function () {
1031
1037
  return {
1032
1038
  reset: reset
@@ -1036,7 +1042,7 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
1036
1042
  return /*#__PURE__*/React__namespace.createElement("iframe", {
1037
1043
  ref: videoIframeRef,
1038
1044
  className: css.mainPhotoIframe,
1039
- src: prepareVideoUrl(video),
1045
+ src: videoSrc,
1040
1046
  width: "100%",
1041
1047
  height: "100%",
1042
1048
  allowFullScreen: true,
@@ -1108,8 +1114,11 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
1108
1114
  className: css.mainPhoto,
1109
1115
  onScroll: onScroll
1110
1116
  }, items.map(function (_ref2, index) {
1111
- var src = _ref2.src,
1112
- video = _ref2.video;
1117
+ var type = _ref2.type,
1118
+ src = _ref2.src;
1119
+ var isVideo = type === 'video';
1120
+ var previewSrc = isVideo ? getVideoPreviewImage(src) : src;
1121
+ var videoSrc = isVideo ? getEmbedVideoUrl(src) : undefined;
1113
1122
  return /*#__PURE__*/React__namespace.createElement("div", {
1114
1123
  key: index,
1115
1124
  className: css.mainPhotoItem,
@@ -1119,8 +1128,8 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
1119
1128
  ref: function ref(el) {
1120
1129
  return mainPhotoRefs.current[index] = el;
1121
1130
  },
1122
- src: src,
1123
- video: video
1131
+ src: previewSrc,
1132
+ videoSrc: videoSrc
1124
1133
  }));
1125
1134
  })));
1126
1135
  });
@@ -1154,8 +1163,10 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
1154
1163
  ref: localScrollRef,
1155
1164
  className: css.preview
1156
1165
  }, items.map(function (_ref2, index) {
1157
- var src = _ref2.src,
1158
- video = _ref2.video;
1166
+ var type = _ref2.type,
1167
+ src = _ref2.src;
1168
+ var isVideo = type === 'video';
1169
+ var previewSrc = isVideo ? getVideoPreviewImage(src) : src;
1159
1170
  return /*#__PURE__*/React__namespace.createElement("div", {
1160
1171
  key: index,
1161
1172
  className: css.previewItem,
@@ -1172,7 +1183,7 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
1172
1183
  "data-testid": "photo_gallery_preview_button"
1173
1184
  }, /*#__PURE__*/React__namespace.createElement("img", {
1174
1185
  className: css.previewImage,
1175
- src: src,
1186
+ src: previewSrc,
1176
1187
  width: 58,
1177
1188
  height: 58,
1178
1189
  alt: "",
@@ -1180,7 +1191,7 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
1180
1191
  loading: "lazy",
1181
1192
  "data-qaid": "photo_gallery_preview_image",
1182
1193
  "data-testid": "photo_gallery_preview_image"
1183
- }), !!video && /*#__PURE__*/React__namespace.createElement("div", {
1194
+ }), isVideo && /*#__PURE__*/React__namespace.createElement("div", {
1184
1195
  className: css.videoPlayLabel,
1185
1196
  "data-qaid": "photo_gallery_preview_play",
1186
1197
  "data-testid": "photo_gallery_preview_play"
@@ -1254,6 +1265,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
1254
1265
  }
1255
1266
  }, [isOpen]);
1256
1267
  React__namespace.useEffect(function () {
1268
+ var _window;
1257
1269
  if (!isOpen) return function () {};
1258
1270
  var timer = null;
1259
1271
  var clearTimeoutHandle = function clearTimeoutHandle() {
@@ -1270,11 +1282,12 @@ var PhotoGallery = function PhotoGallery(_ref) {
1270
1282
  }, 100);
1271
1283
  };
1272
1284
  window.addEventListener('resize', resizeHandle);
1273
- window.matchMedia('(orientation: portrait)').addEventListener('change', resizeHandle);
1285
+ (_window = window) === null || _window === void 0 || (_window = _window.matchMedia('(orientation: portrait)')) === null || _window === void 0 ? void 0 : _window.addEventListener('change', resizeHandle);
1274
1286
  return function () {
1287
+ var _window2;
1275
1288
  clearTimeoutHandle();
1276
1289
  window.removeEventListener('resize', resizeHandle);
1277
- window.matchMedia('(orientation: portrait)').removeEventListener('change', resizeHandle);
1290
+ (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.matchMedia('(orientation: portrait)')) === null || _window2 === void 0 ? void 0 : _window2.removeEventListener('change', resizeHandle);
1278
1291
  };
1279
1292
  }, [isOpen, selectedIndex]);
1280
1293
  var onChangePreviewPhoto = function onChangePreviewPhoto(index) {
@@ -1346,7 +1359,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
1346
1359
  ref: refMainPhotos,
1347
1360
  items: items,
1348
1361
  onChange: onChangeMainPhoto
1349
- })), /*#__PURE__*/React__namespace.createElement("aside", {
1362
+ })), items.length > 1 && /*#__PURE__*/React__namespace.createElement("aside", {
1350
1363
  className: css.layoutAside
1351
1364
  }, /*#__PURE__*/React__namespace.createElement(PreviewPhotos, {
1352
1365
  ref: refPreviewPhotos,