@prom-ui/core 1.19.0 → 1.19.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 (81) hide show
  1. package/Avatar/package.json +1 -1
  2. package/Backdrop/package.json +1 -1
  3. package/Badge/package.json +1 -1
  4. package/Body/package.json +1 -1
  5. package/BodyContext/package.json +1 -1
  6. package/BodyProvider/package.json +1 -1
  7. package/BodyScrollLock/package.json +1 -1
  8. package/Box/cjs/index.development.js +1 -1
  9. package/Box/cjs/index.development.v2.js +1 -1
  10. package/Box/cjs/index.production.js +1 -1
  11. package/Box/cjs/index.production.v2.js +1 -1
  12. package/Box/cjs/style.development.css +1 -1
  13. package/Box/cjs/style.development.v2.css +1 -1
  14. package/Box/cjs/style.production.css +1 -1
  15. package/Box/cjs/style.production.v2.css +1 -1
  16. package/Box/index.d.ts +2 -2
  17. package/Box/package.json +1 -1
  18. package/Button/package.json +1 -1
  19. package/ButtonPageUp/package.json +1 -1
  20. package/Checkbox/package.json +1 -1
  21. package/ContextMenu/package.json +1 -1
  22. package/ErrorCatch/package.json +1 -1
  23. package/Flex/package.json +1 -1
  24. package/Grid/package.json +1 -1
  25. package/Icon/package.json +1 -1
  26. package/Image/package.json +1 -1
  27. package/ImageEmoji/package.json +1 -1
  28. package/Input/package.json +1 -1
  29. package/InputField/package.json +1 -1
  30. package/KeyPress/package.json +1 -1
  31. package/Label/package.json +1 -1
  32. package/Line/package.json +1 -1
  33. package/Link/package.json +1 -1
  34. package/List/package.json +1 -1
  35. package/Media/package.json +1 -1
  36. package/Modal/package.json +1 -1
  37. package/OutsideClick/package.json +1 -1
  38. package/Overlay/package.json +1 -1
  39. package/PhotoGallery/cjs/index.development.js +4 -1
  40. package/PhotoGallery/cjs/index.development.v2.js +4 -1
  41. package/PhotoGallery/cjs/index.production.js +1 -1
  42. package/PhotoGallery/cjs/index.production.v2.js +1 -1
  43. package/PhotoGallery/cjs/style.development.css +1 -1
  44. package/PhotoGallery/cjs/style.development.v2.css +1 -1
  45. package/PhotoGallery/cjs/style.production.css +1 -1
  46. package/PhotoGallery/cjs/style.production.v2.css +1 -1
  47. package/PhotoGallery/index.d.ts +1 -1
  48. package/PhotoGallery/package.json +1 -1
  49. package/Picture/package.json +1 -1
  50. package/Portal/package.json +1 -1
  51. package/Progress/package.json +1 -1
  52. package/QRCode/package.json +1 -1
  53. package/Rating/package.json +1 -1
  54. package/RatingSelect/package.json +1 -1
  55. package/SafeQuery/package.json +1 -1
  56. package/Scroll/package.json +1 -1
  57. package/ScrollControls/package.json +1 -1
  58. package/SimpleSlider/package.json +1 -1
  59. package/Skeleton/package.json +1 -1
  60. package/SnackBar/package.json +1 -1
  61. package/SnackBarManager/package.json +1 -1
  62. package/Spinner/package.json +1 -1
  63. package/Text/package.json +1 -1
  64. package/TextEmoji/package.json +1 -1
  65. package/Tooltip/package.json +1 -1
  66. package/Tumbler/package.json +1 -1
  67. package/Viewport/package.json +1 -1
  68. package/package.json +2 -2
  69. package/useBodyTTag/package.json +1 -1
  70. package/useBrowserLayoutEffect/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/useInView/package.json +1 -1
  75. package/useIsMounted/package.json +1 -1
  76. package/useKeyPress/package.json +1 -1
  77. package/useMedia/package.json +1 -1
  78. package/useOutsideClick/package.json +1 -1
  79. package/usePortal/package.json +1 -1
  80. package/useScrollPosition/package.json +1 -1
  81. package/useSnackBar/package.json +1 -1
package/Box/index.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/types';
2
- type BoxThemes = EvokitMediaSufix<'black-50' | 'black-100' | 'black-200' | 'black-300' | 'black-400' | 'black-600' | 'black-700' | 'black-800' | 'black-900' | 'blue-50' | 'blue-500' | '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' | 'yellow-700'>;
2
+ type BoxThemes = EvokitMediaSufix<'black-50' | 'black-100' | 'black-200' | 'black-300' | 'black-400' | 'black-600' | 'black-700' | 'black-800' | 'black-900' | 'blue-50' | 'blue-500' | 'green-50' | 'green-500' | 'green-700' | 'orange-50' | 'red-100' | 'red-50' | 'red-500' | 'violet-100' | 'violet-300' | 'violet-50' | 'violet-500' | 'violet-700' | 'violet-800' | 'white' | 'yellow-100' | 'yellow-200' | 'yellow-50' | 'yellow-500' | 'yellow-700'>;
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'>;
6
6
  type BoxDisplay = EvokitMediaSufix<'none' | 'none:empty' | 'block' | 'inline-block' | 'inline'>;
7
7
  type BoxHeight = EvokitMediaSufix<'auto' | '1-1'>;
8
8
  type BoxMargin = EvokitMediaSufix<'none' | 'auto' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
9
- type BoxOpacity = EvokitMediaSufix<0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 100>;
9
+ type BoxOpacity = EvokitMediaSufix<0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100>;
10
10
  type BoxOverflow = EvokitMediaSufix<'auto' | 'hidden' | 'scroll' | 'visible'>;
11
11
  type BoxPadding = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
12
12
  type BoxPlace = EvokitMediaSufix<'none' | 'top' | 'top-left' | 'top-right' | 'center' | 'center-left' | 'center-right' | 'bottom' | 'bottom-left' | 'bottom-right'>;
package/Box/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Box",
3
- "version": "1.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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/ContextMenu",
3
- "version": "1.19.0",
3
+ "version": "1.19.1",
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/ErrorCatch",
3
- "version": "1.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/Icon/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Icon",
3
- "version": "1.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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/Label",
3
- "version": "1.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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/Modal",
3
- "version": "1.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
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.19.0",
3
+ "version": "1.19.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1182,7 +1182,10 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
1182
1182
  };
1183
1183
  return /*#__PURE__*/React__namespace.createElement("div", {
1184
1184
  ref: localScrollRef,
1185
- className: css.preview
1185
+ className: css.preview,
1186
+ onScroll: function onScroll() {
1187
+ triggerInteraction('scrollPreviews');
1188
+ }
1186
1189
  }, items.map(function (_ref2, index) {
1187
1190
  var type = _ref2.type,
1188
1191
  src = _ref2.src;
@@ -1182,7 +1182,10 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
1182
1182
  };
1183
1183
  return /*#__PURE__*/React__namespace.createElement("div", {
1184
1184
  ref: localScrollRef,
1185
- className: css.preview
1185
+ className: css.preview,
1186
+ onScroll: function onScroll() {
1187
+ triggerInteraction('scrollPreviews');
1188
+ }
1186
1189
  }, items.map(function (_ref2, index) {
1187
1190
  var type = _ref2.type,
1188
1191
  src = _ref2.src;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("react-transition-group"),n=require("@prom-ui/core/Backdrop"),o=require("@prom-ui/core/KeyPress"),i=require("@prom-ui/core/Portal"),r=require("@prom-ui/core/ScrollControls"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/icons/Play"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close2"),h=require("clsx");function d(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function f(t){if(t&&"object"==typeof t&&"default"in t)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=f(t),p=d(h);function g(){return g=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},g.apply(this,arguments)}function v(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o,i,r,a,s=[],l=!0,c=!1;try{if(r=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=r.call(n)).done)&&(s.push(o.value),s.length!==e);l=!0);}catch(u){c=!0,i=u}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return s}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return y(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var b,E=new Map,x=function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];E.has(e)&&(cancelAnimationFrame(E.get(e)),E.delete(e));var o=requestAnimationFrame((function(){var o=e.getBoundingClientRect(),i=t.getBoundingClientRect(),r=i.top+e.scrollTop-o.top-o.height/2+i.height/2,a=i.left+e.scrollLeft-o.left-o.width/2+i.width/2;a<0&&(a=0),r<0&&(r=0),e.scrollTo({behavior:n?"smooth":"instant",top:r,left:a})}));E.set(e,o)},w=function(t){var e=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/.exec(t);return e&&e[1]},I=function(t){var e=w(t);return"https://img.youtube.com/vi/".concat(e,"/0.jpg")},O=function(){var t=function(t,e){this.el=t,this.zoomFactor=1,this.lastScale=1,this.offset={x:0,y:0},this.initialOffset={x:0,y:0},this.options=Object.assign({},this.defaults,e),this.setupMarkup(),this.bindEvents(),this.update(),this.isImageLoaded(this.el)&&(this.updateAspectRatio(),this.setupOffsets()),this.enable()},e=function(t,e){return t+e};t.prototype={defaults:{tapZoomFactor:2,zoomOutFactor:1.3,animationDuration:300,maxZoom:4,minZoom:.5,draggableUnzoomed:!0,lockDragAxis:!1,setOffsetsOnce:!1,use2d:!0,useMouseWheel:!1,verticalPadding:0,horizontalPadding:0,onZoomStart:null,onZoomEnd:null,onZoomUpdate:null,onDragStart:null,onDragEnd:null,onDragUpdate:null,onDoubleTap:null,onMouseWheel:null},handleDragStart:function(t){"function"==typeof this.options.onDragStart&&this.options.onDragStart(this,t),this.stopAnimation(),this.lastDragPosition=!1,this.hasInteraction=!0,this.handleDrag(t)},handleDrag:function(t){var e="touchmove"===t.type?this.getTouches(t)[0]:this.getPointer(t);this.drag(e,this.lastDragPosition),this.offset=this.sanitizeOffset(this.offset),this.lastDragPosition=e},handleDragEnd:function(){"function"==typeof this.options.onDragEnd&&this.options.onDragEnd(this,event),this.end()},handleZoomStart:function(t){"function"==typeof this.options.onZoomStart&&this.options.onZoomStart(this,t),this.stopAnimation(),this.lastScale=1,this.nthZoom=0,this.lastZoomCenter=!1,this.hasInteraction=!0},handleZoom:function(t,e){var n=this.getTouchCenter(this.getTouches(t)),o=e/this.lastScale;this.lastScale=e,this.nthZoom+=1,this.nthZoom>3&&(this.scale(o,n),this.drag(n,this.lastZoomCenter)),this.lastZoomCenter=n},handleZoomEnd:function(){"function"==typeof this.options.onZoomEnd&&this.options.onZoomEnd(this,event),this.end()},handleDoubleTap:function(t){var e=this.getTouches(t)[0],n=this.zoomFactor>1?1:this.options.tapZoomFactor,o=this.zoomFactor,i=function(t){this.scaleTo(o+t*(n-o),e)}.bind(this);this.hasInteraction||(this.isDoubleTap=!0,o>n&&(e=this.getCurrentZoomCenter()),this.animate(this.options.animationDuration,i,this.swing),"function"==typeof this.options.onDoubleTap&&this.options.onDoubleTap(this,t))},handleMouseWheel:function(t){var e=this.getPointer(t),n=Math.min(Math.max(this.options.minZoom,this.lastScale+-.01*t.deltaY),this.options.maxZoom),o=n/this.lastScale;this.scale(o,e),this.lastScale=n,this.update(),"function"==typeof this.options.onMouseWheel&&this.options.onMouseWheel(this,t)},computeInitialOffset:function(){this.initialOffset={x:-Math.abs(this.el.offsetWidth*this.getInitialZoomFactor()-this.container.offsetWidth)/2,y:-Math.abs(this.el.offsetHeight*this.getInitialZoomFactor()-this.container.offsetHeight)/2}},resetOffset:function(){this.offset.x=this.initialOffset.x,this.offset.y=this.initialOffset.y},isImageLoaded:function(t){return"IMG"===t.nodeName?t.complete&&0!==t.naturalHeight:Array.from(t.querySelectorAll("img")).every(this.isImageLoaded)},setupOffsets:function(){this.options.setOffsetsOnce&&this._isOffsetsSet||(this._isOffsetsSet=!0,this.computeInitialOffset(),this.resetOffset())},sanitizeOffset:function(t){var e=this.el.offsetWidth*this.getInitialZoomFactor()*this.zoomFactor,n=this.el.offsetHeight*this.getInitialZoomFactor()*this.zoomFactor,o=e-this.getContainerX()+this.options.horizontalPadding,i=n-this.getContainerY()+this.options.verticalPadding,r=Math.max(o,0),a=Math.max(i,0),s=Math.min(o,0)-this.options.horizontalPadding,l=Math.min(i,0)-this.options.verticalPadding;return{x:Math.min(Math.max(t.x,s),r),y:Math.min(Math.max(t.y,l),a)}},scaleTo:function(t,e){this.scale(t/this.zoomFactor,e)},scale:function(t,e){t=this.scaleZoomFactor(t),this.addOffset({x:(t-1)*(e.x+this.offset.x),y:(t-1)*(e.y+this.offset.y)}),"function"==typeof this.options.onZoomUpdate&&this.options.onZoomUpdate(this,event)},scaleZoomFactor:function(t){var e=this.zoomFactor;return this.zoomFactor*=t,this.zoomFactor=Math.min(this.options.maxZoom,Math.max(this.zoomFactor,this.options.minZoom)),this.zoomFactor/e},canDrag:function(){return this.options.draggableUnzoomed||!((t=this.zoomFactor)>(e=1)-.01&&t<e+.01);var t,e},drag:function(t,e){e&&(this.options.lockDragAxis?Math.abs(t.x-e.x)>Math.abs(t.y-e.y)?this.addOffset({x:-(t.x-e.x),y:0}):this.addOffset({y:-(t.y-e.y),x:0}):this.addOffset({y:-(t.y-e.y),x:-(t.x-e.x)}),"function"==typeof this.options.onDragUpdate&&this.options.onDragUpdate(this,event))},getTouchCenter:function(t){return this.getVectorAvg(t)},getVectorAvg:function(t){return{x:t.map((function(t){return t.x})).reduce(e)/t.length,y:t.map((function(t){return t.y})).reduce(e)/t.length}},addOffset:function(t){this.offset={x:this.offset.x+t.x,y:this.offset.y+t.y}},sanitize:function(){this.zoomFactor<this.options.zoomOutFactor?this.zoomOutAnimation():this.isInsaneOffset(this.offset)&&this.sanitizeOffsetAnimation()},isInsaneOffset:function(t){var e=this.sanitizeOffset(t);return e.x!==t.x||e.y!==t.y},sanitizeOffsetAnimation:function(){var t=this.sanitizeOffset(this.offset),e=this.offset.x,n=this.offset.y,o=function(o){this.offset.x=e+o*(t.x-e),this.offset.y=n+o*(t.y-n),this.update()}.bind(this);this.animate(this.options.animationDuration,o,this.swing)},zoomOutAnimation:function(){if(1!==this.zoomFactor){var t=this.zoomFactor,e=this.getCurrentZoomCenter(),n=function(n){this.scaleTo(t+n*(1-t),e)}.bind(this);this.animate(this.options.animationDuration,n,this.swing)}},updateAspectRatio:function(){this.unsetContainerY(),this.setContainerY(this.container.parentElement.offsetHeight)},getInitialZoomFactor:function(){var t=this.container.offsetWidth/this.el.offsetWidth,e=this.container.offsetHeight/this.el.offsetHeight;return Math.min(t,e)},getAspectRatio:function(){return this.el.offsetWidth/this.el.offsetHeight},getCurrentZoomCenter:function(){var t=this.offset.x-this.initialOffset.x,e=-1*this.offset.x-t/(1/this.zoomFactor-1),n=this.offset.y-this.initialOffset.y;return{x:e,y:-1*this.offset.y-n/(1/this.zoomFactor-1)}},getTouches:function(t){var e=this.container.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop,o=document.documentElement.scrollLeft||document.body.scrollLeft,i=e.top+n,r=e.left+o;return Array.prototype.slice.call(t.touches).map((function(t){return{x:t.pageX-r,y:t.pageY-i}}))},getPointer:function(t){var e=this.container.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop,o=document.documentElement.scrollLeft||document.body.scrollLeft,i=e.top+n,r=e.left+o;return{x:t.pageX-r,y:t.pageY-i}},animate:function(t,e,n,o){var i=(new Date).getTime(),r=function(){if(this.inAnimation){var a=(new Date).getTime()-i,s=a/t;a>=t?(e(1),o&&o(),this.update(),this.stopAnimation(),this.update()):(n&&(s=n(s)),e(s),this.update(),requestAnimationFrame(r))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(r)},stopAnimation:function(){this.inAnimation=!1},swing:function(t){return-Math.cos(t*Math.PI)/2+.5},getContainerX:function(){return this.container.offsetWidth},getContainerY:function(){return this.container.offsetHeight},setContainerY:function(t){return this.container.style.height=t+"px"},unsetContainerY:function(){this.container.style.height=null},setupMarkup:function(){var t,e;this.container=(t='<div class="pinch-zoom-container" style="height: 100%;"></div>',(e=document.implementation.createHTMLDocument("")).body.innerHTML=t,Array.from(e.body.children)[0]),this.el.parentNode.insertBefore(this.container,this.el),this.container.appendChild(this.el),this.container.style.overflow="hidden",this.container.style.position="relative",this.el.style.webkitTransformOrigin="0% 0%",this.el.style.mozTransformOrigin="0% 0%",this.el.style.msTransformOrigin="0% 0%",this.el.style.oTransformOrigin="0% 0%",this.el.style.transformOrigin="0% 0%",this.el.style.position="absolute",this.el.style.backfaceVisibility="hidden",this.el.style.willChange="transform"},end:function(){this.hasInteraction=!1,this.sanitize(),this.update()},bindEvents:function(){var t=this;n(this.container,this),this.resizeHandler=this.update.bind(this),window.addEventListener("resize",this.resizeHandler),Array.from(this.el.querySelectorAll("img")).forEach((function(e){e.addEventListener("load",t.update.bind(t))})),"IMG"===this.el.nodeName&&this.el.addEventListener("load",this.update.bind(this))},update:function(t){t&&"resize"===t.type&&(this.updateAspectRatio(),this.setupOffsets()),t&&"load"===t.type&&(this.updateAspectRatio(),this.setupOffsets()),this.updatePlanned||(this.updatePlanned=!0,window.setTimeout(function(){this.updatePlanned=!1;var t=this.getInitialZoomFactor()*this.zoomFactor,e=-this.offset.x/t,n=-this.offset.y/t,o="scale3d("+t+", "+t+",1) translate3d("+e+"px,"+n+"px,0px)",i="scale("+t+", "+t+") translate("+e+"px,"+n+"px)",r=function(){this.clone&&(this.clone.parentNode.removeChild(this.clone),delete this.clone)}.bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,r(),this.el.style.webkitTransform=o,this.el.style.mozTransform=i,this.el.style.msTransform=i,this.el.style.oTransform=i,this.el.style.transform=o):(this.is3d&&(this.clone=this.el.cloneNode(!0),this.clone.style.pointerEvents="none",this.container.appendChild(this.clone),window.setTimeout(r,200)),this.el.style.webkitTransform=i,this.el.style.mozTransform=i,this.el.style.msTransform=i,this.el.style.oTransform=i,this.el.style.transform=i,this.is3d=!1)}.bind(this),0))},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},destroy:function(){window.removeEventListener("resize",this.resizeHandler),this.container&&(this.container.remove(),this.container=null)},reset:function(){this.zoomOutAnimation()}};var n=function(t,e){var n=null,o=0,i=null,r=null,a=function(t,o){if(n!==t){if(n&&!t)switch(n){case"zoom":e.handleZoomEnd(o);break;case"drag":e.handleDragEnd(o)}switch(t){case"zoom":e.handleZoomStart(o);break;case"drag":e.handleDragStart(o)}}n=t},s=function(t){2===o?a("zoom"):1===o&&e.canDrag()?a("drag",t):a(null,t)},l=function(t){return Array.from(t).map((function(t){return{x:t.pageX,y:t.pageY}}))},c=function(t,e){var n,o;return n=t.x-e.x,o=t.y-e.y,Math.sqrt(n*n+o*o)},u=function(t){t.stopPropagation(),t.preventDefault()},h=!0;t.addEventListener("touchstart",(function(t){e.enabled&&(h=!0,o=t.touches.length,function(t){var r=(new Date).getTime();if(o>1&&(i=null),r-i<300)switch(u(t),e.handleDoubleTap(t),n){case"zoom":e.handleZoomEnd(t);break;case"drag":e.handleDragEnd(t)}else e.isDoubleTap=!1;1===o&&(i=r)}(t))}),{passive:!1}),t.addEventListener("touchmove",(function(t){if(e.enabled&&!e.isDoubleTap){if(h)s(t),n&&u(t),r=l(t.touches);else{switch(n){case"zoom":2==r.length&&2==t.touches.length&&e.handleZoom(t,function(t,e){var n=c(t[0],t[1]);return c(e[0],e[1])/n}(r,l(t.touches)));break;case"drag":e.handleDrag(t)}n&&(u(t),e.update())}h=!1}}),{passive:!1}),t.addEventListener("touchend",(function(t){e.enabled&&(o=t.touches.length,s(t))})),e.options.useMouseWheel&&(t.addEventListener("mousewheel",(function(t){e.enabled&&(u(t),e.handleMouseWheel(t))})),t.addEventListener("mousedown",(function(t){e.enabled&&(h=!0,o=1)}),{passive:!0}),t.addEventListener("mousemove",(function(t){e.enabled&&(h?(s(t),n&&u(t)):("drag"===n&&e.handleDrag(t),n&&(u(t),e.update())),h=!1)}),{passive:!1}),t.addEventListener("mouseup",(function(t){e.enabled&&(o=0,s(t))}),{passive:!0}))};return t}(),T={scrolling:"BeLzR",root:"nJWgH",layout:"BDoOb",layoutHeader:"iNVA1",layoutContent:"C-jWr",layoutFooter:"MQh-L",layoutSection:"_3FXm5",layoutPreviews:"gQFQR",layoutAdditional:"pw0QV",header:"meCSL",headerTitle:"NpSWI",headerClose:"-B9Zg",mainPhotoScrollControls:"ckcap",mainPhoto:"-r4WP BeLzR",mainPhotoItem:"Q7wDI",mainPhotoImage:"NrcBT",mainPhotoIframe:"kObZY",preview:"_86-3f BeLzR",previewItem:"gnB8m",previewButton:"L4PR-",previewImage:"_8dsDI",videoPlayLabel:"_2kU58",videoPlayLabelIcon:"WR7T8",enter:"sM8Qu",exit:"veHZr",enterActive:"VP4oy",exitActive:"AMPJ3"},z=m.forwardRef((function(t,e){var n=t.src,o=t.videoSrc,i=t.triggerInteraction,r=m.useRef(null),a=m.useRef(null),s=m.useRef(null),l=!!o,c=function(){var t,e;null===(t=a.current)||void 0===t||t.reset(),null===(e=r.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*")};return m.useEffect((function(){return requestAnimationFrame((function(){s.current&&!l&&(a.current=new O(s.current,{draggableUnzoomed:!1,animationDuration:200,setOffsetsOnce:!1,onDoubleTap:function(t){1===(null==t?void 0:t.zoomFactor)&&i("maybeZoomImage")}}))})),function(){var t;null===(t=a.current)||void 0===t||t.destroy()}}),[o]),m.useEffect((function(){var t=function(){l&&document.activeElement&&"iframe"===document.activeElement.nodeName.toLowerCase()&&r.current&&r.current===document.activeElement&&i("maybePlayVideo")};return window.addEventListener("blur",t),function(){window.removeEventListener("blur",t)}}),[o]),m.useImperativeHandle(e,(function(){return{reset:c}}),[]),l?m.createElement("iframe",{ref:r,className:T.mainPhotoIframe,src:o,width:"100%",height:"100%",allowFullScreen:!0,title:"",loading:"lazy","data-qaid":"photo_gallery_main_video","data-testid":"photo_gallery_main_video"}):m.createElement("img",{ref:s,className:T.mainPhotoImage,src:n,width:"100%",height:"100%",alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_main_image","data-testid":"photo_gallery_main_image"})})),P=m.forwardRef((function(t,e){var n=t.items,o=t.onChange,i=t.triggerInteraction,a=m.useRef(null),s=m.useRef([]),l=m.useRef(0),c=m.useRef(null),u=function(){s.current.forEach((function(t){null==t||t.reset()}))},h=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=c.current)||void 0===e?void 0:e.children[t];u(),o&&x(o,c.current,n)};m.useImperativeHandle(e,(function(){return{scrollToIndex:h}}),[]);var d=function(){if(c.current){var t=function(t,e){var n=t.scrollLeft/t.scrollWidth*e;return Math.round(n)}(c.current,n.length);l.current!==t&&(l.current=t,o(t),u())}},f=function(t){var e=t.changedTouches[0].screenX;a.current=e},p=function(t){var e=t.changedTouches[0].screenX;a.current&&(a.current>e?i("maybeSwipeLeft"):a.current<e&&i("maybeSwipeRight"),a.current=null)};return m.createElement(r.ScrollControls,{ref:c,className:T.mainPhotoScrollControls,showOnHover:!0,hideOnDisabled:!0,onClickPrev:function(){return i("clickPrevButton")},onClickNext:function(){return i("clickNextButton")}},(function(t){return m.createElement("div",{ref:t,className:T.mainPhoto,onScroll:d,onTouchStart:f,onTouchEnd:p},n.map((function(t,e){var n,o=t.type,r=t.src,a="video"===o,l=a?I(r):r,c=a?(n=w(r),"https://youtube.com/embed/".concat(n,"?enablejsapi=1&rel=0")):void 0;return m.createElement("div",{key:e,className:T.mainPhotoItem,"data-qaid":"photo_gallery_main_item","data-testid":"photo_gallery_main_item"},m.createElement(z,{ref:function(t){return s.current[e]=t},src:l,videoSrc:c,triggerInteraction:i}))})))}))})),_=m.forwardRef((function(t,e){var n=t.items,o=t.selectedIndex,i=t.onChange,r=t.triggerInteraction,l=m.useRef(null),c=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=l.current)||void 0===e?void 0:e.children[t];o&&x(o,l.current,n)};m.useImperativeHandle(e,(function(){return{scrollToIndex:c}}),[]);return m.createElement("div",{ref:l,className:T.preview},n.map((function(t,e){var n=t.type,l=t.src,c="video"===n,u=c?I(l):l,h=c?"clickPreviewVideo":"clickPreviewImage";return m.createElement("div",{key:e,className:T.previewItem,"data-qaid":"photo_gallery_preview_item","data-testid":"photo_gallery_preview_item"},m.createElement("button",{className:T.previewButton,type:"button",onClick:function(){r(h),function(t){i(t)}(e)},disabled:o===e,"data-qaid":"photo_gallery_preview_button","data-testid":"photo_gallery_preview_button"},m.createElement("img",{className:T.previewImage,src:u,width:58,height:58,alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_preview_image","data-testid":"photo_gallery_preview_image"}),c&&m.createElement("div",{className:T.videoPlayLabel,"data-qaid":"photo_gallery_preview_play","data-testid":"photo_gallery_preview_play"},m.createElement(a.Icon,{className:T.videoPlayLabelIcon,"icon-as":s.SvgPlay}))))})))})),C=function(t){var e,n,o=t.title,i=t.onClose,r=t.selectedIndex,s=t.itemsLength,h=t.triggerInteraction,d=r+1,f=(0,c.useBodyTTag().t)(b||(e=["Фото "," из ",""],n||(n=e.slice(0)),b=Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))),d,s);return m.createElement("div",{className:T.header},m.createElement("div",{className:T.headerTitle,"data-qaid":"photo_gallery_title","data-testid":"photo_gallery_title"},o||f),m.createElement("div",{className:T.headerClose},m.createElement(l.Button,{"button-padding":"xxs","button-theme":"black-inherit",type:"button",onClick:function(){h("clickCloseButton"),i()},"data-qaid":"photo_gallery_close_button","data-testid":"photo_gallery_close_button"},m.createElement(a.Icon,{"icon-as":u.SvgClose2,style:{width:24,height:24}}))))},A=function(t){var e,n=t.selectedIndex,o=t.className,i=t.slotProps,r=m.useRef(null);return m.useEffect((function(){var t;null===(t=r.current)||void 0===t||t.scrollTo({top:0})}),[n]),m.createElement("div",g({},i.props,{ref:r,className:p.default(o,null===(e=i.props)||void 0===e?void 0:e.className)}),i.children(n))},D=function(t){var r=t.isOpen,a=t.title,s=t.visibleIndex,l=void 0===s?0:s,c=t.items,u=t.zIndex,h=void 0===u?5e3:u,d=t.onClose,f=t.onChange,p=t.onInteraction,g=t.slotAside,y=t.slotFooter,b=m.useRef(!0),E=m.useRef(null),x=m.useRef(null),w=v(m.useState(l),2),I=w[0],O=w[1],z=function(t){"function"==typeof p&&p(t)};m.useEffect((function(){r&&"function"==typeof f&&f(I)}),[I]),m.useEffect((function(){var t,e;r&&(O(l),null===(t=x.current)||void 0===t||t.scrollToIndex(l,!1),null===(e=E.current)||void 0===e||e.scrollToIndex(l,!1))}),[r]),m.useEffect((function(){var t;if(!r)return function(){};var e=null,n=function(){e&&clearTimeout(e)},o=function(){n(),e=setTimeout((function(){var t,e;null===(t=x.current)||void 0===t||t.scrollToIndex(I,!1),null===(e=E.current)||void 0===e||e.scrollToIndex(I,!1)}),100)};return window.addEventListener("resize",o),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.addEventListener("change",o),function(){var t;n(),window.removeEventListener("resize",o),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.removeEventListener("change",o)}}),[r,I]);var D=function(t){var e,n;b.current=!1,O(t),null===(e=x.current)||void 0===e||e.scrollToIndex(t),null===(n=E.current)||void 0===n||n.scrollToIndex(t)},S=function(){d(I)};return m.createElement(m.Fragment,null,m.createElement(n.Backdrop,{isOpen:r,onClick:S,zIndex:h,isBodyScrollLock:!0}),m.createElement(e.CSSTransition,{in:r,timeout:240,classNames:T,unmountOnExit:!0,onEntered:function(){return z("opened")},onExited:function(){return z("closed")}},m.createElement(i.Portal,null,m.createElement("div",{className:T.root,"data-qaid":"photo_gallery","data-testid":"photo_gallery",style:{zIndex:h}},m.createElement(o.KeyPress,{code:"Escape",onKeyUp:function(){z("keyPressClose"),S()}}),m.createElement(o.KeyPress,{code:"ArrowLeft",onKeyUp:function(){0!==I&&(z("keyPressPrev"),D(I-1))}}),m.createElement(o.KeyPress,{code:"ArrowRight",onKeyUp:function(){I!==c.length-1&&(z("keyPressNext"),D(I+1))}}),m.createElement("div",{className:T.layout},m.createElement("header",{className:T.layoutHeader},m.createElement(C,{title:a,selectedIndex:I,itemsLength:c.length,onClose:S,triggerInteraction:z})),m.createElement("div",{className:T.layoutContent},m.createElement("section",{className:T.layoutSection},m.createElement(P,{ref:E,items:c,onChange:function(t){var e;b.current&&(O(t),null===(e=x.current)||void 0===e||e.scrollToIndex(t));b.current||I!==t||(b.current=!0)},triggerInteraction:z})),c.length>1&&m.createElement("aside",{className:T.layoutPreviews},m.createElement(_,{ref:x,items:c,selectedIndex:I,onChange:D,triggerInteraction:z})),!(null==g||!g.children)&&m.createElement(A,{selectedIndex:I,className:T.layoutAdditional,slotProps:g})),!(null==y||!y.children)&&m.createElement(A,{selectedIndex:I,className:T.layoutFooter,slotProps:y}))))))};D.displayName="PhotoGallery",exports.PhotoGallery=D,require("./style.production.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("react-transition-group"),n=require("@prom-ui/core/Backdrop"),o=require("@prom-ui/core/KeyPress"),i=require("@prom-ui/core/Portal"),r=require("@prom-ui/core/ScrollControls"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/icons/Play"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close2"),h=require("clsx");function d(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function f(t){if(t&&"object"==typeof t&&"default"in t)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=f(t),p=d(h);function g(){return g=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},g.apply(this,arguments)}function v(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o,i,r,a,s=[],l=!0,c=!1;try{if(r=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=r.call(n)).done)&&(s.push(o.value),s.length!==e);l=!0);}catch(u){c=!0,i=u}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return s}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return y(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var b,E=new Map,x=function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];E.has(e)&&(cancelAnimationFrame(E.get(e)),E.delete(e));var o=requestAnimationFrame((function(){var o=e.getBoundingClientRect(),i=t.getBoundingClientRect(),r=i.top+e.scrollTop-o.top-o.height/2+i.height/2,a=i.left+e.scrollLeft-o.left-o.width/2+i.width/2;a<0&&(a=0),r<0&&(r=0),e.scrollTo({behavior:n?"smooth":"instant",top:r,left:a})}));E.set(e,o)},w=function(t){var e=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/.exec(t);return e&&e[1]},I=function(t){var e=w(t);return"https://img.youtube.com/vi/".concat(e,"/0.jpg")},O=function(){var t=function(t,e){this.el=t,this.zoomFactor=1,this.lastScale=1,this.offset={x:0,y:0},this.initialOffset={x:0,y:0},this.options=Object.assign({},this.defaults,e),this.setupMarkup(),this.bindEvents(),this.update(),this.isImageLoaded(this.el)&&(this.updateAspectRatio(),this.setupOffsets()),this.enable()},e=function(t,e){return t+e};t.prototype={defaults:{tapZoomFactor:2,zoomOutFactor:1.3,animationDuration:300,maxZoom:4,minZoom:.5,draggableUnzoomed:!0,lockDragAxis:!1,setOffsetsOnce:!1,use2d:!0,useMouseWheel:!1,verticalPadding:0,horizontalPadding:0,onZoomStart:null,onZoomEnd:null,onZoomUpdate:null,onDragStart:null,onDragEnd:null,onDragUpdate:null,onDoubleTap:null,onMouseWheel:null},handleDragStart:function(t){"function"==typeof this.options.onDragStart&&this.options.onDragStart(this,t),this.stopAnimation(),this.lastDragPosition=!1,this.hasInteraction=!0,this.handleDrag(t)},handleDrag:function(t){var e="touchmove"===t.type?this.getTouches(t)[0]:this.getPointer(t);this.drag(e,this.lastDragPosition),this.offset=this.sanitizeOffset(this.offset),this.lastDragPosition=e},handleDragEnd:function(){"function"==typeof this.options.onDragEnd&&this.options.onDragEnd(this,event),this.end()},handleZoomStart:function(t){"function"==typeof this.options.onZoomStart&&this.options.onZoomStart(this,t),this.stopAnimation(),this.lastScale=1,this.nthZoom=0,this.lastZoomCenter=!1,this.hasInteraction=!0},handleZoom:function(t,e){var n=this.getTouchCenter(this.getTouches(t)),o=e/this.lastScale;this.lastScale=e,this.nthZoom+=1,this.nthZoom>3&&(this.scale(o,n),this.drag(n,this.lastZoomCenter)),this.lastZoomCenter=n},handleZoomEnd:function(){"function"==typeof this.options.onZoomEnd&&this.options.onZoomEnd(this,event),this.end()},handleDoubleTap:function(t){var e=this.getTouches(t)[0],n=this.zoomFactor>1?1:this.options.tapZoomFactor,o=this.zoomFactor,i=function(t){this.scaleTo(o+t*(n-o),e)}.bind(this);this.hasInteraction||(this.isDoubleTap=!0,o>n&&(e=this.getCurrentZoomCenter()),this.animate(this.options.animationDuration,i,this.swing),"function"==typeof this.options.onDoubleTap&&this.options.onDoubleTap(this,t))},handleMouseWheel:function(t){var e=this.getPointer(t),n=Math.min(Math.max(this.options.minZoom,this.lastScale+-.01*t.deltaY),this.options.maxZoom),o=n/this.lastScale;this.scale(o,e),this.lastScale=n,this.update(),"function"==typeof this.options.onMouseWheel&&this.options.onMouseWheel(this,t)},computeInitialOffset:function(){this.initialOffset={x:-Math.abs(this.el.offsetWidth*this.getInitialZoomFactor()-this.container.offsetWidth)/2,y:-Math.abs(this.el.offsetHeight*this.getInitialZoomFactor()-this.container.offsetHeight)/2}},resetOffset:function(){this.offset.x=this.initialOffset.x,this.offset.y=this.initialOffset.y},isImageLoaded:function(t){return"IMG"===t.nodeName?t.complete&&0!==t.naturalHeight:Array.from(t.querySelectorAll("img")).every(this.isImageLoaded)},setupOffsets:function(){this.options.setOffsetsOnce&&this._isOffsetsSet||(this._isOffsetsSet=!0,this.computeInitialOffset(),this.resetOffset())},sanitizeOffset:function(t){var e=this.el.offsetWidth*this.getInitialZoomFactor()*this.zoomFactor,n=this.el.offsetHeight*this.getInitialZoomFactor()*this.zoomFactor,o=e-this.getContainerX()+this.options.horizontalPadding,i=n-this.getContainerY()+this.options.verticalPadding,r=Math.max(o,0),a=Math.max(i,0),s=Math.min(o,0)-this.options.horizontalPadding,l=Math.min(i,0)-this.options.verticalPadding;return{x:Math.min(Math.max(t.x,s),r),y:Math.min(Math.max(t.y,l),a)}},scaleTo:function(t,e){this.scale(t/this.zoomFactor,e)},scale:function(t,e){t=this.scaleZoomFactor(t),this.addOffset({x:(t-1)*(e.x+this.offset.x),y:(t-1)*(e.y+this.offset.y)}),"function"==typeof this.options.onZoomUpdate&&this.options.onZoomUpdate(this,event)},scaleZoomFactor:function(t){var e=this.zoomFactor;return this.zoomFactor*=t,this.zoomFactor=Math.min(this.options.maxZoom,Math.max(this.zoomFactor,this.options.minZoom)),this.zoomFactor/e},canDrag:function(){return this.options.draggableUnzoomed||!((t=this.zoomFactor)>(e=1)-.01&&t<e+.01);var t,e},drag:function(t,e){e&&(this.options.lockDragAxis?Math.abs(t.x-e.x)>Math.abs(t.y-e.y)?this.addOffset({x:-(t.x-e.x),y:0}):this.addOffset({y:-(t.y-e.y),x:0}):this.addOffset({y:-(t.y-e.y),x:-(t.x-e.x)}),"function"==typeof this.options.onDragUpdate&&this.options.onDragUpdate(this,event))},getTouchCenter:function(t){return this.getVectorAvg(t)},getVectorAvg:function(t){return{x:t.map((function(t){return t.x})).reduce(e)/t.length,y:t.map((function(t){return t.y})).reduce(e)/t.length}},addOffset:function(t){this.offset={x:this.offset.x+t.x,y:this.offset.y+t.y}},sanitize:function(){this.zoomFactor<this.options.zoomOutFactor?this.zoomOutAnimation():this.isInsaneOffset(this.offset)&&this.sanitizeOffsetAnimation()},isInsaneOffset:function(t){var e=this.sanitizeOffset(t);return e.x!==t.x||e.y!==t.y},sanitizeOffsetAnimation:function(){var t=this.sanitizeOffset(this.offset),e=this.offset.x,n=this.offset.y,o=function(o){this.offset.x=e+o*(t.x-e),this.offset.y=n+o*(t.y-n),this.update()}.bind(this);this.animate(this.options.animationDuration,o,this.swing)},zoomOutAnimation:function(){if(1!==this.zoomFactor){var t=this.zoomFactor,e=this.getCurrentZoomCenter(),n=function(n){this.scaleTo(t+n*(1-t),e)}.bind(this);this.animate(this.options.animationDuration,n,this.swing)}},updateAspectRatio:function(){this.unsetContainerY(),this.setContainerY(this.container.parentElement.offsetHeight)},getInitialZoomFactor:function(){var t=this.container.offsetWidth/this.el.offsetWidth,e=this.container.offsetHeight/this.el.offsetHeight;return Math.min(t,e)},getAspectRatio:function(){return this.el.offsetWidth/this.el.offsetHeight},getCurrentZoomCenter:function(){var t=this.offset.x-this.initialOffset.x,e=-1*this.offset.x-t/(1/this.zoomFactor-1),n=this.offset.y-this.initialOffset.y;return{x:e,y:-1*this.offset.y-n/(1/this.zoomFactor-1)}},getTouches:function(t){var e=this.container.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop,o=document.documentElement.scrollLeft||document.body.scrollLeft,i=e.top+n,r=e.left+o;return Array.prototype.slice.call(t.touches).map((function(t){return{x:t.pageX-r,y:t.pageY-i}}))},getPointer:function(t){var e=this.container.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop,o=document.documentElement.scrollLeft||document.body.scrollLeft,i=e.top+n,r=e.left+o;return{x:t.pageX-r,y:t.pageY-i}},animate:function(t,e,n,o){var i=(new Date).getTime(),r=function(){if(this.inAnimation){var a=(new Date).getTime()-i,s=a/t;a>=t?(e(1),o&&o(),this.update(),this.stopAnimation(),this.update()):(n&&(s=n(s)),e(s),this.update(),requestAnimationFrame(r))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(r)},stopAnimation:function(){this.inAnimation=!1},swing:function(t){return-Math.cos(t*Math.PI)/2+.5},getContainerX:function(){return this.container.offsetWidth},getContainerY:function(){return this.container.offsetHeight},setContainerY:function(t){return this.container.style.height=t+"px"},unsetContainerY:function(){this.container.style.height=null},setupMarkup:function(){var t,e;this.container=(t='<div class="pinch-zoom-container" style="height: 100%;"></div>',(e=document.implementation.createHTMLDocument("")).body.innerHTML=t,Array.from(e.body.children)[0]),this.el.parentNode.insertBefore(this.container,this.el),this.container.appendChild(this.el),this.container.style.overflow="hidden",this.container.style.position="relative",this.el.style.webkitTransformOrigin="0% 0%",this.el.style.mozTransformOrigin="0% 0%",this.el.style.msTransformOrigin="0% 0%",this.el.style.oTransformOrigin="0% 0%",this.el.style.transformOrigin="0% 0%",this.el.style.position="absolute",this.el.style.backfaceVisibility="hidden",this.el.style.willChange="transform"},end:function(){this.hasInteraction=!1,this.sanitize(),this.update()},bindEvents:function(){var t=this;n(this.container,this),this.resizeHandler=this.update.bind(this),window.addEventListener("resize",this.resizeHandler),Array.from(this.el.querySelectorAll("img")).forEach((function(e){e.addEventListener("load",t.update.bind(t))})),"IMG"===this.el.nodeName&&this.el.addEventListener("load",this.update.bind(this))},update:function(t){t&&"resize"===t.type&&(this.updateAspectRatio(),this.setupOffsets()),t&&"load"===t.type&&(this.updateAspectRatio(),this.setupOffsets()),this.updatePlanned||(this.updatePlanned=!0,window.setTimeout(function(){this.updatePlanned=!1;var t=this.getInitialZoomFactor()*this.zoomFactor,e=-this.offset.x/t,n=-this.offset.y/t,o="scale3d("+t+", "+t+",1) translate3d("+e+"px,"+n+"px,0px)",i="scale("+t+", "+t+") translate("+e+"px,"+n+"px)",r=function(){this.clone&&(this.clone.parentNode.removeChild(this.clone),delete this.clone)}.bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,r(),this.el.style.webkitTransform=o,this.el.style.mozTransform=i,this.el.style.msTransform=i,this.el.style.oTransform=i,this.el.style.transform=o):(this.is3d&&(this.clone=this.el.cloneNode(!0),this.clone.style.pointerEvents="none",this.container.appendChild(this.clone),window.setTimeout(r,200)),this.el.style.webkitTransform=i,this.el.style.mozTransform=i,this.el.style.msTransform=i,this.el.style.oTransform=i,this.el.style.transform=i,this.is3d=!1)}.bind(this),0))},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},destroy:function(){window.removeEventListener("resize",this.resizeHandler),this.container&&(this.container.remove(),this.container=null)},reset:function(){this.zoomOutAnimation()}};var n=function(t,e){var n=null,o=0,i=null,r=null,a=function(t,o){if(n!==t){if(n&&!t)switch(n){case"zoom":e.handleZoomEnd(o);break;case"drag":e.handleDragEnd(o)}switch(t){case"zoom":e.handleZoomStart(o);break;case"drag":e.handleDragStart(o)}}n=t},s=function(t){2===o?a("zoom"):1===o&&e.canDrag()?a("drag",t):a(null,t)},l=function(t){return Array.from(t).map((function(t){return{x:t.pageX,y:t.pageY}}))},c=function(t,e){var n,o;return n=t.x-e.x,o=t.y-e.y,Math.sqrt(n*n+o*o)},u=function(t){t.stopPropagation(),t.preventDefault()},h=!0;t.addEventListener("touchstart",(function(t){e.enabled&&(h=!0,o=t.touches.length,function(t){var r=(new Date).getTime();if(o>1&&(i=null),r-i<300)switch(u(t),e.handleDoubleTap(t),n){case"zoom":e.handleZoomEnd(t);break;case"drag":e.handleDragEnd(t)}else e.isDoubleTap=!1;1===o&&(i=r)}(t))}),{passive:!1}),t.addEventListener("touchmove",(function(t){if(e.enabled&&!e.isDoubleTap){if(h)s(t),n&&u(t),r=l(t.touches);else{switch(n){case"zoom":2==r.length&&2==t.touches.length&&e.handleZoom(t,function(t,e){var n=c(t[0],t[1]);return c(e[0],e[1])/n}(r,l(t.touches)));break;case"drag":e.handleDrag(t)}n&&(u(t),e.update())}h=!1}}),{passive:!1}),t.addEventListener("touchend",(function(t){e.enabled&&(o=t.touches.length,s(t))})),e.options.useMouseWheel&&(t.addEventListener("mousewheel",(function(t){e.enabled&&(u(t),e.handleMouseWheel(t))})),t.addEventListener("mousedown",(function(t){e.enabled&&(h=!0,o=1)}),{passive:!0}),t.addEventListener("mousemove",(function(t){e.enabled&&(h?(s(t),n&&u(t)):("drag"===n&&e.handleDrag(t),n&&(u(t),e.update())),h=!1)}),{passive:!1}),t.addEventListener("mouseup",(function(t){e.enabled&&(o=0,s(t))}),{passive:!0}))};return t}(),T={scrolling:"BeLzR",root:"nJWgH",layout:"BDoOb",layoutHeader:"iNVA1",layoutContent:"C-jWr",layoutFooter:"MQh-L",layoutSection:"_3FXm5",layoutPreviews:"gQFQR",layoutAdditional:"pw0QV",header:"meCSL",headerTitle:"NpSWI",headerClose:"-B9Zg",mainPhotoScrollControls:"ckcap",mainPhoto:"-r4WP BeLzR",mainPhotoItem:"Q7wDI",mainPhotoImage:"NrcBT",mainPhotoIframe:"kObZY",preview:"_86-3f BeLzR",previewItem:"gnB8m",previewButton:"L4PR-",previewImage:"_8dsDI",videoPlayLabel:"_2kU58",videoPlayLabelIcon:"WR7T8",enter:"sM8Qu",exit:"veHZr",enterActive:"VP4oy",exitActive:"AMPJ3"},z=m.forwardRef((function(t,e){var n=t.src,o=t.videoSrc,i=t.triggerInteraction,r=m.useRef(null),a=m.useRef(null),s=m.useRef(null),l=!!o,c=function(){var t,e;null===(t=a.current)||void 0===t||t.reset(),null===(e=r.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*")};return m.useEffect((function(){return requestAnimationFrame((function(){s.current&&!l&&(a.current=new O(s.current,{draggableUnzoomed:!1,animationDuration:200,setOffsetsOnce:!1,onDoubleTap:function(t){1===(null==t?void 0:t.zoomFactor)&&i("maybeZoomImage")}}))})),function(){var t;null===(t=a.current)||void 0===t||t.destroy()}}),[o]),m.useEffect((function(){var t=function(){l&&document.activeElement&&"iframe"===document.activeElement.nodeName.toLowerCase()&&r.current&&r.current===document.activeElement&&i("maybePlayVideo")};return window.addEventListener("blur",t),function(){window.removeEventListener("blur",t)}}),[o]),m.useImperativeHandle(e,(function(){return{reset:c}}),[]),l?m.createElement("iframe",{ref:r,className:T.mainPhotoIframe,src:o,width:"100%",height:"100%",allowFullScreen:!0,title:"",loading:"lazy","data-qaid":"photo_gallery_main_video","data-testid":"photo_gallery_main_video"}):m.createElement("img",{ref:s,className:T.mainPhotoImage,src:n,width:"100%",height:"100%",alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_main_image","data-testid":"photo_gallery_main_image"})})),P=m.forwardRef((function(t,e){var n=t.items,o=t.onChange,i=t.triggerInteraction,a=m.useRef(null),s=m.useRef([]),l=m.useRef(0),c=m.useRef(null),u=function(){s.current.forEach((function(t){null==t||t.reset()}))},h=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=c.current)||void 0===e?void 0:e.children[t];u(),o&&x(o,c.current,n)};m.useImperativeHandle(e,(function(){return{scrollToIndex:h}}),[]);var d=function(){if(c.current){var t=function(t,e){var n=t.scrollLeft/t.scrollWidth*e;return Math.round(n)}(c.current,n.length);l.current!==t&&(l.current=t,o(t),u())}},f=function(t){var e=t.changedTouches[0].screenX;a.current=e},p=function(t){var e=t.changedTouches[0].screenX;a.current&&(a.current>e?i("maybeSwipeLeft"):a.current<e&&i("maybeSwipeRight"),a.current=null)};return m.createElement(r.ScrollControls,{ref:c,className:T.mainPhotoScrollControls,showOnHover:!0,hideOnDisabled:!0,onClickPrev:function(){return i("clickPrevButton")},onClickNext:function(){return i("clickNextButton")}},(function(t){return m.createElement("div",{ref:t,className:T.mainPhoto,onScroll:d,onTouchStart:f,onTouchEnd:p},n.map((function(t,e){var n,o=t.type,r=t.src,a="video"===o,l=a?I(r):r,c=a?(n=w(r),"https://youtube.com/embed/".concat(n,"?enablejsapi=1&rel=0")):void 0;return m.createElement("div",{key:e,className:T.mainPhotoItem,"data-qaid":"photo_gallery_main_item","data-testid":"photo_gallery_main_item"},m.createElement(z,{ref:function(t){return s.current[e]=t},src:l,videoSrc:c,triggerInteraction:i}))})))}))})),_=m.forwardRef((function(t,e){var n=t.items,o=t.selectedIndex,i=t.onChange,r=t.triggerInteraction,l=m.useRef(null),c=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=l.current)||void 0===e?void 0:e.children[t];o&&x(o,l.current,n)};m.useImperativeHandle(e,(function(){return{scrollToIndex:c}}),[]);return m.createElement("div",{ref:l,className:T.preview,onScroll:function(){r("scrollPreviews")}},n.map((function(t,e){var n=t.type,l=t.src,c="video"===n,u=c?I(l):l,h=c?"clickPreviewVideo":"clickPreviewImage";return m.createElement("div",{key:e,className:T.previewItem,"data-qaid":"photo_gallery_preview_item","data-testid":"photo_gallery_preview_item"},m.createElement("button",{className:T.previewButton,type:"button",onClick:function(){r(h),function(t){i(t)}(e)},disabled:o===e,"data-qaid":"photo_gallery_preview_button","data-testid":"photo_gallery_preview_button"},m.createElement("img",{className:T.previewImage,src:u,width:58,height:58,alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_preview_image","data-testid":"photo_gallery_preview_image"}),c&&m.createElement("div",{className:T.videoPlayLabel,"data-qaid":"photo_gallery_preview_play","data-testid":"photo_gallery_preview_play"},m.createElement(a.Icon,{className:T.videoPlayLabelIcon,"icon-as":s.SvgPlay}))))})))})),C=function(t){var e,n,o=t.title,i=t.onClose,r=t.selectedIndex,s=t.itemsLength,h=t.triggerInteraction,d=r+1,f=(0,c.useBodyTTag().t)(b||(e=["Фото "," из ",""],n||(n=e.slice(0)),b=Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))),d,s);return m.createElement("div",{className:T.header},m.createElement("div",{className:T.headerTitle,"data-qaid":"photo_gallery_title","data-testid":"photo_gallery_title"},o||f),m.createElement("div",{className:T.headerClose},m.createElement(l.Button,{"button-padding":"xxs","button-theme":"black-inherit",type:"button",onClick:function(){h("clickCloseButton"),i()},"data-qaid":"photo_gallery_close_button","data-testid":"photo_gallery_close_button"},m.createElement(a.Icon,{"icon-as":u.SvgClose2,style:{width:24,height:24}}))))},A=function(t){var e,n=t.selectedIndex,o=t.className,i=t.slotProps,r=m.useRef(null);return m.useEffect((function(){var t;null===(t=r.current)||void 0===t||t.scrollTo({top:0})}),[n]),m.createElement("div",g({},i.props,{ref:r,className:p.default(o,null===(e=i.props)||void 0===e?void 0:e.className)}),i.children(n))},D=function(t){var r=t.isOpen,a=t.title,s=t.visibleIndex,l=void 0===s?0:s,c=t.items,u=t.zIndex,h=void 0===u?5e3:u,d=t.onClose,f=t.onChange,p=t.onInteraction,g=t.slotAside,y=t.slotFooter,b=m.useRef(!0),E=m.useRef(null),x=m.useRef(null),w=v(m.useState(l),2),I=w[0],O=w[1],z=function(t){"function"==typeof p&&p(t)};m.useEffect((function(){r&&"function"==typeof f&&f(I)}),[I]),m.useEffect((function(){var t,e;r&&(O(l),null===(t=x.current)||void 0===t||t.scrollToIndex(l,!1),null===(e=E.current)||void 0===e||e.scrollToIndex(l,!1))}),[r]),m.useEffect((function(){var t;if(!r)return function(){};var e=null,n=function(){e&&clearTimeout(e)},o=function(){n(),e=setTimeout((function(){var t,e;null===(t=x.current)||void 0===t||t.scrollToIndex(I,!1),null===(e=E.current)||void 0===e||e.scrollToIndex(I,!1)}),100)};return window.addEventListener("resize",o),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.addEventListener("change",o),function(){var t;n(),window.removeEventListener("resize",o),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.removeEventListener("change",o)}}),[r,I]);var D=function(t){var e,n;b.current=!1,O(t),null===(e=x.current)||void 0===e||e.scrollToIndex(t),null===(n=E.current)||void 0===n||n.scrollToIndex(t)},S=function(){d(I)};return m.createElement(m.Fragment,null,m.createElement(n.Backdrop,{isOpen:r,onClick:S,zIndex:h,isBodyScrollLock:!0}),m.createElement(e.CSSTransition,{in:r,timeout:240,classNames:T,unmountOnExit:!0,onEntered:function(){return z("opened")},onExited:function(){return z("closed")}},m.createElement(i.Portal,null,m.createElement("div",{className:T.root,"data-qaid":"photo_gallery","data-testid":"photo_gallery",style:{zIndex:h}},m.createElement(o.KeyPress,{code:"Escape",onKeyUp:function(){z("keyPressClose"),S()}}),m.createElement(o.KeyPress,{code:"ArrowLeft",onKeyUp:function(){0!==I&&(z("keyPressPrev"),D(I-1))}}),m.createElement(o.KeyPress,{code:"ArrowRight",onKeyUp:function(){I!==c.length-1&&(z("keyPressNext"),D(I+1))}}),m.createElement("div",{className:T.layout},m.createElement("header",{className:T.layoutHeader},m.createElement(C,{title:a,selectedIndex:I,itemsLength:c.length,onClose:S,triggerInteraction:z})),m.createElement("div",{className:T.layoutContent},m.createElement("section",{className:T.layoutSection},m.createElement(P,{ref:E,items:c,onChange:function(t){var e;b.current&&(O(t),null===(e=x.current)||void 0===e||e.scrollToIndex(t));b.current||I!==t||(b.current=!0)},triggerInteraction:z})),c.length>1&&m.createElement("aside",{className:T.layoutPreviews},m.createElement(_,{ref:x,items:c,selectedIndex:I,onChange:D,triggerInteraction:z})),!(null==g||!g.children)&&m.createElement(A,{selectedIndex:I,className:T.layoutAdditional,slotProps:g})),!(null==y||!y.children)&&m.createElement(A,{selectedIndex:I,className:T.layoutFooter,slotProps:y}))))))};D.displayName="PhotoGallery",exports.PhotoGallery=D,require("./style.production.css");
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("react-transition-group"),n=require("@prom-ui/core/Backdrop"),o=require("@prom-ui/core/KeyPress"),i=require("@prom-ui/core/Portal"),r=require("@prom-ui/core/ScrollControls"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/icons/Play"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close2"),h=require("clsx");function d(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function f(t){if(t&&"object"==typeof t&&"default"in t)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=f(t),p=d(h);function g(){return g=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},g.apply(this,arguments)}function v(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o,i,r,a,s=[],l=!0,c=!1;try{if(r=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=r.call(n)).done)&&(s.push(o.value),s.length!==e);l=!0);}catch(u){c=!0,i=u}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return s}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return y(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var b,x=new Map,E=function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];x.has(e)&&(cancelAnimationFrame(x.get(e)),x.delete(e));var o=requestAnimationFrame((function(){var o=e.getBoundingClientRect(),i=t.getBoundingClientRect(),r=i.top+e.scrollTop-o.top-o.height/2+i.height/2,a=i.left+e.scrollLeft-o.left-o.width/2+i.width/2;a<0&&(a=0),r<0&&(r=0),e.scrollTo({behavior:n?"smooth":"instant",top:r,left:a})}));x.set(e,o)},w=function(t){var e=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/.exec(t);return e&&e[1]},I=function(t){var e=w(t);return"https://img.youtube.com/vi/".concat(e,"/0.jpg")},O=function(){var t=function(t,e){this.el=t,this.zoomFactor=1,this.lastScale=1,this.offset={x:0,y:0},this.initialOffset={x:0,y:0},this.options=Object.assign({},this.defaults,e),this.setupMarkup(),this.bindEvents(),this.update(),this.isImageLoaded(this.el)&&(this.updateAspectRatio(),this.setupOffsets()),this.enable()},e=function(t,e){return t+e};t.prototype={defaults:{tapZoomFactor:2,zoomOutFactor:1.3,animationDuration:300,maxZoom:4,minZoom:.5,draggableUnzoomed:!0,lockDragAxis:!1,setOffsetsOnce:!1,use2d:!0,useMouseWheel:!1,verticalPadding:0,horizontalPadding:0,onZoomStart:null,onZoomEnd:null,onZoomUpdate:null,onDragStart:null,onDragEnd:null,onDragUpdate:null,onDoubleTap:null,onMouseWheel:null},handleDragStart:function(t){"function"==typeof this.options.onDragStart&&this.options.onDragStart(this,t),this.stopAnimation(),this.lastDragPosition=!1,this.hasInteraction=!0,this.handleDrag(t)},handleDrag:function(t){var e="touchmove"===t.type?this.getTouches(t)[0]:this.getPointer(t);this.drag(e,this.lastDragPosition),this.offset=this.sanitizeOffset(this.offset),this.lastDragPosition=e},handleDragEnd:function(){"function"==typeof this.options.onDragEnd&&this.options.onDragEnd(this,event),this.end()},handleZoomStart:function(t){"function"==typeof this.options.onZoomStart&&this.options.onZoomStart(this,t),this.stopAnimation(),this.lastScale=1,this.nthZoom=0,this.lastZoomCenter=!1,this.hasInteraction=!0},handleZoom:function(t,e){var n=this.getTouchCenter(this.getTouches(t)),o=e/this.lastScale;this.lastScale=e,this.nthZoom+=1,this.nthZoom>3&&(this.scale(o,n),this.drag(n,this.lastZoomCenter)),this.lastZoomCenter=n},handleZoomEnd:function(){"function"==typeof this.options.onZoomEnd&&this.options.onZoomEnd(this,event),this.end()},handleDoubleTap:function(t){var e=this.getTouches(t)[0],n=this.zoomFactor>1?1:this.options.tapZoomFactor,o=this.zoomFactor,i=function(t){this.scaleTo(o+t*(n-o),e)}.bind(this);this.hasInteraction||(this.isDoubleTap=!0,o>n&&(e=this.getCurrentZoomCenter()),this.animate(this.options.animationDuration,i,this.swing),"function"==typeof this.options.onDoubleTap&&this.options.onDoubleTap(this,t))},handleMouseWheel:function(t){var e=this.getPointer(t),n=Math.min(Math.max(this.options.minZoom,this.lastScale+-.01*t.deltaY),this.options.maxZoom),o=n/this.lastScale;this.scale(o,e),this.lastScale=n,this.update(),"function"==typeof this.options.onMouseWheel&&this.options.onMouseWheel(this,t)},computeInitialOffset:function(){this.initialOffset={x:-Math.abs(this.el.offsetWidth*this.getInitialZoomFactor()-this.container.offsetWidth)/2,y:-Math.abs(this.el.offsetHeight*this.getInitialZoomFactor()-this.container.offsetHeight)/2}},resetOffset:function(){this.offset.x=this.initialOffset.x,this.offset.y=this.initialOffset.y},isImageLoaded:function(t){return"IMG"===t.nodeName?t.complete&&0!==t.naturalHeight:Array.from(t.querySelectorAll("img")).every(this.isImageLoaded)},setupOffsets:function(){this.options.setOffsetsOnce&&this._isOffsetsSet||(this._isOffsetsSet=!0,this.computeInitialOffset(),this.resetOffset())},sanitizeOffset:function(t){var e=this.el.offsetWidth*this.getInitialZoomFactor()*this.zoomFactor,n=this.el.offsetHeight*this.getInitialZoomFactor()*this.zoomFactor,o=e-this.getContainerX()+this.options.horizontalPadding,i=n-this.getContainerY()+this.options.verticalPadding,r=Math.max(o,0),a=Math.max(i,0),s=Math.min(o,0)-this.options.horizontalPadding,l=Math.min(i,0)-this.options.verticalPadding;return{x:Math.min(Math.max(t.x,s),r),y:Math.min(Math.max(t.y,l),a)}},scaleTo:function(t,e){this.scale(t/this.zoomFactor,e)},scale:function(t,e){t=this.scaleZoomFactor(t),this.addOffset({x:(t-1)*(e.x+this.offset.x),y:(t-1)*(e.y+this.offset.y)}),"function"==typeof this.options.onZoomUpdate&&this.options.onZoomUpdate(this,event)},scaleZoomFactor:function(t){var e=this.zoomFactor;return this.zoomFactor*=t,this.zoomFactor=Math.min(this.options.maxZoom,Math.max(this.zoomFactor,this.options.minZoom)),this.zoomFactor/e},canDrag:function(){return this.options.draggableUnzoomed||!((t=this.zoomFactor)>(e=1)-.01&&t<e+.01);var t,e},drag:function(t,e){e&&(this.options.lockDragAxis?Math.abs(t.x-e.x)>Math.abs(t.y-e.y)?this.addOffset({x:-(t.x-e.x),y:0}):this.addOffset({y:-(t.y-e.y),x:0}):this.addOffset({y:-(t.y-e.y),x:-(t.x-e.x)}),"function"==typeof this.options.onDragUpdate&&this.options.onDragUpdate(this,event))},getTouchCenter:function(t){return this.getVectorAvg(t)},getVectorAvg:function(t){return{x:t.map((function(t){return t.x})).reduce(e)/t.length,y:t.map((function(t){return t.y})).reduce(e)/t.length}},addOffset:function(t){this.offset={x:this.offset.x+t.x,y:this.offset.y+t.y}},sanitize:function(){this.zoomFactor<this.options.zoomOutFactor?this.zoomOutAnimation():this.isInsaneOffset(this.offset)&&this.sanitizeOffsetAnimation()},isInsaneOffset:function(t){var e=this.sanitizeOffset(t);return e.x!==t.x||e.y!==t.y},sanitizeOffsetAnimation:function(){var t=this.sanitizeOffset(this.offset),e=this.offset.x,n=this.offset.y,o=function(o){this.offset.x=e+o*(t.x-e),this.offset.y=n+o*(t.y-n),this.update()}.bind(this);this.animate(this.options.animationDuration,o,this.swing)},zoomOutAnimation:function(){if(1!==this.zoomFactor){var t=this.zoomFactor,e=this.getCurrentZoomCenter(),n=function(n){this.scaleTo(t+n*(1-t),e)}.bind(this);this.animate(this.options.animationDuration,n,this.swing)}},updateAspectRatio:function(){this.unsetContainerY(),this.setContainerY(this.container.parentElement.offsetHeight)},getInitialZoomFactor:function(){var t=this.container.offsetWidth/this.el.offsetWidth,e=this.container.offsetHeight/this.el.offsetHeight;return Math.min(t,e)},getAspectRatio:function(){return this.el.offsetWidth/this.el.offsetHeight},getCurrentZoomCenter:function(){var t=this.offset.x-this.initialOffset.x,e=-1*this.offset.x-t/(1/this.zoomFactor-1),n=this.offset.y-this.initialOffset.y;return{x:e,y:-1*this.offset.y-n/(1/this.zoomFactor-1)}},getTouches:function(t){var e=this.container.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop,o=document.documentElement.scrollLeft||document.body.scrollLeft,i=e.top+n,r=e.left+o;return Array.prototype.slice.call(t.touches).map((function(t){return{x:t.pageX-r,y:t.pageY-i}}))},getPointer:function(t){var e=this.container.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop,o=document.documentElement.scrollLeft||document.body.scrollLeft,i=e.top+n,r=e.left+o;return{x:t.pageX-r,y:t.pageY-i}},animate:function(t,e,n,o){var i=(new Date).getTime(),r=function(){if(this.inAnimation){var a=(new Date).getTime()-i,s=a/t;a>=t?(e(1),o&&o(),this.update(),this.stopAnimation(),this.update()):(n&&(s=n(s)),e(s),this.update(),requestAnimationFrame(r))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(r)},stopAnimation:function(){this.inAnimation=!1},swing:function(t){return-Math.cos(t*Math.PI)/2+.5},getContainerX:function(){return this.container.offsetWidth},getContainerY:function(){return this.container.offsetHeight},setContainerY:function(t){return this.container.style.height=t+"px"},unsetContainerY:function(){this.container.style.height=null},setupMarkup:function(){var t,e;this.container=(t='<div class="pinch-zoom-container" style="height: 100%;"></div>',(e=document.implementation.createHTMLDocument("")).body.innerHTML=t,Array.from(e.body.children)[0]),this.el.parentNode.insertBefore(this.container,this.el),this.container.appendChild(this.el),this.container.style.overflow="hidden",this.container.style.position="relative",this.el.style.webkitTransformOrigin="0% 0%",this.el.style.mozTransformOrigin="0% 0%",this.el.style.msTransformOrigin="0% 0%",this.el.style.oTransformOrigin="0% 0%",this.el.style.transformOrigin="0% 0%",this.el.style.position="absolute",this.el.style.backfaceVisibility="hidden",this.el.style.willChange="transform"},end:function(){this.hasInteraction=!1,this.sanitize(),this.update()},bindEvents:function(){var t=this;n(this.container,this),this.resizeHandler=this.update.bind(this),window.addEventListener("resize",this.resizeHandler),Array.from(this.el.querySelectorAll("img")).forEach((function(e){e.addEventListener("load",t.update.bind(t))})),"IMG"===this.el.nodeName&&this.el.addEventListener("load",this.update.bind(this))},update:function(t){t&&"resize"===t.type&&(this.updateAspectRatio(),this.setupOffsets()),t&&"load"===t.type&&(this.updateAspectRatio(),this.setupOffsets()),this.updatePlanned||(this.updatePlanned=!0,window.setTimeout(function(){this.updatePlanned=!1;var t=this.getInitialZoomFactor()*this.zoomFactor,e=-this.offset.x/t,n=-this.offset.y/t,o="scale3d("+t+", "+t+",1) translate3d("+e+"px,"+n+"px,0px)",i="scale("+t+", "+t+") translate("+e+"px,"+n+"px)",r=function(){this.clone&&(this.clone.parentNode.removeChild(this.clone),delete this.clone)}.bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,r(),this.el.style.webkitTransform=o,this.el.style.mozTransform=i,this.el.style.msTransform=i,this.el.style.oTransform=i,this.el.style.transform=o):(this.is3d&&(this.clone=this.el.cloneNode(!0),this.clone.style.pointerEvents="none",this.container.appendChild(this.clone),window.setTimeout(r,200)),this.el.style.webkitTransform=i,this.el.style.mozTransform=i,this.el.style.msTransform=i,this.el.style.oTransform=i,this.el.style.transform=i,this.is3d=!1)}.bind(this),0))},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},destroy:function(){window.removeEventListener("resize",this.resizeHandler),this.container&&(this.container.remove(),this.container=null)},reset:function(){this.zoomOutAnimation()}};var n=function(t,e){var n=null,o=0,i=null,r=null,a=function(t,o){if(n!==t){if(n&&!t)switch(n){case"zoom":e.handleZoomEnd(o);break;case"drag":e.handleDragEnd(o)}switch(t){case"zoom":e.handleZoomStart(o);break;case"drag":e.handleDragStart(o)}}n=t},s=function(t){2===o?a("zoom"):1===o&&e.canDrag()?a("drag",t):a(null,t)},l=function(t){return Array.from(t).map((function(t){return{x:t.pageX,y:t.pageY}}))},c=function(t,e){var n,o;return n=t.x-e.x,o=t.y-e.y,Math.sqrt(n*n+o*o)},u=function(t){t.stopPropagation(),t.preventDefault()},h=!0;t.addEventListener("touchstart",(function(t){e.enabled&&(h=!0,o=t.touches.length,function(t){var r=(new Date).getTime();if(o>1&&(i=null),r-i<300)switch(u(t),e.handleDoubleTap(t),n){case"zoom":e.handleZoomEnd(t);break;case"drag":e.handleDragEnd(t)}else e.isDoubleTap=!1;1===o&&(i=r)}(t))}),{passive:!1}),t.addEventListener("touchmove",(function(t){if(e.enabled&&!e.isDoubleTap){if(h)s(t),n&&u(t),r=l(t.touches);else{switch(n){case"zoom":2==r.length&&2==t.touches.length&&e.handleZoom(t,function(t,e){var n=c(t[0],t[1]);return c(e[0],e[1])/n}(r,l(t.touches)));break;case"drag":e.handleDrag(t)}n&&(u(t),e.update())}h=!1}}),{passive:!1}),t.addEventListener("touchend",(function(t){e.enabled&&(o=t.touches.length,s(t))})),e.options.useMouseWheel&&(t.addEventListener("mousewheel",(function(t){e.enabled&&(u(t),e.handleMouseWheel(t))})),t.addEventListener("mousedown",(function(t){e.enabled&&(h=!0,o=1)}),{passive:!0}),t.addEventListener("mousemove",(function(t){e.enabled&&(h?(s(t),n&&u(t)):("drag"===n&&e.handleDrag(t),n&&(u(t),e.update())),h=!1)}),{passive:!1}),t.addEventListener("mouseup",(function(t){e.enabled&&(o=0,s(t))}),{passive:!0}))};return t}(),T={scrolling:"q1DKc",root:"KiBKq",layout:"JBDok",layoutHeader:"tVG4b",layoutContent:"O43ff",layoutFooter:"Gz4gH",layoutSection:"CvZb6",layoutPreviews:"-hzyv",layoutAdditional:"mR5-f",header:"xfAad",headerTitle:"QiOEy",headerClose:"qdl3x",mainPhotoScrollControls:"PeY3Y",mainPhoto:"QIMHy q1DKc",mainPhotoItem:"aZCyk",mainPhotoImage:"_2aEr5",mainPhotoIframe:"kThdT",preview:"F-k0z q1DKc",previewItem:"jf683",previewButton:"VAXOP",previewImage:"Mx2Y-",videoPlayLabel:"jQiDN",videoPlayLabelIcon:"wSdjd",enter:"Lnosr",exit:"NW-xY",enterActive:"LrirU",exitActive:"L6st-"},z=m.forwardRef((function(t,e){var n=t.src,o=t.videoSrc,i=t.triggerInteraction,r=m.useRef(null),a=m.useRef(null),s=m.useRef(null),l=!!o,c=function(){var t,e;null===(t=a.current)||void 0===t||t.reset(),null===(e=r.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*")};return m.useEffect((function(){return requestAnimationFrame((function(){s.current&&!l&&(a.current=new O(s.current,{draggableUnzoomed:!1,animationDuration:200,setOffsetsOnce:!1,onDoubleTap:function(t){1===(null==t?void 0:t.zoomFactor)&&i("maybeZoomImage")}}))})),function(){var t;null===(t=a.current)||void 0===t||t.destroy()}}),[o]),m.useEffect((function(){var t=function(){l&&document.activeElement&&"iframe"===document.activeElement.nodeName.toLowerCase()&&r.current&&r.current===document.activeElement&&i("maybePlayVideo")};return window.addEventListener("blur",t),function(){window.removeEventListener("blur",t)}}),[o]),m.useImperativeHandle(e,(function(){return{reset:c}}),[]),l?m.createElement("iframe",{ref:r,className:T.mainPhotoIframe,src:o,width:"100%",height:"100%",allowFullScreen:!0,title:"",loading:"lazy","data-qaid":"photo_gallery_main_video","data-testid":"photo_gallery_main_video"}):m.createElement("img",{ref:s,className:T.mainPhotoImage,src:n,width:"100%",height:"100%",alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_main_image","data-testid":"photo_gallery_main_image"})})),P=m.forwardRef((function(t,e){var n=t.items,o=t.onChange,i=t.triggerInteraction,a=m.useRef(null),s=m.useRef([]),l=m.useRef(0),c=m.useRef(null),u=function(){s.current.forEach((function(t){null==t||t.reset()}))},h=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=c.current)||void 0===e?void 0:e.children[t];u(),o&&E(o,c.current,n)};m.useImperativeHandle(e,(function(){return{scrollToIndex:h}}),[]);var d=function(){if(c.current){var t=function(t,e){var n=t.scrollLeft/t.scrollWidth*e;return Math.round(n)}(c.current,n.length);l.current!==t&&(l.current=t,o(t),u())}},f=function(t){var e=t.changedTouches[0].screenX;a.current=e},p=function(t){var e=t.changedTouches[0].screenX;a.current&&(a.current>e?i("maybeSwipeLeft"):a.current<e&&i("maybeSwipeRight"),a.current=null)};return m.createElement(r.ScrollControls,{ref:c,className:T.mainPhotoScrollControls,showOnHover:!0,hideOnDisabled:!0,onClickPrev:function(){return i("clickPrevButton")},onClickNext:function(){return i("clickNextButton")}},(function(t){return m.createElement("div",{ref:t,className:T.mainPhoto,onScroll:d,onTouchStart:f,onTouchEnd:p},n.map((function(t,e){var n,o=t.type,r=t.src,a="video"===o,l=a?I(r):r,c=a?(n=w(r),"https://youtube.com/embed/".concat(n,"?enablejsapi=1&rel=0")):void 0;return m.createElement("div",{key:e,className:T.mainPhotoItem,"data-qaid":"photo_gallery_main_item","data-testid":"photo_gallery_main_item"},m.createElement(z,{ref:function(t){return s.current[e]=t},src:l,videoSrc:c,triggerInteraction:i}))})))}))})),_=m.forwardRef((function(t,e){var n=t.items,o=t.selectedIndex,i=t.onChange,r=t.triggerInteraction,l=m.useRef(null),c=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=l.current)||void 0===e?void 0:e.children[t];o&&E(o,l.current,n)};m.useImperativeHandle(e,(function(){return{scrollToIndex:c}}),[]);return m.createElement("div",{ref:l,className:T.preview},n.map((function(t,e){var n=t.type,l=t.src,c="video"===n,u=c?I(l):l,h=c?"clickPreviewVideo":"clickPreviewImage";return m.createElement("div",{key:e,className:T.previewItem,"data-qaid":"photo_gallery_preview_item","data-testid":"photo_gallery_preview_item"},m.createElement("button",{className:T.previewButton,type:"button",onClick:function(){r(h),function(t){i(t)}(e)},disabled:o===e,"data-qaid":"photo_gallery_preview_button","data-testid":"photo_gallery_preview_button"},m.createElement("img",{className:T.previewImage,src:u,width:58,height:58,alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_preview_image","data-testid":"photo_gallery_preview_image"}),c&&m.createElement("div",{className:T.videoPlayLabel,"data-qaid":"photo_gallery_preview_play","data-testid":"photo_gallery_preview_play"},m.createElement(a.Icon,{className:T.videoPlayLabelIcon,"icon-as":s.SvgPlay}))))})))})),C=function(t){var e,n,o=t.title,i=t.onClose,r=t.selectedIndex,s=t.itemsLength,h=t.triggerInteraction,d=r+1,f=(0,c.useBodyTTag().t)(b||(e=["Фото "," из ",""],n||(n=e.slice(0)),b=Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))),d,s);return m.createElement("div",{className:T.header},m.createElement("div",{className:T.headerTitle,"data-qaid":"photo_gallery_title","data-testid":"photo_gallery_title"},o||f),m.createElement("div",{className:T.headerClose},m.createElement(l.Button,{"button-padding":"xxs","button-theme":"black-inherit",type:"button",onClick:function(){h("clickCloseButton"),i()},"data-qaid":"photo_gallery_close_button","data-testid":"photo_gallery_close_button"},m.createElement(a.Icon,{"icon-as":u.SvgClose2,style:{width:24,height:24}}))))},D=function(t){var e,n=t.selectedIndex,o=t.className,i=t.slotProps,r=m.useRef(null);return m.useEffect((function(){var t;null===(t=r.current)||void 0===t||t.scrollTo({top:0})}),[n]),m.createElement("div",g({},i.props,{ref:r,className:p.default(o,null===(e=i.props)||void 0===e?void 0:e.className)}),i.children(n))},A=function(t){var r=t.isOpen,a=t.title,s=t.visibleIndex,l=void 0===s?0:s,c=t.items,u=t.zIndex,h=void 0===u?5e3:u,d=t.onClose,f=t.onChange,p=t.onInteraction,g=t.slotAside,y=t.slotFooter,b=m.useRef(!0),x=m.useRef(null),E=m.useRef(null),w=v(m.useState(l),2),I=w[0],O=w[1],z=function(t){"function"==typeof p&&p(t)};m.useEffect((function(){r&&"function"==typeof f&&f(I)}),[I]),m.useEffect((function(){var t,e;r&&(O(l),null===(t=E.current)||void 0===t||t.scrollToIndex(l,!1),null===(e=x.current)||void 0===e||e.scrollToIndex(l,!1))}),[r]),m.useEffect((function(){var t;if(!r)return function(){};var e=null,n=function(){e&&clearTimeout(e)},o=function(){n(),e=setTimeout((function(){var t,e;null===(t=E.current)||void 0===t||t.scrollToIndex(I,!1),null===(e=x.current)||void 0===e||e.scrollToIndex(I,!1)}),100)};return window.addEventListener("resize",o),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.addEventListener("change",o),function(){var t;n(),window.removeEventListener("resize",o),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.removeEventListener("change",o)}}),[r,I]);var A=function(t){var e,n;b.current=!1,O(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t),null===(n=x.current)||void 0===n||n.scrollToIndex(t)},S=function(){d(I)};return m.createElement(m.Fragment,null,m.createElement(n.Backdrop,{isOpen:r,onClick:S,zIndex:h,isBodyScrollLock:!0}),m.createElement(e.CSSTransition,{in:r,timeout:240,classNames:T,unmountOnExit:!0,onEntered:function(){return z("opened")},onExited:function(){return z("closed")}},m.createElement(i.Portal,null,m.createElement("div",{className:T.root,"data-qaid":"photo_gallery","data-testid":"photo_gallery",style:{zIndex:h}},m.createElement(o.KeyPress,{code:"Escape",onKeyUp:function(){z("keyPressClose"),S()}}),m.createElement(o.KeyPress,{code:"ArrowLeft",onKeyUp:function(){0!==I&&(z("keyPressPrev"),A(I-1))}}),m.createElement(o.KeyPress,{code:"ArrowRight",onKeyUp:function(){I!==c.length-1&&(z("keyPressNext"),A(I+1))}}),m.createElement("div",{className:T.layout},m.createElement("header",{className:T.layoutHeader},m.createElement(C,{title:a,selectedIndex:I,itemsLength:c.length,onClose:S,triggerInteraction:z})),m.createElement("div",{className:T.layoutContent},m.createElement("section",{className:T.layoutSection},m.createElement(P,{ref:x,items:c,onChange:function(t){var e;b.current&&(O(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t));b.current||I!==t||(b.current=!0)},triggerInteraction:z})),c.length>1&&m.createElement("aside",{className:T.layoutPreviews},m.createElement(_,{ref:E,items:c,selectedIndex:I,onChange:A,triggerInteraction:z})),!(null==g||!g.children)&&m.createElement(D,{selectedIndex:I,className:T.layoutAdditional,slotProps:g})),!(null==y||!y.children)&&m.createElement(D,{selectedIndex:I,className:T.layoutFooter,slotProps:y}))))))};A.displayName="PhotoGallery",exports.PhotoGallery=A,require("./style.production.v2.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("react-transition-group"),n=require("@prom-ui/core/Backdrop"),o=require("@prom-ui/core/KeyPress"),i=require("@prom-ui/core/Portal"),r=require("@prom-ui/core/ScrollControls"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/icons/Play"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close2"),h=require("clsx");function d(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function f(t){if(t&&"object"==typeof t&&"default"in t)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=f(t),p=d(h);function g(){return g=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},g.apply(this,arguments)}function v(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o,i,r,a,s=[],l=!0,c=!1;try{if(r=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=r.call(n)).done)&&(s.push(o.value),s.length!==e);l=!0);}catch(u){c=!0,i=u}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return s}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return y(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var b,x=new Map,E=function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];x.has(e)&&(cancelAnimationFrame(x.get(e)),x.delete(e));var o=requestAnimationFrame((function(){var o=e.getBoundingClientRect(),i=t.getBoundingClientRect(),r=i.top+e.scrollTop-o.top-o.height/2+i.height/2,a=i.left+e.scrollLeft-o.left-o.width/2+i.width/2;a<0&&(a=0),r<0&&(r=0),e.scrollTo({behavior:n?"smooth":"instant",top:r,left:a})}));x.set(e,o)},w=function(t){var e=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/.exec(t);return e&&e[1]},I=function(t){var e=w(t);return"https://img.youtube.com/vi/".concat(e,"/0.jpg")},O=function(){var t=function(t,e){this.el=t,this.zoomFactor=1,this.lastScale=1,this.offset={x:0,y:0},this.initialOffset={x:0,y:0},this.options=Object.assign({},this.defaults,e),this.setupMarkup(),this.bindEvents(),this.update(),this.isImageLoaded(this.el)&&(this.updateAspectRatio(),this.setupOffsets()),this.enable()},e=function(t,e){return t+e};t.prototype={defaults:{tapZoomFactor:2,zoomOutFactor:1.3,animationDuration:300,maxZoom:4,minZoom:.5,draggableUnzoomed:!0,lockDragAxis:!1,setOffsetsOnce:!1,use2d:!0,useMouseWheel:!1,verticalPadding:0,horizontalPadding:0,onZoomStart:null,onZoomEnd:null,onZoomUpdate:null,onDragStart:null,onDragEnd:null,onDragUpdate:null,onDoubleTap:null,onMouseWheel:null},handleDragStart:function(t){"function"==typeof this.options.onDragStart&&this.options.onDragStart(this,t),this.stopAnimation(),this.lastDragPosition=!1,this.hasInteraction=!0,this.handleDrag(t)},handleDrag:function(t){var e="touchmove"===t.type?this.getTouches(t)[0]:this.getPointer(t);this.drag(e,this.lastDragPosition),this.offset=this.sanitizeOffset(this.offset),this.lastDragPosition=e},handleDragEnd:function(){"function"==typeof this.options.onDragEnd&&this.options.onDragEnd(this,event),this.end()},handleZoomStart:function(t){"function"==typeof this.options.onZoomStart&&this.options.onZoomStart(this,t),this.stopAnimation(),this.lastScale=1,this.nthZoom=0,this.lastZoomCenter=!1,this.hasInteraction=!0},handleZoom:function(t,e){var n=this.getTouchCenter(this.getTouches(t)),o=e/this.lastScale;this.lastScale=e,this.nthZoom+=1,this.nthZoom>3&&(this.scale(o,n),this.drag(n,this.lastZoomCenter)),this.lastZoomCenter=n},handleZoomEnd:function(){"function"==typeof this.options.onZoomEnd&&this.options.onZoomEnd(this,event),this.end()},handleDoubleTap:function(t){var e=this.getTouches(t)[0],n=this.zoomFactor>1?1:this.options.tapZoomFactor,o=this.zoomFactor,i=function(t){this.scaleTo(o+t*(n-o),e)}.bind(this);this.hasInteraction||(this.isDoubleTap=!0,o>n&&(e=this.getCurrentZoomCenter()),this.animate(this.options.animationDuration,i,this.swing),"function"==typeof this.options.onDoubleTap&&this.options.onDoubleTap(this,t))},handleMouseWheel:function(t){var e=this.getPointer(t),n=Math.min(Math.max(this.options.minZoom,this.lastScale+-.01*t.deltaY),this.options.maxZoom),o=n/this.lastScale;this.scale(o,e),this.lastScale=n,this.update(),"function"==typeof this.options.onMouseWheel&&this.options.onMouseWheel(this,t)},computeInitialOffset:function(){this.initialOffset={x:-Math.abs(this.el.offsetWidth*this.getInitialZoomFactor()-this.container.offsetWidth)/2,y:-Math.abs(this.el.offsetHeight*this.getInitialZoomFactor()-this.container.offsetHeight)/2}},resetOffset:function(){this.offset.x=this.initialOffset.x,this.offset.y=this.initialOffset.y},isImageLoaded:function(t){return"IMG"===t.nodeName?t.complete&&0!==t.naturalHeight:Array.from(t.querySelectorAll("img")).every(this.isImageLoaded)},setupOffsets:function(){this.options.setOffsetsOnce&&this._isOffsetsSet||(this._isOffsetsSet=!0,this.computeInitialOffset(),this.resetOffset())},sanitizeOffset:function(t){var e=this.el.offsetWidth*this.getInitialZoomFactor()*this.zoomFactor,n=this.el.offsetHeight*this.getInitialZoomFactor()*this.zoomFactor,o=e-this.getContainerX()+this.options.horizontalPadding,i=n-this.getContainerY()+this.options.verticalPadding,r=Math.max(o,0),a=Math.max(i,0),s=Math.min(o,0)-this.options.horizontalPadding,l=Math.min(i,0)-this.options.verticalPadding;return{x:Math.min(Math.max(t.x,s),r),y:Math.min(Math.max(t.y,l),a)}},scaleTo:function(t,e){this.scale(t/this.zoomFactor,e)},scale:function(t,e){t=this.scaleZoomFactor(t),this.addOffset({x:(t-1)*(e.x+this.offset.x),y:(t-1)*(e.y+this.offset.y)}),"function"==typeof this.options.onZoomUpdate&&this.options.onZoomUpdate(this,event)},scaleZoomFactor:function(t){var e=this.zoomFactor;return this.zoomFactor*=t,this.zoomFactor=Math.min(this.options.maxZoom,Math.max(this.zoomFactor,this.options.minZoom)),this.zoomFactor/e},canDrag:function(){return this.options.draggableUnzoomed||!((t=this.zoomFactor)>(e=1)-.01&&t<e+.01);var t,e},drag:function(t,e){e&&(this.options.lockDragAxis?Math.abs(t.x-e.x)>Math.abs(t.y-e.y)?this.addOffset({x:-(t.x-e.x),y:0}):this.addOffset({y:-(t.y-e.y),x:0}):this.addOffset({y:-(t.y-e.y),x:-(t.x-e.x)}),"function"==typeof this.options.onDragUpdate&&this.options.onDragUpdate(this,event))},getTouchCenter:function(t){return this.getVectorAvg(t)},getVectorAvg:function(t){return{x:t.map((function(t){return t.x})).reduce(e)/t.length,y:t.map((function(t){return t.y})).reduce(e)/t.length}},addOffset:function(t){this.offset={x:this.offset.x+t.x,y:this.offset.y+t.y}},sanitize:function(){this.zoomFactor<this.options.zoomOutFactor?this.zoomOutAnimation():this.isInsaneOffset(this.offset)&&this.sanitizeOffsetAnimation()},isInsaneOffset:function(t){var e=this.sanitizeOffset(t);return e.x!==t.x||e.y!==t.y},sanitizeOffsetAnimation:function(){var t=this.sanitizeOffset(this.offset),e=this.offset.x,n=this.offset.y,o=function(o){this.offset.x=e+o*(t.x-e),this.offset.y=n+o*(t.y-n),this.update()}.bind(this);this.animate(this.options.animationDuration,o,this.swing)},zoomOutAnimation:function(){if(1!==this.zoomFactor){var t=this.zoomFactor,e=this.getCurrentZoomCenter(),n=function(n){this.scaleTo(t+n*(1-t),e)}.bind(this);this.animate(this.options.animationDuration,n,this.swing)}},updateAspectRatio:function(){this.unsetContainerY(),this.setContainerY(this.container.parentElement.offsetHeight)},getInitialZoomFactor:function(){var t=this.container.offsetWidth/this.el.offsetWidth,e=this.container.offsetHeight/this.el.offsetHeight;return Math.min(t,e)},getAspectRatio:function(){return this.el.offsetWidth/this.el.offsetHeight},getCurrentZoomCenter:function(){var t=this.offset.x-this.initialOffset.x,e=-1*this.offset.x-t/(1/this.zoomFactor-1),n=this.offset.y-this.initialOffset.y;return{x:e,y:-1*this.offset.y-n/(1/this.zoomFactor-1)}},getTouches:function(t){var e=this.container.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop,o=document.documentElement.scrollLeft||document.body.scrollLeft,i=e.top+n,r=e.left+o;return Array.prototype.slice.call(t.touches).map((function(t){return{x:t.pageX-r,y:t.pageY-i}}))},getPointer:function(t){var e=this.container.getBoundingClientRect(),n=document.documentElement.scrollTop||document.body.scrollTop,o=document.documentElement.scrollLeft||document.body.scrollLeft,i=e.top+n,r=e.left+o;return{x:t.pageX-r,y:t.pageY-i}},animate:function(t,e,n,o){var i=(new Date).getTime(),r=function(){if(this.inAnimation){var a=(new Date).getTime()-i,s=a/t;a>=t?(e(1),o&&o(),this.update(),this.stopAnimation(),this.update()):(n&&(s=n(s)),e(s),this.update(),requestAnimationFrame(r))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(r)},stopAnimation:function(){this.inAnimation=!1},swing:function(t){return-Math.cos(t*Math.PI)/2+.5},getContainerX:function(){return this.container.offsetWidth},getContainerY:function(){return this.container.offsetHeight},setContainerY:function(t){return this.container.style.height=t+"px"},unsetContainerY:function(){this.container.style.height=null},setupMarkup:function(){var t,e;this.container=(t='<div class="pinch-zoom-container" style="height: 100%;"></div>',(e=document.implementation.createHTMLDocument("")).body.innerHTML=t,Array.from(e.body.children)[0]),this.el.parentNode.insertBefore(this.container,this.el),this.container.appendChild(this.el),this.container.style.overflow="hidden",this.container.style.position="relative",this.el.style.webkitTransformOrigin="0% 0%",this.el.style.mozTransformOrigin="0% 0%",this.el.style.msTransformOrigin="0% 0%",this.el.style.oTransformOrigin="0% 0%",this.el.style.transformOrigin="0% 0%",this.el.style.position="absolute",this.el.style.backfaceVisibility="hidden",this.el.style.willChange="transform"},end:function(){this.hasInteraction=!1,this.sanitize(),this.update()},bindEvents:function(){var t=this;n(this.container,this),this.resizeHandler=this.update.bind(this),window.addEventListener("resize",this.resizeHandler),Array.from(this.el.querySelectorAll("img")).forEach((function(e){e.addEventListener("load",t.update.bind(t))})),"IMG"===this.el.nodeName&&this.el.addEventListener("load",this.update.bind(this))},update:function(t){t&&"resize"===t.type&&(this.updateAspectRatio(),this.setupOffsets()),t&&"load"===t.type&&(this.updateAspectRatio(),this.setupOffsets()),this.updatePlanned||(this.updatePlanned=!0,window.setTimeout(function(){this.updatePlanned=!1;var t=this.getInitialZoomFactor()*this.zoomFactor,e=-this.offset.x/t,n=-this.offset.y/t,o="scale3d("+t+", "+t+",1) translate3d("+e+"px,"+n+"px,0px)",i="scale("+t+", "+t+") translate("+e+"px,"+n+"px)",r=function(){this.clone&&(this.clone.parentNode.removeChild(this.clone),delete this.clone)}.bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,r(),this.el.style.webkitTransform=o,this.el.style.mozTransform=i,this.el.style.msTransform=i,this.el.style.oTransform=i,this.el.style.transform=o):(this.is3d&&(this.clone=this.el.cloneNode(!0),this.clone.style.pointerEvents="none",this.container.appendChild(this.clone),window.setTimeout(r,200)),this.el.style.webkitTransform=i,this.el.style.mozTransform=i,this.el.style.msTransform=i,this.el.style.oTransform=i,this.el.style.transform=i,this.is3d=!1)}.bind(this),0))},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},destroy:function(){window.removeEventListener("resize",this.resizeHandler),this.container&&(this.container.remove(),this.container=null)},reset:function(){this.zoomOutAnimation()}};var n=function(t,e){var n=null,o=0,i=null,r=null,a=function(t,o){if(n!==t){if(n&&!t)switch(n){case"zoom":e.handleZoomEnd(o);break;case"drag":e.handleDragEnd(o)}switch(t){case"zoom":e.handleZoomStart(o);break;case"drag":e.handleDragStart(o)}}n=t},s=function(t){2===o?a("zoom"):1===o&&e.canDrag()?a("drag",t):a(null,t)},l=function(t){return Array.from(t).map((function(t){return{x:t.pageX,y:t.pageY}}))},c=function(t,e){var n,o;return n=t.x-e.x,o=t.y-e.y,Math.sqrt(n*n+o*o)},u=function(t){t.stopPropagation(),t.preventDefault()},h=!0;t.addEventListener("touchstart",(function(t){e.enabled&&(h=!0,o=t.touches.length,function(t){var r=(new Date).getTime();if(o>1&&(i=null),r-i<300)switch(u(t),e.handleDoubleTap(t),n){case"zoom":e.handleZoomEnd(t);break;case"drag":e.handleDragEnd(t)}else e.isDoubleTap=!1;1===o&&(i=r)}(t))}),{passive:!1}),t.addEventListener("touchmove",(function(t){if(e.enabled&&!e.isDoubleTap){if(h)s(t),n&&u(t),r=l(t.touches);else{switch(n){case"zoom":2==r.length&&2==t.touches.length&&e.handleZoom(t,function(t,e){var n=c(t[0],t[1]);return c(e[0],e[1])/n}(r,l(t.touches)));break;case"drag":e.handleDrag(t)}n&&(u(t),e.update())}h=!1}}),{passive:!1}),t.addEventListener("touchend",(function(t){e.enabled&&(o=t.touches.length,s(t))})),e.options.useMouseWheel&&(t.addEventListener("mousewheel",(function(t){e.enabled&&(u(t),e.handleMouseWheel(t))})),t.addEventListener("mousedown",(function(t){e.enabled&&(h=!0,o=1)}),{passive:!0}),t.addEventListener("mousemove",(function(t){e.enabled&&(h?(s(t),n&&u(t)):("drag"===n&&e.handleDrag(t),n&&(u(t),e.update())),h=!1)}),{passive:!1}),t.addEventListener("mouseup",(function(t){e.enabled&&(o=0,s(t))}),{passive:!0}))};return t}(),T={scrolling:"q1DKc",root:"KiBKq",layout:"JBDok",layoutHeader:"tVG4b",layoutContent:"O43ff",layoutFooter:"Gz4gH",layoutSection:"CvZb6",layoutPreviews:"-hzyv",layoutAdditional:"mR5-f",header:"xfAad",headerTitle:"QiOEy",headerClose:"qdl3x",mainPhotoScrollControls:"PeY3Y",mainPhoto:"QIMHy q1DKc",mainPhotoItem:"aZCyk",mainPhotoImage:"_2aEr5",mainPhotoIframe:"kThdT",preview:"F-k0z q1DKc",previewItem:"jf683",previewButton:"VAXOP",previewImage:"Mx2Y-",videoPlayLabel:"jQiDN",videoPlayLabelIcon:"wSdjd",enter:"Lnosr",exit:"NW-xY",enterActive:"LrirU",exitActive:"L6st-"},z=m.forwardRef((function(t,e){var n=t.src,o=t.videoSrc,i=t.triggerInteraction,r=m.useRef(null),a=m.useRef(null),s=m.useRef(null),l=!!o,c=function(){var t,e;null===(t=a.current)||void 0===t||t.reset(),null===(e=r.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*")};return m.useEffect((function(){return requestAnimationFrame((function(){s.current&&!l&&(a.current=new O(s.current,{draggableUnzoomed:!1,animationDuration:200,setOffsetsOnce:!1,onDoubleTap:function(t){1===(null==t?void 0:t.zoomFactor)&&i("maybeZoomImage")}}))})),function(){var t;null===(t=a.current)||void 0===t||t.destroy()}}),[o]),m.useEffect((function(){var t=function(){l&&document.activeElement&&"iframe"===document.activeElement.nodeName.toLowerCase()&&r.current&&r.current===document.activeElement&&i("maybePlayVideo")};return window.addEventListener("blur",t),function(){window.removeEventListener("blur",t)}}),[o]),m.useImperativeHandle(e,(function(){return{reset:c}}),[]),l?m.createElement("iframe",{ref:r,className:T.mainPhotoIframe,src:o,width:"100%",height:"100%",allowFullScreen:!0,title:"",loading:"lazy","data-qaid":"photo_gallery_main_video","data-testid":"photo_gallery_main_video"}):m.createElement("img",{ref:s,className:T.mainPhotoImage,src:n,width:"100%",height:"100%",alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_main_image","data-testid":"photo_gallery_main_image"})})),P=m.forwardRef((function(t,e){var n=t.items,o=t.onChange,i=t.triggerInteraction,a=m.useRef(null),s=m.useRef([]),l=m.useRef(0),c=m.useRef(null),u=function(){s.current.forEach((function(t){null==t||t.reset()}))},h=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=c.current)||void 0===e?void 0:e.children[t];u(),o&&E(o,c.current,n)};m.useImperativeHandle(e,(function(){return{scrollToIndex:h}}),[]);var d=function(){if(c.current){var t=function(t,e){var n=t.scrollLeft/t.scrollWidth*e;return Math.round(n)}(c.current,n.length);l.current!==t&&(l.current=t,o(t),u())}},f=function(t){var e=t.changedTouches[0].screenX;a.current=e},p=function(t){var e=t.changedTouches[0].screenX;a.current&&(a.current>e?i("maybeSwipeLeft"):a.current<e&&i("maybeSwipeRight"),a.current=null)};return m.createElement(r.ScrollControls,{ref:c,className:T.mainPhotoScrollControls,showOnHover:!0,hideOnDisabled:!0,onClickPrev:function(){return i("clickPrevButton")},onClickNext:function(){return i("clickNextButton")}},(function(t){return m.createElement("div",{ref:t,className:T.mainPhoto,onScroll:d,onTouchStart:f,onTouchEnd:p},n.map((function(t,e){var n,o=t.type,r=t.src,a="video"===o,l=a?I(r):r,c=a?(n=w(r),"https://youtube.com/embed/".concat(n,"?enablejsapi=1&rel=0")):void 0;return m.createElement("div",{key:e,className:T.mainPhotoItem,"data-qaid":"photo_gallery_main_item","data-testid":"photo_gallery_main_item"},m.createElement(z,{ref:function(t){return s.current[e]=t},src:l,videoSrc:c,triggerInteraction:i}))})))}))})),_=m.forwardRef((function(t,e){var n=t.items,o=t.selectedIndex,i=t.onChange,r=t.triggerInteraction,l=m.useRef(null),c=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=l.current)||void 0===e?void 0:e.children[t];o&&E(o,l.current,n)};m.useImperativeHandle(e,(function(){return{scrollToIndex:c}}),[]);return m.createElement("div",{ref:l,className:T.preview,onScroll:function(){r("scrollPreviews")}},n.map((function(t,e){var n=t.type,l=t.src,c="video"===n,u=c?I(l):l,h=c?"clickPreviewVideo":"clickPreviewImage";return m.createElement("div",{key:e,className:T.previewItem,"data-qaid":"photo_gallery_preview_item","data-testid":"photo_gallery_preview_item"},m.createElement("button",{className:T.previewButton,type:"button",onClick:function(){r(h),function(t){i(t)}(e)},disabled:o===e,"data-qaid":"photo_gallery_preview_button","data-testid":"photo_gallery_preview_button"},m.createElement("img",{className:T.previewImage,src:u,width:58,height:58,alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_preview_image","data-testid":"photo_gallery_preview_image"}),c&&m.createElement("div",{className:T.videoPlayLabel,"data-qaid":"photo_gallery_preview_play","data-testid":"photo_gallery_preview_play"},m.createElement(a.Icon,{className:T.videoPlayLabelIcon,"icon-as":s.SvgPlay}))))})))})),C=function(t){var e,n,o=t.title,i=t.onClose,r=t.selectedIndex,s=t.itemsLength,h=t.triggerInteraction,d=r+1,f=(0,c.useBodyTTag().t)(b||(e=["Фото "," из ",""],n||(n=e.slice(0)),b=Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))),d,s);return m.createElement("div",{className:T.header},m.createElement("div",{className:T.headerTitle,"data-qaid":"photo_gallery_title","data-testid":"photo_gallery_title"},o||f),m.createElement("div",{className:T.headerClose},m.createElement(l.Button,{"button-padding":"xxs","button-theme":"black-inherit",type:"button",onClick:function(){h("clickCloseButton"),i()},"data-qaid":"photo_gallery_close_button","data-testid":"photo_gallery_close_button"},m.createElement(a.Icon,{"icon-as":u.SvgClose2,style:{width:24,height:24}}))))},D=function(t){var e,n=t.selectedIndex,o=t.className,i=t.slotProps,r=m.useRef(null);return m.useEffect((function(){var t;null===(t=r.current)||void 0===t||t.scrollTo({top:0})}),[n]),m.createElement("div",g({},i.props,{ref:r,className:p.default(o,null===(e=i.props)||void 0===e?void 0:e.className)}),i.children(n))},A=function(t){var r=t.isOpen,a=t.title,s=t.visibleIndex,l=void 0===s?0:s,c=t.items,u=t.zIndex,h=void 0===u?5e3:u,d=t.onClose,f=t.onChange,p=t.onInteraction,g=t.slotAside,y=t.slotFooter,b=m.useRef(!0),x=m.useRef(null),E=m.useRef(null),w=v(m.useState(l),2),I=w[0],O=w[1],z=function(t){"function"==typeof p&&p(t)};m.useEffect((function(){r&&"function"==typeof f&&f(I)}),[I]),m.useEffect((function(){var t,e;r&&(O(l),null===(t=E.current)||void 0===t||t.scrollToIndex(l,!1),null===(e=x.current)||void 0===e||e.scrollToIndex(l,!1))}),[r]),m.useEffect((function(){var t;if(!r)return function(){};var e=null,n=function(){e&&clearTimeout(e)},o=function(){n(),e=setTimeout((function(){var t,e;null===(t=E.current)||void 0===t||t.scrollToIndex(I,!1),null===(e=x.current)||void 0===e||e.scrollToIndex(I,!1)}),100)};return window.addEventListener("resize",o),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.addEventListener("change",o),function(){var t;n(),window.removeEventListener("resize",o),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.removeEventListener("change",o)}}),[r,I]);var A=function(t){var e,n;b.current=!1,O(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t),null===(n=x.current)||void 0===n||n.scrollToIndex(t)},S=function(){d(I)};return m.createElement(m.Fragment,null,m.createElement(n.Backdrop,{isOpen:r,onClick:S,zIndex:h,isBodyScrollLock:!0}),m.createElement(e.CSSTransition,{in:r,timeout:240,classNames:T,unmountOnExit:!0,onEntered:function(){return z("opened")},onExited:function(){return z("closed")}},m.createElement(i.Portal,null,m.createElement("div",{className:T.root,"data-qaid":"photo_gallery","data-testid":"photo_gallery",style:{zIndex:h}},m.createElement(o.KeyPress,{code:"Escape",onKeyUp:function(){z("keyPressClose"),S()}}),m.createElement(o.KeyPress,{code:"ArrowLeft",onKeyUp:function(){0!==I&&(z("keyPressPrev"),A(I-1))}}),m.createElement(o.KeyPress,{code:"ArrowRight",onKeyUp:function(){I!==c.length-1&&(z("keyPressNext"),A(I+1))}}),m.createElement("div",{className:T.layout},m.createElement("header",{className:T.layoutHeader},m.createElement(C,{title:a,selectedIndex:I,itemsLength:c.length,onClose:S,triggerInteraction:z})),m.createElement("div",{className:T.layoutContent},m.createElement("section",{className:T.layoutSection},m.createElement(P,{ref:x,items:c,onChange:function(t){var e;b.current&&(O(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t));b.current||I!==t||(b.current=!0)},triggerInteraction:z})),c.length>1&&m.createElement("aside",{className:T.layoutPreviews},m.createElement(_,{ref:E,items:c,selectedIndex:I,onChange:A,triggerInteraction:z})),!(null==g||!g.children)&&m.createElement(D,{selectedIndex:I,className:T.layoutAdditional,slotProps:g})),!(null==y||!y.children)&&m.createElement(D,{selectedIndex:I,className:T.layoutFooter,slotProps:y}))))))};A.displayName="PhotoGallery",exports.PhotoGallery=A,require("./style.production.v2.css");
@@ -1 +1 @@
1
- .PhotoGallery__scrolling___BeLzR{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.PhotoGallery__scrolling___BeLzR::-webkit-scrollbar{display:none}.PhotoGallery__root___nJWgH{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.PhotoGallery__layout___BDoOb{display:flex;flex-direction:column;height:100%}.PhotoGallery__layoutHeader___iNVA1{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.PhotoGallery__layoutContent___C-jWr{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.PhotoGallery__layoutFooter___MQh-L{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__layoutSection___3FXm5{flex:1;min-width:0;min-height:0}.PhotoGallery__layoutPreviews___gQFQR{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0}.PhotoGallery__layoutAdditional___pw0QV{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__headerTitle___NpSWI{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.PhotoGallery__headerClose___-B9Zg{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.PhotoGallery__mainPhotoScrollControls___ckcap{height:100%;width:100%}.PhotoGallery__mainPhoto___-r4WP{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.PhotoGallery__mainPhotoItem___Q7wDI{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.PhotoGallery__mainPhotoItem___Q7wDI+.PhotoGallery__mainPhotoItem___Q7wDI{margin-left:var(--pds-spacing-m)}.PhotoGallery__mainPhotoImage___NrcBT{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.PhotoGallery__mainPhotoIframe___kObZY{width:100%;height:100%;border:0}.PhotoGallery__preview___86-3f{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.PhotoGallery__previewItem___gnB8m{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.PhotoGallery__previewItem___gnB8m:first-child{padding-left:var(--pds-spacing-m)}.PhotoGallery__previewItem___gnB8m:last-child{padding-right:var(--pds-spacing-m)}.PhotoGallery__previewItem___gnB8m+.PhotoGallery__previewItem___gnB8m{margin-left:var(--pds-spacing-xs)}.PhotoGallery__previewButton___L4PR-{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.PhotoGallery__previewButton___L4PR-:disabled{border-color:var(--violet-500)}.PhotoGallery__previewImage___8dsDI{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.PhotoGallery__videoPlayLabel___2kU58{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoGallery__videoPlayLabelIcon___WR7T8{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.PhotoGallery__enter___sM8Qu,.PhotoGallery__exit___veHZr{pointer-events:auto}.PhotoGallery__enterActive___VP4oy,.PhotoGallery__exitActive___AMPJ3{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.PhotoGallery__enter___sM8Qu{transform:translate(-50%,100%);opacity:0}.PhotoGallery__enterActive___VP4oy{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___veHZr{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___AMPJ3{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.PhotoGallery__root___nJWgH{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.PhotoGallery__layoutHeader___iNVA1{padding:var(--pds-spacing-3xl)}.PhotoGallery__layoutContent___C-jWr{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.PhotoGallery__layoutSection___3FXm5{order:2}.PhotoGallery__layoutPreviews___gQFQR{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.PhotoGallery__layoutAdditional___pw0QV{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.PhotoGallery__layoutFooter___MQh-L{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.PhotoGallery__headerTitle___NpSWI{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}.PhotoGallery__preview___86-3f{flex-direction:column}.PhotoGallery__previewItem___gnB8m:first-child{padding-left:0}.PhotoGallery__previewItem___gnB8m:last-child{padding-right:0}.PhotoGallery__previewItem___gnB8m+.PhotoGallery__previewItem___gnB8m{margin-left:0;margin-top:var(--pds-spacing-xs)}.PhotoGallery__enter___sM8Qu{transform:translate(-50%,-46%);opacity:0}.PhotoGallery__enterActive___VP4oy{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___veHZr{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___AMPJ3{transform:translate(-50%,-46%);opacity:0}}
1
+ .PhotoGallery__scrolling___BeLzR{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.PhotoGallery__scrolling___BeLzR::-webkit-scrollbar{display:none}.PhotoGallery__root___nJWgH{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.PhotoGallery__layout___BDoOb{display:flex;flex-direction:column;height:100%}.PhotoGallery__layoutHeader___iNVA1{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.PhotoGallery__layoutContent___C-jWr{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.PhotoGallery__layoutFooter___MQh-L{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__layoutSection___3FXm5{flex:1;min-width:0;min-height:0}.PhotoGallery__layoutPreviews___gQFQR{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0;max-width:100%}.PhotoGallery__layoutAdditional___pw0QV{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__headerTitle___NpSWI{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.PhotoGallery__headerClose___-B9Zg{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.PhotoGallery__mainPhotoScrollControls___ckcap{height:100%;width:100%}.PhotoGallery__mainPhoto___-r4WP{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.PhotoGallery__mainPhotoItem___Q7wDI{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.PhotoGallery__mainPhotoItem___Q7wDI+.PhotoGallery__mainPhotoItem___Q7wDI{margin-left:var(--pds-spacing-m)}.PhotoGallery__mainPhotoImage___NrcBT{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.PhotoGallery__mainPhotoIframe___kObZY{width:100%;height:100%;border:0}.PhotoGallery__preview___86-3f{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.PhotoGallery__previewItem___gnB8m{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.PhotoGallery__previewItem___gnB8m:first-child{padding-left:var(--pds-spacing-m)}.PhotoGallery__previewItem___gnB8m:last-child{padding-right:var(--pds-spacing-m)}.PhotoGallery__previewItem___gnB8m+.PhotoGallery__previewItem___gnB8m{margin-left:var(--pds-spacing-xs)}.PhotoGallery__previewButton___L4PR-{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.PhotoGallery__previewButton___L4PR-:disabled{border-color:var(--violet-500)}.PhotoGallery__previewImage___8dsDI{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.PhotoGallery__videoPlayLabel___2kU58{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoGallery__videoPlayLabelIcon___WR7T8{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.PhotoGallery__enter___sM8Qu,.PhotoGallery__exit___veHZr{pointer-events:auto}.PhotoGallery__enterActive___VP4oy,.PhotoGallery__exitActive___AMPJ3{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.PhotoGallery__enter___sM8Qu{transform:translate(-50%,100%);opacity:0}.PhotoGallery__enterActive___VP4oy{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___veHZr{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___AMPJ3{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.PhotoGallery__root___nJWgH{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.PhotoGallery__layoutHeader___iNVA1{padding:var(--pds-spacing-3xl)}.PhotoGallery__layoutContent___C-jWr{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.PhotoGallery__layoutSection___3FXm5{order:2}.PhotoGallery__layoutPreviews___gQFQR{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.PhotoGallery__layoutAdditional___pw0QV{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.PhotoGallery__layoutFooter___MQh-L{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.PhotoGallery__headerTitle___NpSWI{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}.PhotoGallery__preview___86-3f{flex-direction:column}.PhotoGallery__previewItem___gnB8m:first-child{padding-left:0}.PhotoGallery__previewItem___gnB8m:last-child{padding-right:0}.PhotoGallery__previewItem___gnB8m+.PhotoGallery__previewItem___gnB8m{margin-left:0;margin-top:var(--pds-spacing-xs)}.PhotoGallery__enter___sM8Qu{transform:translate(-50%,-46%);opacity:0}.PhotoGallery__enterActive___VP4oy{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___veHZr{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___AMPJ3{transform:translate(-50%,-46%);opacity:0}}
@@ -1 +1 @@
1
- .PhotoGallery__scrolling___q1DKc{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.PhotoGallery__scrolling___q1DKc::-webkit-scrollbar{display:none}.PhotoGallery__root___KiBKq{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.PhotoGallery__layout___JBDok{display:flex;flex-direction:column;height:100%}.PhotoGallery__layoutHeader___tVG4b{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.PhotoGallery__layoutContent___O43ff{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.PhotoGallery__layoutFooter___Gz4gH{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__layoutSection___CvZb6{flex:1;min-width:0;min-height:0}.PhotoGallery__layoutPreviews___-hzyv{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0}.PhotoGallery__layoutAdditional___mR5-f{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__headerTitle___QiOEy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.PhotoGallery__headerClose___qdl3x{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.PhotoGallery__mainPhotoScrollControls___PeY3Y{height:100%;width:100%}.PhotoGallery__mainPhoto___QIMHy{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.PhotoGallery__mainPhotoItem___aZCyk{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.PhotoGallery__mainPhotoItem___aZCyk+.PhotoGallery__mainPhotoItem___aZCyk{margin-left:var(--pds-spacing-m)}.PhotoGallery__mainPhotoImage___2aEr5{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.PhotoGallery__mainPhotoIframe___kThdT{width:100%;height:100%;border:0}.PhotoGallery__preview___F-k0z{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.PhotoGallery__previewItem___jf683{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.PhotoGallery__previewItem___jf683:first-child{padding-left:var(--pds-spacing-m)}.PhotoGallery__previewItem___jf683:last-child{padding-right:var(--pds-spacing-m)}.PhotoGallery__previewItem___jf683+.PhotoGallery__previewItem___jf683{margin-left:var(--pds-spacing-xs)}.PhotoGallery__previewButton___VAXOP{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.PhotoGallery__previewButton___VAXOP:disabled{border-color:var(--violet-500)}.PhotoGallery__previewImage___Mx2Y-{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.PhotoGallery__videoPlayLabel___jQiDN{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoGallery__videoPlayLabelIcon___wSdjd{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.PhotoGallery__enter___Lnosr,.PhotoGallery__exit___NW-xY{pointer-events:auto}.PhotoGallery__enterActive___LrirU,.PhotoGallery__exitActive___L6st-{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.PhotoGallery__enter___Lnosr{transform:translate(-50%,100%);opacity:0}.PhotoGallery__enterActive___LrirU{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___NW-xY{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___L6st-{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.PhotoGallery__root___KiBKq{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.PhotoGallery__layoutHeader___tVG4b{padding:var(--pds-spacing-3xl)}.PhotoGallery__layoutContent___O43ff{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.PhotoGallery__layoutSection___CvZb6{order:2}.PhotoGallery__layoutPreviews___-hzyv{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.PhotoGallery__layoutAdditional___mR5-f{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.PhotoGallery__layoutFooter___Gz4gH{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.PhotoGallery__headerTitle___QiOEy{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}.PhotoGallery__preview___F-k0z{flex-direction:column}.PhotoGallery__previewItem___jf683:first-child{padding-left:0}.PhotoGallery__previewItem___jf683:last-child{padding-right:0}.PhotoGallery__previewItem___jf683+.PhotoGallery__previewItem___jf683{margin-left:0;margin-top:var(--pds-spacing-xs)}.PhotoGallery__enter___Lnosr{transform:translate(-50%,-46%);opacity:0}.PhotoGallery__enterActive___LrirU{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___NW-xY{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___L6st-{transform:translate(-50%,-46%);opacity:0}}
1
+ .PhotoGallery__scrolling___q1DKc{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.PhotoGallery__scrolling___q1DKc::-webkit-scrollbar{display:none}.PhotoGallery__root___KiBKq{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.PhotoGallery__layout___JBDok{display:flex;flex-direction:column;height:100%}.PhotoGallery__layoutHeader___tVG4b{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.PhotoGallery__layoutContent___O43ff{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.PhotoGallery__layoutFooter___Gz4gH{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__layoutSection___CvZb6{flex:1;min-width:0;min-height:0}.PhotoGallery__layoutPreviews___-hzyv{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0;max-width:100%}.PhotoGallery__layoutAdditional___mR5-f{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.PhotoGallery__headerTitle___QiOEy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.PhotoGallery__headerClose___qdl3x{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.PhotoGallery__mainPhotoScrollControls___PeY3Y{height:100%;width:100%}.PhotoGallery__mainPhoto___QIMHy{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.PhotoGallery__mainPhotoItem___aZCyk{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.PhotoGallery__mainPhotoItem___aZCyk+.PhotoGallery__mainPhotoItem___aZCyk{margin-left:var(--pds-spacing-m)}.PhotoGallery__mainPhotoImage___2aEr5{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.PhotoGallery__mainPhotoIframe___kThdT{width:100%;height:100%;border:0}.PhotoGallery__preview___F-k0z{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.PhotoGallery__previewItem___jf683{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.PhotoGallery__previewItem___jf683:first-child{padding-left:var(--pds-spacing-m)}.PhotoGallery__previewItem___jf683:last-child{padding-right:var(--pds-spacing-m)}.PhotoGallery__previewItem___jf683+.PhotoGallery__previewItem___jf683{margin-left:var(--pds-spacing-xs)}.PhotoGallery__previewButton___VAXOP{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.PhotoGallery__previewButton___VAXOP:disabled{border-color:var(--violet-500)}.PhotoGallery__previewImage___Mx2Y-{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.PhotoGallery__videoPlayLabel___jQiDN{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoGallery__videoPlayLabelIcon___wSdjd{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.PhotoGallery__enter___Lnosr,.PhotoGallery__exit___NW-xY{pointer-events:auto}.PhotoGallery__enterActive___LrirU,.PhotoGallery__exitActive___L6st-{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.PhotoGallery__enter___Lnosr{transform:translate(-50%,100%);opacity:0}.PhotoGallery__enterActive___LrirU{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___NW-xY{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___L6st-{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.PhotoGallery__root___KiBKq{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.PhotoGallery__layoutHeader___tVG4b{padding:var(--pds-spacing-3xl)}.PhotoGallery__layoutContent___O43ff{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.PhotoGallery__layoutSection___CvZb6{order:2}.PhotoGallery__layoutPreviews___-hzyv{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.PhotoGallery__layoutAdditional___mR5-f{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.PhotoGallery__layoutFooter___Gz4gH{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.PhotoGallery__headerTitle___QiOEy{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}.PhotoGallery__preview___F-k0z{flex-direction:column}.PhotoGallery__previewItem___jf683:first-child{padding-left:0}.PhotoGallery__previewItem___jf683:last-child{padding-right:0}.PhotoGallery__previewItem___jf683+.PhotoGallery__previewItem___jf683{margin-left:0;margin-top:var(--pds-spacing-xs)}.PhotoGallery__enter___Lnosr{transform:translate(-50%,-46%);opacity:0}.PhotoGallery__enterActive___LrirU{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exit___NW-xY{transform:translate(-50%,-50%);opacity:1}.PhotoGallery__exitActive___L6st-{transform:translate(-50%,-46%);opacity:0}}
@@ -1 +1 @@
1
- .BeLzR{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.BeLzR::-webkit-scrollbar{display:none}.nJWgH{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.BDoOb{display:flex;flex-direction:column;height:100%}.iNVA1{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.C-jWr{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.MQh-L{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}._3FXm5{flex:1;min-width:0;min-height:0}.gQFQR{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0}.pw0QV{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.NpSWI{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.-B9Zg{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.ckcap{height:100%;width:100%}.-r4WP{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.Q7wDI{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.Q7wDI+.Q7wDI{margin-left:var(--pds-spacing-m)}.NrcBT{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.kObZY{width:100%;height:100%;border:0}._86-3f{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.gnB8m{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.gnB8m:first-child{padding-left:var(--pds-spacing-m)}.gnB8m:last-child{padding-right:var(--pds-spacing-m)}.gnB8m+.gnB8m{margin-left:var(--pds-spacing-xs)}.L4PR-{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.L4PR-:disabled{border-color:var(--violet-500)}._8dsDI{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}._2kU58{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WR7T8{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.sM8Qu,.veHZr{pointer-events:auto}.VP4oy,.AMPJ3{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.sM8Qu{transform:translate(-50%,100%);opacity:0}.VP4oy{transform:translate(-50%,-50%);opacity:1}.veHZr{transform:translate(-50%,-50%);opacity:1}.AMPJ3{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.nJWgH{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.iNVA1{padding:var(--pds-spacing-3xl)}.C-jWr{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}._3FXm5{order:2}.gQFQR{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.pw0QV{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.MQh-L{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.NpSWI{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}._86-3f{flex-direction:column}.gnB8m:first-child{padding-left:0}.gnB8m:last-child{padding-right:0}.gnB8m+.gnB8m{margin-left:0;margin-top:var(--pds-spacing-xs)}.sM8Qu{transform:translate(-50%,-46%);opacity:0}.VP4oy{transform:translate(-50%,-50%);opacity:1}.veHZr{transform:translate(-50%,-50%);opacity:1}.AMPJ3{transform:translate(-50%,-46%);opacity:0}}
1
+ .BeLzR{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.BeLzR::-webkit-scrollbar{display:none}.nJWgH{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.BDoOb{display:flex;flex-direction:column;height:100%}.iNVA1{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.C-jWr{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.MQh-L{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}._3FXm5{flex:1;min-width:0;min-height:0}.gQFQR{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0;max-width:100%}.pw0QV{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.NpSWI{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.-B9Zg{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.ckcap{height:100%;width:100%}.-r4WP{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.Q7wDI{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.Q7wDI+.Q7wDI{margin-left:var(--pds-spacing-m)}.NrcBT{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.kObZY{width:100%;height:100%;border:0}._86-3f{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.gnB8m{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.gnB8m:first-child{padding-left:var(--pds-spacing-m)}.gnB8m:last-child{padding-right:var(--pds-spacing-m)}.gnB8m+.gnB8m{margin-left:var(--pds-spacing-xs)}.L4PR-{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.L4PR-:disabled{border-color:var(--violet-500)}._8dsDI{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}._2kU58{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WR7T8{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.sM8Qu,.veHZr{pointer-events:auto}.VP4oy,.AMPJ3{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.sM8Qu{transform:translate(-50%,100%);opacity:0}.VP4oy{transform:translate(-50%,-50%);opacity:1}.veHZr{transform:translate(-50%,-50%);opacity:1}.AMPJ3{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.nJWgH{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.iNVA1{padding:var(--pds-spacing-3xl)}.C-jWr{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}._3FXm5{order:2}.gQFQR{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.pw0QV{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.MQh-L{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.NpSWI{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}._86-3f{flex-direction:column}.gnB8m:first-child{padding-left:0}.gnB8m:last-child{padding-right:0}.gnB8m+.gnB8m{margin-left:0;margin-top:var(--pds-spacing-xs)}.sM8Qu{transform:translate(-50%,-46%);opacity:0}.VP4oy{transform:translate(-50%,-50%);opacity:1}.veHZr{transform:translate(-50%,-50%);opacity:1}.AMPJ3{transform:translate(-50%,-46%);opacity:0}}
@@ -1 +1 @@
1
- .q1DKc{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.q1DKc::-webkit-scrollbar{display:none}.KiBKq{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.JBDok{display:flex;flex-direction:column;height:100%}.tVG4b{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.O43ff{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.Gz4gH{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.CvZb6{flex:1;min-width:0;min-height:0}.-hzyv{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0}.mR5-f{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.QiOEy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.qdl3x{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.PeY3Y{height:100%;width:100%}.QIMHy{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.aZCyk{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.aZCyk+.aZCyk{margin-left:var(--pds-spacing-m)}._2aEr5{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.kThdT{width:100%;height:100%;border:0}.F-k0z{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.jf683{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.jf683:first-child{padding-left:var(--pds-spacing-m)}.jf683:last-child{padding-right:var(--pds-spacing-m)}.jf683+.jf683{margin-left:var(--pds-spacing-xs)}.VAXOP{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.VAXOP:disabled{border-color:var(--violet-500)}.Mx2Y-{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.jQiDN{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wSdjd{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.Lnosr,.NW-xY{pointer-events:auto}.LrirU,.L6st-{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.Lnosr{transform:translate(-50%,100%);opacity:0}.LrirU{transform:translate(-50%,-50%);opacity:1}.NW-xY{transform:translate(-50%,-50%);opacity:1}.L6st-{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.KiBKq{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.tVG4b{padding:var(--pds-spacing-3xl)}.O43ff{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.CvZb6{order:2}.-hzyv{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.mR5-f{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.Gz4gH{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.QiOEy{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}.F-k0z{flex-direction:column}.jf683:first-child{padding-left:0}.jf683:last-child{padding-right:0}.jf683+.jf683{margin-left:0;margin-top:var(--pds-spacing-xs)}.Lnosr{transform:translate(-50%,-46%);opacity:0}.LrirU{transform:translate(-50%,-50%);opacity:1}.NW-xY{transform:translate(-50%,-50%);opacity:1}.L6st-{transform:translate(-50%,-46%);opacity:0}}
1
+ .q1DKc{overflow:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.q1DKc::-webkit-scrollbar{display:none}.KiBKq{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--white);z-index:1000;overflow:hidden}.JBDok{display:flex;flex-direction:column;height:100%}.tVG4b{padding:var(--pds-spacing-l) var(--pds-spacing-m)}.O43ff{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.Gz4gH{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.CvZb6{flex:1;min-width:0;min-height:0}.-hzyv{align-self:center;padding:var(--pds-spacing-m)0;min-width:0;min-height:0;max-width:100%}.mR5-f{box-sizing:border-box;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:50%}.QiOEy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--pds-font-size-h3);font-weight:700;line-height:24px;padding-right:var(--pds-spacing-5xl);padding-left:var(--pds-spacing-5xl)}.qdl3x{position:absolute;right:0;top:0;margin:var(--pds-spacing-m)}.PeY3Y{height:100%;width:100%}.QIMHy{display:flex;flex-wrap:nowrap;min-width:0;scroll-snap-type:x mandatory;width:100%;height:100%}.aZCyk{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 auto;width:100%;min-width:0;max-width:100%;overflow:hidden}.aZCyk+.aZCyk{margin-left:var(--pds-spacing-m)}._2aEr5{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.kThdT{width:100%;height:100%;border:0}.F-k0z{display:flex;flex-wrap:nowrap;flex-direction:row;box-sizing:border-box;max-height:100%;max-width:100%;min-width:0}.jf683{flex:0 0 auto;box-sizing:border-box;min-width:0;min-height:0}.jf683:first-child{padding-left:var(--pds-spacing-m)}.jf683:last-child{padding-right:var(--pds-spacing-m)}.jf683+.jf683{margin-left:var(--pds-spacing-xs)}.VAXOP{display:block;position:relative;overflow:hidden;border-radius:var(--pds-round-m);border:1px solid var(--black-400);-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.VAXOP:disabled{border-color:var(--violet-500)}.Mx2Y-{display:block;outline:0;border:0;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.jQiDN{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--black-100);width:45%;height:45%;min-width:24px;min-height:24px;max-width:48px;max-height:48px;display:flex;align-items:center;justify-content:center;color:var(--black-900);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wSdjd{width:100%;height:100%;min-width:10px;min-height:10px;max-width:16px;max-height:16px}.Lnosr,.NW-xY{pointer-events:auto}.LrirU,.L6st-{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.Lnosr{transform:translate(-50%,100%);opacity:0}.LrirU{transform:translate(-50%,-50%);opacity:1}.NW-xY{transform:translate(-50%,-50%);opacity:1}.L6st-{transform:translate(-50%,100%);opacity:0}@media only screen and (min-width:960px){.KiBKq{max-width:80%;max-height:80%;border-radius:var(--pds-round-m)}.tVG4b{padding:var(--pds-spacing-3xl)}.O43ff{flex-direction:row;padding:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.CvZb6{order:2}.-hzyv{align-self:flex-start;order:1;padding:0;margin-right:var(--pds-spacing-xl);height:100%}.mR5-f{order:3;margin-left:var(--pds-spacing-xl);height:100%;max-height:none;max-width:50%}.Gz4gH{margin:0 var(--pds-spacing-3xl) var(--pds-spacing-3xl)}.QiOEy{padding-left:0;text-align:left;font-weight:400;font-size:var(--pds-font-size-h2)}.F-k0z{flex-direction:column}.jf683:first-child{padding-left:0}.jf683:last-child{padding-right:0}.jf683+.jf683{margin-left:0;margin-top:var(--pds-spacing-xs)}.Lnosr{transform:translate(-50%,-46%);opacity:0}.LrirU{transform:translate(-50%,-50%);opacity:1}.NW-xY{transform:translate(-50%,-50%);opacity:1}.L6st-{transform:translate(-50%,-46%);opacity:0}}