@prom-ui/core 2.0.0 → 2.0.1

package/Overlay/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("clsx"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),i=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/useBodyTTag"),s=require("@prom-ui/icons/Close2"),d=require("@prom-ui/icons/ArrowBack"),f=require("@prom-ui/core/ErrorCatch"),p=require("@prom-ui/core/Link"),m=require("@prom-ui/icons/colors/PromTroubleHappens"),v=require("@prom-ui/icons/colors/PromNoSignal"),y=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var b=_(e),g=h(r),E=h(y);function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=Array(t);r<t;r++)o[r]=e[r];return o}function O(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},x.apply(null,arguments)}function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a,i,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(o=a.call(r)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){u=!0,n=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw n}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return C(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?C(e,t):void 0}}(e,t)||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 P(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var S,N,B,k,q,j,T,R,z={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__titleText:"zkpK2",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2",errorContainer:"_6Vqfn",errorContainerLoading:"_1NWwx",errorIcon:"B2x3n",errorTitle:"xzjW5",errorDescription:"_9ITQZ",errorWrapReloadButton:"TztMO",errorWrapCloseButton:"_6pk7M",errorCloseButtonLoading:"_4NTmf"},I=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,f=u.useBodyTTag().t;return b.default.createElement("header",{className:z.header},void 0!==o?o:b.default.createElement("div",{className:z.header__grid},b.default.createElement("div",{className:z.header__action},t&&b.default.createElement(l.Button,{className:z.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":f(S||(S=P(["Назад"]))),"data-qaid":"prev"},b.default.createElement(c.Icon,{"icon-as":d.SvgArrowBack,className:z.header__actionIcon}))),b.default.createElement("div",{className:z.header__title},"string"==typeof n?b.default.createElement("span",{className:z.header__titleText,"data-qaid":"title"},n):n),b.default.createElement("div",{className:z.header__action},r&&a&&b.default.createElement(l.Button,{className:z.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":f(N||(N=P(["Закрыть"]))),"data-qaid":"close"},b.default.createElement(c.Icon,{"icon-as":s.SvgClose2,className:z.header__actionIcon})))))},A=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},L=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},M=function(e){var t=e.onClickReload,r=e.onClickClose,o=e.errorType,n=void 0===o?"default":o,a=e.loading,i=void 0!==a&&a,s=u.useBodyTTag().t,d={default:{icon:m.SvgPromTroubleHappens,title:s(B||(B=P(["Ой, кажется что-то пошло не так"]))),description:s(k||(k=P(["Мы уже разбираемся с этим"])))},offline:{icon:v.SvgPromNoSignal,title:s(q||(q=P(["Нет соединения"]))),description:s(j||(j=P(["Проверьте подключение к Интернету"])))}};return b.default.createElement("div",{className:g.default(z.errorContainer,O({},z.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},b.default.createElement(c.Icon,{className:z.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),b.default.createElement("div",{className:z.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),b.default.createElement("div",{className:z.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),b.default.createElement("div",{className:z.errorWrapReloadButton},b.default.createElement(l.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},s(T||(T=P(["Попробовать еще раз"]))))),b.default.createElement("div",{className:z.errorWrapCloseButton},b.default.createElement(p.Link,{className:i?z.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},s(R||(R=P(["Закрыть"]))))))};M.displayName="ErrorComponent";var D=function(t){var r=t.children,o=t.name,n=t.onClose,a=w(e.useState(!1),2),i=a[0],l=a[1],c=w(e.useState("default"),2),u=c[0],s=c[1];return e.useEffect((function(){i?setTimeout((function(){s(L()),l(!1)}),600):s(L())}),[i]),i?b.default.createElement(M,{errorType:u,loading:!0}):b.default.createElement(f.ErrorCatch,{name:o,errorView:b.default.createElement(M,{onClickClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};D.displayName="OverlayErrCatch";var W=["-webkit","-moz","-ms","-o"],H=["transform","transition"],K=function(e,t){if(e)for(var r in t){var o=-1!==H.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=W;n<a.length;n++){var i=a[n];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=W;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},Z=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,n=e.onClose,a=e.placement,i=e.rootRef,l=e.contentRef,c=b.useRef(null),u=b.useRef(!1),s=b.useRef(0);if(!r)return b.createElement(b.Fragment,null,o);return b.createElement(E.default,{onSwipeMove:function(e,t){var r,o,n,d=e.x,f=e.y,p=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(n=l.current)||void 0===n?void 0:n.scrollTop)||0,y=p-(v+m),h=null,_=!1,b=!1,g=Math.abs(d),E=Math.abs(f);"top"===a?(h="translateY(".concat(f>=0?0:f,"px)"),_=y<=1&&f<=0&&E>g,b=E>70):"bottom"===a?(h="translateY(".concat(f<=0?0:f,"px)"),_=v<=1&&f>=0&&E>g,b=E>70):"left"===a?(h="translateX(".concat(d>=0?0:d,"px)"),_=d<=0&&g>E,b=g>70):"right"===a&&(h="translateX(".concat(d<=0?0:d,"px)"),_=d>=0&&g>E,b=g>70),null===c.current&&(c.current=!!_),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&b&&(u.current=!0),null==t||t.preventDefault(),K(i.current,{transform:h}),K(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){K(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),K(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){K(i.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&n&&n({})}s.current=0,c.current=null,u.current=!1}},o)},X=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],F=function(e){var r=e.children,l=e.onClose,c=e.onOpen,u=e.onPrev,s=e.onOpened,d=e.onClosed,f=e.isOpen,p=e.isBodyScrollLock,m=void 0===p||p,v=e.isShowCloseButton,y=void 0===v||v,h=e.isShowPrevButton,_=void 0!==h&&h,E=e.isCloseOnEscape,C=void 0===E||E,O=e.isCloseOnSwipe,w=void 0===O||O,P=e.isCloseOutsideClick,S=void 0===P||P,N=e.isAnimated,B=void 0===N||N,k=e.isRenderPortal,q=void 0===k||k,j=e.header,T=e.footer,R=e.padding,L=void 0===R?"20px 20px 20px 20px":R,M=e.title,W=e.placement,H=void 0===W?"adaptive":W,K=e.size,F=void 0===K?"adaptive":K,Q=e.maxSize,V=void 0===Q?"90%":Q,J=e.zIndex,Y=void 0===J?5e3:J,U=e.contentRef,$=e.dataQaId,G=e.errCatchName,ee=void 0===G?"OverlayErrCatch":G,te=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==t.indexOf(o))continue;r[o]=e[o]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,X),re=b.useRef(null),oe=b.useRef(null),ne=U||oe,ae=i.useMedia({minWidth:"medium"}),ie=b.useRef(null),le=H,ce=F;return"adaptive"===F&&(ce="top"===H||"bottom"===H?"auto":"adaptive"===H?ae?400:"auto":400),"adaptive"===H&&(le=ae?"right":"bottom"),b.createElement(b.Fragment,null,b.createElement(o.Backdrop,{isOpen:f,isAnimated:B,zIndex:Y,isRenderPortal:q,isBodyScrollLock:m}),b.createElement(t.CSSTransition,{nodeRef:ie,in:f,timeout:B?225:0,classNames:z,unmountOnExit:!0,onEnter:c,onEntered:s,onExited:d},b.createElement(a.Portal,{isActive:q},b.createElement(Z,{isActive:m&&w,rootRef:re,contentRef:ne,placement:le,onClose:l},b.createElement("div",x({ref:ie,className:z.root,role:"presentation",style:{zIndex:Y}},te),b.createElement(n.KeyPress,{isActive:C,code:"Escape",onKeyDown:l}),b.createElement("div",{className:z.backdrop,"aria-hidden":!0,onClick:function(e){S&&l&&l(e)}}),b.createElement("div",{ref:re,className:g.default(z.popup,z["popup_placement_".concat(le)]),"aria-modal":!0,role:"dialog",style:A(le,ce,V),"data-qaid":$},b.createElement(I,{isShowCloseButton:y,isShowPrevButton:_,onClose:l,onPrev:u,title:M},j),b.createElement("footer",{className:z.footer},T),b.createElement("div",{className:z.content,ref:ne,style:{padding:L}},b.createElement(D,{onClose:l,name:ee},r))))))))};F.displayName="Overlay",exports.Overlay=F,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),o=require("react-transition-group"),a=require("clsx"),n=require("@prom-ui/core/Backdrop"),i=require("@prom-ui/core/KeyPress"),l=require("@prom-ui/core/Portal"),c=require("@prom-ui/core/Media"),d=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@prom-ui/core/Button"),s=require("@prom-ui/core/Icon"),p=require("@prom-ui/core/useBodyTTag"),m=require("@prom-ui/icons/Close2"),f=require("@prom-ui/icons/ArrowBack"),v=require("@babel/runtime/helpers/slicedToArray"),_=require("@babel/runtime/helpers/defineProperty"),h=require("@prom-ui/core/ErrorCatch"),y=require("@prom-ui/core/Link"),E=require("@prom-ui/icons/colors/PromTroubleHappens"),b=require("@prom-ui/icons/colors/PromNoSignal"),C=require("react-easy-swipe");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function x(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var q,B,N,O,k,P,S,T,w=g(e),R=g(t),z=x(r),I=g(a),L=g(d),A=g(v),j=g(_),M=g(C),D={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__titleText:"zkpK2",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2",errorContainer:"_6Vqfn",errorContainerLoading:"_1NWwx",errorIcon:"B2x3n",errorTitle:"xzjW5",errorDescription:"_9ITQZ",errorWrapReloadButton:"TztMO",errorWrapCloseButton:"_6pk7M",errorCloseButtonLoading:"_4NTmf"},W=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,a=e.title,n=e.onClose,i=e.onPrev,l=p.useBodyTTag().t;return z.default.createElement("header",{className:D.header},void 0!==o?o:z.default.createElement("div",{className:D.header__grid},z.default.createElement("div",{className:D.header__action},t&&z.default.createElement(u.Button,{className:D.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":l(q||(q=L.default(["Назад"]))),"data-qaid":"prev"},z.default.createElement(s.Icon,{"icon-as":f.SvgArrowBack,className:D.header__actionIcon}))),z.default.createElement("div",{className:D.header__title},"string"==typeof a?z.default.createElement("span",{className:D.header__titleText,"data-qaid":"title"},a):a),z.default.createElement("div",{className:D.header__action},r&&n&&z.default.createElement(u.Button,{className:D.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:n,"aria-label":l(B||(B=L.default(["Закрыть"]))),"data-qaid":"close"},z.default.createElement(s.Icon,{"icon-as":m.SvgClose2,className:D.header__actionIcon})))))},H=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},K=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},Z=function(e){var t=e.onClickReload,r=e.onClickClose,o=e.errorType,a=void 0===o?"default":o,n=e.loading,i=void 0!==n&&n,l=p.useBodyTTag().t,c={default:{icon:E.SvgPromTroubleHappens,title:l(N||(N=L.default(["Ой, кажется что-то пошло не так"]))),description:l(O||(O=L.default(["Мы уже разбираемся с этим"])))},offline:{icon:b.SvgPromNoSignal,title:l(k||(k=L.default(["Нет соединения"]))),description:l(P||(P=L.default(["Проверьте подключение к Интернету"])))}};return z.default.createElement("div",{className:I.default(D.errorContainer,j.default({},D.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},z.default.createElement(s.Icon,{className:D.errorIcon,"icon-as":c[a].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),z.default.createElement("div",{className:D.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},c[a].title),z.default.createElement("div",{className:D.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},c[a].description),z.default.createElement("div",{className:D.errorWrapReloadButton},z.default.createElement(u.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},l(S||(S=L.default(["Попробовать еще раз"]))))),z.default.createElement("div",{className:D.errorWrapCloseButton},z.default.createElement(y.Link,{className:i?D.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},l(T||(T=L.default(["Закрыть"]))))))};Z.displayName="ErrorComponent";var X=function(e){var t=e.children,o=e.name,a=e.onClose,n=r.useState(!1),i=A.default(n,2),l=i[0],c=i[1],d=r.useState("default"),u=A.default(d,2),s=u[0],p=u[1];return r.useEffect((function(){l?setTimeout((function(){p(K()),c(!1)}),600):p(K())}),[l]),l?z.default.createElement(Z,{errorType:s,loading:!0}):z.default.createElement(h.ErrorCatch,{name:o,errorView:z.default.createElement(Z,{onClickClose:a,errorType:s,onClickReload:function(){return c(!0)}})},t)};X.displayName="OverlayErrCatch";var F=["-webkit","-moz","-ms","-o"],Q=["transform","transition"],V=function(e,t){if(e)for(var r in t){var o=-1!==Q.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var a=0,n=F;a<n.length;a++){var i=n[a];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=F;l<c.length;l++){var d=c[l];e.style.removeProperty("".concat(d,"-").concat(r))}}},J=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,a=e.onClose,n=e.placement,i=e.rootRef,l=e.contentRef,c=z.useRef(null),d=z.useRef(!1),u=z.useRef(0);if(!r)return z.createElement(z.Fragment,null,o);return z.createElement(M.default,{onSwipeMove:function(e,t){var r,o,a,s=e.x,p=e.y,m=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,f=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(a=l.current)||void 0===a?void 0:a.scrollTop)||0,_=m-(v+f),h=null,y=!1,E=!1,b=Math.abs(s),C=Math.abs(p);"top"===n?(h="translateY(".concat(p>=0?0:p,"px)"),y=_<=1&&p<=0&&C>b,E=C>70):"bottom"===n?(h="translateY(".concat(p<=0?0:p,"px)"),y=v<=1&&p>=0&&C>b,E=C>70):"left"===n?(h="translateX(".concat(s>=0?0:s,"px)"),y=s<=0&&b>C,E=b>70):"right"===n&&(h="translateX(".concat(s<=0?0:s,"px)"),y=s>=0&&b>C,E=b>70),null===c.current&&(c.current=!!y),c.current&&(u.current||(u.current=(new Date).getTime()),!d.current&&E&&(d.current=!0),null==t||t.preventDefault(),V(i.current,{transform:h}),V(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){V(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),V(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){V(i.current,{transition:null})}),225);var e=(new Date).getTime()-u.current;d.current&&e<250&&a&&a({})}u.current=0,c.current=null,d.current=!1}},o)},Y=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],G=function(e){var t=e.children,r=e.onClose,a=e.onOpen,d=e.onPrev,u=e.onOpened,s=e.onClosed,p=e.isOpen,m=e.isBodyScrollLock,f=void 0===m||m,v=e.isShowCloseButton,_=void 0===v||v,h=e.isShowPrevButton,y=void 0!==h&&h,E=e.isCloseOnEscape,b=void 0===E||E,C=e.isCloseOnSwipe,g=void 0===C||C,x=e.isCloseOutsideClick,q=void 0===x||x,B=e.isAnimated,N=void 0===B||B,O=e.isRenderPortal,k=void 0===O||O,P=e.header,S=e.footer,T=e.padding,L=void 0===T?"20px 20px 20px 20px":T,A=e.title,j=e.placement,M=void 0===j?"adaptive":j,K=e.size,Z=void 0===K?"adaptive":K,F=e.maxSize,Q=void 0===F?"90%":F,V=e.zIndex,G=void 0===V?5e3:V,U=e.contentRef,$=e.dataQaId,ee=e.errCatchName,te=void 0===ee?"OverlayErrCatch":ee,re=R.default(e,Y),oe=z.useRef(null),ae=z.useRef(null),ne=U||ae,ie=c.useMedia({minWidth:"medium"}),le=z.useRef(null),ce=M,de=Z;return"adaptive"===Z&&(de="top"===M||"bottom"===M?"auto":"adaptive"===M?ie?400:"auto":400),"adaptive"===M&&(ce=ie?"right":"bottom"),z.createElement(z.Fragment,null,z.createElement(n.Backdrop,{isOpen:p,isAnimated:N,zIndex:G,isRenderPortal:k,isBodyScrollLock:f}),z.createElement(o.CSSTransition,{nodeRef:le,in:p,timeout:N?225:0,classNames:D,unmountOnExit:!0,onEnter:a,onEntered:u,onExited:s},z.createElement(l.Portal,{isActive:k},z.createElement(J,{isActive:f&&g,rootRef:oe,contentRef:ne,placement:ce,onClose:r},z.createElement("div",w.default({ref:le,className:D.root,role:"presentation",style:{zIndex:G}},re),z.createElement(i.KeyPress,{isActive:b,code:"Escape",onKeyDown:r}),z.createElement("div",{className:D.backdrop,"aria-hidden":!0,onClick:function(e){q&&r&&r(e)}}),z.createElement("div",{ref:oe,className:I.default(D.popup,D["popup_placement_".concat(ce)]),"aria-modal":!0,role:"dialog",style:H(ce,de,Q),"data-qaid":$},z.createElement(W,{isShowCloseButton:_,isShowPrevButton:y,onClose:r,onPrev:d,title:A},P),z.createElement("footer",{className:D.footer},S),z.createElement("div",{className:D.content,ref:ne,style:{padding:L}},z.createElement(X,{onClose:r,name:te},t))))))))};G.displayName="Overlay",exports.Overlay=G,require("./style.production.v2.css");

package/Overlay/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@prom-ui/core/Overlay",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
     "*.css"
   ],
   "dependencies": {
+    "@babel/runtime": "^7.28.2",
     "clsx": "^2.0.0",
     "react-easy-swipe": "^0.0.22",
     "react-transition-group": "^4.4.2"

package/PhotoGallery/cjs/index.development.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var Backdrop = require('@prom-ui/core/Backdrop');
@@ -10,99 +11,39 @@ var Portal = require('@prom-ui/core/Portal');
 var ScrollControls = require('@prom-ui/core/ScrollControls');
 var Icon = require('@prom-ui/core/Icon');
 var Play = require('@prom-ui/icons/Play');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var Button = require('@prom-ui/core/Button');
 var useBodyTTag = require('@prom-ui/core/useBodyTTag');
 var Close2 = require('@prom-ui/icons/Close2');
+var _extends = require('@babel/runtime/helpers/extends');
 var classNames = require('clsx');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 function _interopNamespaceCompat(e) {
-  if (e && typeof e === 'object' && 'default' in e) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
+    }
+    n.default = e;
+    return Object.freeze(n);
 }
 
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultCompat(_slicedToArray);
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultCompat(_taggedTemplateLiteral);
+var _extends__default = /*#__PURE__*/_interopDefaultCompat(_extends);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _nonIterableRest() {
-  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 _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _taggedTemplateLiteral(e, t) {
-  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
-    raw: {
-      value: Object.freeze(t)
-    }
-  }));
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
 var reqMap = new Map();
 var scrollInToViewElement = function scrollInToViewElement(target, parent) {
   var isAnimate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -1235,7 +1176,7 @@ var Header = function Header(_ref) {
   var _useBodyTTag = useBodyTTag.useBodyTTag(),
     t = _useBodyTTag.t;
   var visibleSelectedIndex = selectedIndex + 1;
-  var visibleTitle = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u0424\u043E\u0442\u043E ", " \u0438\u0437 ", ""])), visibleSelectedIndex, itemsLength);
+  var visibleTitle = t(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\u0424\u043E\u0442\u043E ", " \u0438\u0437 ", ""])), visibleSelectedIndex, itemsLength);
   return /*#__PURE__*/React__namespace.createElement("div", {
     className: css.header
   }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -1275,7 +1216,7 @@ var SlotContainer = function SlotContainer(_ref) {
       top: 0
     });
   }, [selectedIndex]);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({}, slotProps.props, {
+  return /*#__PURE__*/React__namespace.createElement("div", _extends__default.default({}, slotProps.props, {
     ref: refSlot,
     className: classNames__default.default(className, (_slotProps$props = slotProps.props) === null || _slotProps$props === void 0 ? void 0 : _slotProps$props.className)
   }), slotProps.children(selectedIndex));
@@ -1298,7 +1239,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
   var refMainPhotos = React__namespace.useRef(null);
   var refPreviewPhotos = React__namespace.useRef(null);
   var _React$useState = React__namespace.useState(visibleIndex),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
+    _React$useState2 = _slicedToArray__default.default(_React$useState, 2),
     selectedIndex = _React$useState2[0],
     setSelectedIndex = _React$useState2[1];
   var nodeRef = React__namespace.useRef(null);

package/PhotoGallery/cjs/index.development.v2.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var Backdrop = require('@prom-ui/core/Backdrop');
@@ -10,99 +11,39 @@ var Portal = require('@prom-ui/core/Portal');
 var ScrollControls = require('@prom-ui/core/ScrollControls');
 var Icon = require('@prom-ui/core/Icon');
 var Play = require('@prom-ui/icons/Play');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var Button = require('@prom-ui/core/Button');
 var useBodyTTag = require('@prom-ui/core/useBodyTTag');
 var Close2 = require('@prom-ui/icons/Close2');
+var _extends = require('@babel/runtime/helpers/extends');
 var classNames = require('clsx');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 function _interopNamespaceCompat(e) {
-  if (e && typeof e === 'object' && 'default' in e) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
+    }
+    n.default = e;
+    return Object.freeze(n);
 }
 
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultCompat(_slicedToArray);
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultCompat(_taggedTemplateLiteral);
+var _extends__default = /*#__PURE__*/_interopDefaultCompat(_extends);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _nonIterableRest() {
-  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 _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _taggedTemplateLiteral(e, t) {
-  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
-    raw: {
-      value: Object.freeze(t)
-    }
-  }));
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
 var reqMap = new Map();
 var scrollInToViewElement = function scrollInToViewElement(target, parent) {
   var isAnimate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -1235,7 +1176,7 @@ var Header = function Header(_ref) {
   var _useBodyTTag = useBodyTTag.useBodyTTag(),
     t = _useBodyTTag.t;
   var visibleSelectedIndex = selectedIndex + 1;
-  var visibleTitle = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u0424\u043E\u0442\u043E ", " \u0438\u0437 ", ""])), visibleSelectedIndex, itemsLength);
+  var visibleTitle = t(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\u0424\u043E\u0442\u043E ", " \u0438\u0437 ", ""])), visibleSelectedIndex, itemsLength);
   return /*#__PURE__*/React__namespace.createElement("div", {
     className: css.header
   }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -1275,7 +1216,7 @@ var SlotContainer = function SlotContainer(_ref) {
       top: 0
     });
   }, [selectedIndex]);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({}, slotProps.props, {
+  return /*#__PURE__*/React__namespace.createElement("div", _extends__default.default({}, slotProps.props, {
     ref: refSlot,
     className: classNames__default.default(className, (_slotProps$props = slotProps.props) === null || _slotProps$props === void 0 ? void 0 : _slotProps$props.className)
   }), slotProps.children(selectedIndex));
@@ -1298,7 +1239,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
   var refMainPhotos = React__namespace.useRef(null);
   var refPreviewPhotos = React__namespace.useRef(null);
   var _React$useState = React__namespace.useState(visibleIndex),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
+    _React$useState2 = _slicedToArray__default.default(_React$useState, 2),
     selectedIndex = _React$useState2[0],
     setSelectedIndex = _React$useState2[1];
   var nodeRef = React__namespace.useRef(null);

package/PhotoGallery/cjs/index.production.js

@@ -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"),a=require("@prom-ui/core/ScrollControls"),r=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(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=Array(e);n<e;n++)o[n]=t[n];return o}function v(){return v=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)({}).hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},v.apply(null,arguments)}function y(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,a,r,s=[],l=!0,c=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(s.push(o.value),s.length!==e);l=!0);}catch(t){c=!0,i=t}finally{try{if(!l&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(c)throw i}}return s}}(t,e)||function(t,e){if(t){if("string"==typeof t)return g(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(t,e):void 0}}(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.")}()}var b=new Map,E=function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(e){b.has(e)&&(cancelAnimationFrame(b.get(e)),b.delete(e));var o=requestAnimationFrame((function(){var o=e.getBoundingClientRect(),i=t.getBoundingClientRect(),a=i.top+e.scrollTop-o.top-o.height/2+i.height/2,r=i.left+e.scrollLeft-o.left-o.width/2+i.width/2;r<0&&(r=0),a<0&&(a=0),e.scrollTo({behavior:n?"smooth":"instant",top:a,left:r})}));b.set(e,o)}},x=function(t){var e=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/.exec(t);return e&&e[1]},w=function(t){var e=x(t);return"https://img.youtube.com/vi/".concat(e,"/0.jpg")},I=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,a=Math.max(o,0),r=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),a),y:Math.min(Math.max(t.y,l),r)}},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,a=e.left+o;return Array.prototype.slice.call(t.touches).map((function(t){return{x:t.pageX-a,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,a=e.left+o;return{x:t.pageX-a,y:t.pageY-i}},animate:function(t,e,n,o){var i=(new Date).getTime(),a=function(){if(this.inAnimation){var r=(new Date).getTime()-i,s=r/t;r>=t?(e(1),o&&o(),this.update(),this.stopAnimation(),this.update()):(n&&(s=n(s)),e(s),this.update(),requestAnimationFrame(a))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(a)},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)",a=function(){this.clone&&(this.clone.parentNode.removeChild(this.clone),delete this.clone)}.bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,a(),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(a,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,a=null,r=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?r("zoom"):1===o&&e.canDrag()?r("drag",t):r(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 a=(new Date).getTime();if(o>1&&(i=null),a-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=a)}(t))}),{passive:!1}),t.addEventListener("touchmove",(function(t){if(e.enabled&&!e.isDoubleTap){if(h)s(t),n&&u(t),a=l(t.touches);else{switch(n){case"zoom":2==a.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}(a,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}(),O={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"},P=m.forwardRef((function(t,e){var n=t.src,o=t.videoSrc,i=t.triggerInteraction,a=m.useRef(null),r=m.useRef(null),s=m.useRef(null),l=!!o,c=function(){var t,e;null===(t=r.current)||void 0===t||t.reset(),null===(e=a.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&&(r.current=new I(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=r.current)||void 0===t||t.destroy()}}),[o]),m.useEffect((function(){var t=function(){l&&document.activeElement&&"iframe"===document.activeElement.nodeName.toLowerCase()&&a.current&&a.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:a,className:O.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:O.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.displayName="MainPhotosImage";var T=m.forwardRef((function(t,e){var n=t.items,o=t.onChange,i=t.triggerInteraction,r=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}}),[]);return m.createElement(a.ScrollControls,{ref:c,className:O.mainPhotoScrollControls,showOnHover:!0,hideOnDisabled:!0,onClickPrev:function(){return i("clickPrevButton")},onClickNext:function(){return i("clickNextButton")}},m.createElement("div",{className:O.mainPhoto,onScroll: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())}},onTouchStart:function(t){var e=t.changedTouches[0].screenX;r.current=e},onTouchEnd:function(t){var e=t.changedTouches[0].screenX;r.current&&(r.current>e?i("maybeSwipeLeft"):r.current<e&&i("maybeSwipeRight"),r.current=null)}},n.map((function(t,e){var n,o=t.type,a=t.src,r="video"===o,l=r?w(a):a,c=r?(n=x(a),"https://youtube.com/embed/".concat(n,"?enablejsapi=1&rel=0")):void 0;return m.createElement("div",{key:e,className:O.mainPhotoItem,"data-qaid":"photo_gallery_main_item","data-testid":"photo_gallery_main_item"},m.createElement(P,{ref:function(t){s.current[e]=t},src:l,videoSrc:c,triggerInteraction:i}))}))))}));T.displayName="MainPhotos";var z,_=m.forwardRef((function(t,e){var n=t.items,o=t.selectedIndex,i=t.onChange,a=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:O.preview,onScroll:function(){a("scrollPreviews")}},n.map((function(t,e){var n=t.type,l=t.src,c="video"===n,u=c?w(l):l,h=c?"clickPreviewVideo":"clickPreviewImage";return m.createElement("div",{key:e,className:O.previewItem,"data-qaid":"photo_gallery_preview_item","data-testid":"photo_gallery_preview_item"},m.createElement("button",{className:O.previewButton,type:"button",onClick:function(){a(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:O.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:O.videoPlayLabel,"data-qaid":"photo_gallery_preview_play","data-testid":"photo_gallery_preview_play"},m.createElement(r.Icon,{className:O.videoPlayLabelIcon,"icon-as":s.SvgPlay}))))})))}));_.displayName="PreviewPhotos";var C=function(t){var e=t.title,n=t.onClose,o=t.selectedIndex,i=t.itemsLength,a=t.triggerInteraction,s=o+1,h=(0,c.useBodyTTag().t)(z||(z=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}(["Фото "," из ",""])),s,i);return m.createElement("div",{className:O.header},m.createElement("div",{className:O.headerTitle,"data-qaid":"photo_gallery_title","data-testid":"photo_gallery_title"},e||h),m.createElement("div",{className:O.headerClose},m.createElement(l.Button,{"button-padding":"xxs","button-theme":"black-inherit",type:"button",onClick:function(){a("clickCloseButton"),n()},"data-qaid":"photo_gallery_close_button","data-testid":"photo_gallery_close_button"},m.createElement(r.Icon,{"icon-as":u.SvgClose2,style:{width:24,height:24}}))))},A=function(t){var e,n=t.selectedIndex,o=t.className,i=t.slotProps,a=m.useRef(null);return m.useEffect((function(){var t;null===(t=a.current)||void 0===t||t.scrollTo({top:0})}),[n]),m.createElement("div",v({},i.props,{ref:a,className:p.default(o,null===(e=i.props)||void 0===e?void 0:e.className)}),i.children(n))},D=function(t){var a=t.isOpen,r=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,v=t.slotFooter,b=m.useRef(!0),E=m.useRef(null),x=m.useRef(null),w=y(m.useState(l),2),I=w[0],P=w[1],z=m.useRef(null),D=function(t){"function"==typeof p&&p(t)};m.useEffect((function(){a&&"function"==typeof f&&f(I)}),[I]),m.useEffect((function(){var t,e;a&&(P(l),null===(t=x.current)||void 0===t||t.scrollToIndex(l,!1),null===(e=E.current)||void 0===e||e.scrollToIndex(l,!1))}),[a]),m.useEffect((function(){var t;if(!a)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)}}),[a,I]);var S=function(t){var e,n;b.current=!1,P(t),null===(e=x.current)||void 0===e||e.scrollToIndex(t),null===(n=E.current)||void 0===n||n.scrollToIndex(t)},M=function(){d(I)};return m.createElement(m.Fragment,null,m.createElement(n.Backdrop,{isOpen:a,onClick:M,zIndex:h,isBodyScrollLock:!0}),m.createElement(e.CSSTransition,{nodeRef:z,in:a,timeout:240,classNames:O,unmountOnExit:!0,onEntered:function(){return D("opened")},onExited:function(){return D("closed")}},m.createElement(i.Portal,null,m.createElement("div",{ref:z,className:O.root,"data-qaid":"photo_gallery","data-testid":"photo_gallery",style:{zIndex:h}},m.createElement(o.KeyPress,{code:"Escape",onKeyUp:function(){D("keyPressClose"),M()}}),m.createElement(o.KeyPress,{code:"ArrowLeft",onKeyUp:function(){0!==I&&(D("keyPressPrev"),S(I-1))}}),m.createElement(o.KeyPress,{code:"ArrowRight",onKeyUp:function(){I!==c.length-1&&(D("keyPressNext"),S(I+1))}}),m.createElement("div",{className:O.layout},m.createElement("header",{className:O.layoutHeader},m.createElement(C,{title:r,selectedIndex:I,itemsLength:c.length,onClose:M,triggerInteraction:D})),m.createElement("div",{className:O.layoutContent},m.createElement("section",{className:O.layoutSection},m.createElement(T,{ref:E,items:c,onChange:function(t){var e;b.current&&(P(t),null===(e=x.current)||void 0===e||e.scrollToIndex(t));b.current||I!==t||(b.current=!0)},triggerInteraction:D})),c.length>1&&m.createElement("aside",{className:O.layoutPreviews},m.createElement(_,{ref:x,items:c,selectedIndex:I,onChange:S,triggerInteraction:D})),!(null==g||!g.children)&&m.createElement(A,{selectedIndex:I,className:O.layoutAdditional,slotProps:g})),!(null==v||!v.children)&&m.createElement(A,{selectedIndex:I,className:O.layoutFooter,slotProps:v}))))))};D.displayName="PhotoGallery",exports.PhotoGallery=D,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@babel/runtime/helpers/slicedToArray"),e=require("react"),n=require("react-transition-group"),o=require("@prom-ui/core/Backdrop"),i=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),s=require("@prom-ui/core/ScrollControls"),r=require("@prom-ui/core/Icon"),l=require("@prom-ui/icons/Play"),c=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@prom-ui/core/Button"),h=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/icons/Close2"),f=require("@babel/runtime/helpers/extends"),m=require("clsx");function p(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function g(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 v=p(t),y=g(e),b=p(c),x=p(f),E=p(m),w=new Map,I=function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(e){w.has(e)&&(cancelAnimationFrame(w.get(e)),w.delete(e));var o=requestAnimationFrame((function(){var o=e.getBoundingClientRect(),i=t.getBoundingClientRect(),a=i.top+e.scrollTop-o.top-o.height/2+i.height/2,s=i.left+e.scrollLeft-o.left-o.width/2+i.width/2;s<0&&(s=0),a<0&&(a=0),e.scrollTo({behavior:n?"smooth":"instant",top:a,left:s})}));w.set(e,o)}},T=function(t){var e=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/.exec(t);return e&&e[1]},P=function(t){var e=T(t);return"https://img.youtube.com/vi/".concat(e,"/0.jpg")},z=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,a=Math.max(o,0),s=Math.max(i,0),r=Math.min(o,0)-this.options.horizontalPadding,l=Math.min(i,0)-this.options.verticalPadding;return{x:Math.min(Math.max(t.x,r),a),y:Math.min(Math.max(t.y,l),s)}},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,a=e.left+o;return Array.prototype.slice.call(t.touches).map((function(t){return{x:t.pageX-a,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,a=e.left+o;return{x:t.pageX-a,y:t.pageY-i}},animate:function(t,e,n,o){var i=(new Date).getTime(),a=function(){if(this.inAnimation){var s=(new Date).getTime()-i,r=s/t;s>=t?(e(1),o&&o(),this.update(),this.stopAnimation(),this.update()):(n&&(r=n(r)),e(r),this.update(),requestAnimationFrame(a))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(a)},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)",a=function(){this.clone&&(this.clone.parentNode.removeChild(this.clone),delete this.clone)}.bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,a(),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(a,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,a=null,s=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},r=function(t){2===o?s("zoom"):1===o&&e.canDrag()?s("drag",t):s(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 a=(new Date).getTime();if(o>1&&(i=null),a-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=a)}(t))}),{passive:!1}),t.addEventListener("touchmove",(function(t){if(e.enabled&&!e.isDoubleTap){if(h)r(t),n&&u(t),a=l(t.touches);else{switch(n){case"zoom":2==a.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}(a,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,r(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?(r(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,r(t))}),{passive:!0}))};return 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"},O=y.forwardRef((function(t,e){var n=t.src,o=t.videoSrc,i=t.triggerInteraction,a=y.useRef(null),s=y.useRef(null),r=y.useRef(null),l=!!o,c=function(){var t,e;null===(t=s.current)||void 0===t||t.reset(),null===(e=a.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*")};return y.useEffect((function(){return requestAnimationFrame((function(){r.current&&!l&&(s.current=new z(r.current,{draggableUnzoomed:!1,animationDuration:200,setOffsetsOnce:!1,onDoubleTap:function(t){1===(null==t?void 0:t.zoomFactor)&&i("maybeZoomImage")}}))})),function(){var t;null===(t=s.current)||void 0===t||t.destroy()}}),[o]),y.useEffect((function(){var t=function(){l&&document.activeElement&&"iframe"===document.activeElement.nodeName.toLowerCase()&&a.current&&a.current===document.activeElement&&i("maybePlayVideo")};return window.addEventListener("blur",t),function(){window.removeEventListener("blur",t)}}),[o]),y.useImperativeHandle(e,(function(){return{reset:c}}),[]),l?y.createElement("iframe",{ref:a,className:_.mainPhotoIframe,src:o,width:"100%",height:"100%",allowFullScreen:!0,title:"",loading:"lazy","data-qaid":"photo_gallery_main_video","data-testid":"photo_gallery_main_video"}):y.createElement("img",{ref:r,className:_.mainPhotoImage,src:n,width:"100%",height:"100%",alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_main_image","data-testid":"photo_gallery_main_image"})}));O.displayName="MainPhotosImage";var C=y.forwardRef((function(t,e){var n=t.items,o=t.onChange,i=t.triggerInteraction,a=y.useRef(null),r=y.useRef([]),l=y.useRef(0),c=y.useRef(null),u=function(){r.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&&I(o,c.current,n)};y.useImperativeHandle(e,(function(){return{scrollToIndex:h}}),[]);return y.createElement(s.ScrollControls,{ref:c,className:_.mainPhotoScrollControls,showOnHover:!0,hideOnDisabled:!0,onClickPrev:function(){return i("clickPrevButton")},onClickNext:function(){return i("clickNextButton")}},y.createElement("div",{className:_.mainPhoto,onScroll: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())}},onTouchStart:function(t){var e=t.changedTouches[0].screenX;a.current=e},onTouchEnd:function(t){var e=t.changedTouches[0].screenX;a.current&&(a.current>e?i("maybeSwipeLeft"):a.current<e&&i("maybeSwipeRight"),a.current=null)}},n.map((function(t,e){var n,o=t.type,a=t.src,s="video"===o,l=s?P(a):a,c=s?(n=T(a),"https://youtube.com/embed/".concat(n,"?enablejsapi=1&rel=0")):void 0;return y.createElement("div",{key:e,className:_.mainPhotoItem,"data-qaid":"photo_gallery_main_item","data-testid":"photo_gallery_main_item"},y.createElement(O,{ref:function(t){r.current[e]=t},src:l,videoSrc:c,triggerInteraction:i}))}))))}));C.displayName="MainPhotos";var D,L=y.forwardRef((function(t,e){var n=t.items,o=t.selectedIndex,i=t.onChange,a=t.triggerInteraction,s=y.useRef(null),c=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=s.current)||void 0===e?void 0:e.children[t];o&&I(o,s.current,n)};y.useImperativeHandle(e,(function(){return{scrollToIndex:c}}),[]);return y.createElement("div",{ref:s,className:_.preview,onScroll:function(){a("scrollPreviews")}},n.map((function(t,e){var n=t.type,s=t.src,c="video"===n,u=c?P(s):s,h=c?"clickPreviewVideo":"clickPreviewImage";return y.createElement("div",{key:e,className:_.previewItem,"data-qaid":"photo_gallery_preview_item","data-testid":"photo_gallery_preview_item"},y.createElement("button",{className:_.previewButton,type:"button",onClick:function(){a(h),function(t){i(t)}(e)},disabled:o===e,"data-qaid":"photo_gallery_preview_button","data-testid":"photo_gallery_preview_button"},y.createElement("img",{className:_.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&&y.createElement("div",{className:_.videoPlayLabel,"data-qaid":"photo_gallery_preview_play","data-testid":"photo_gallery_preview_play"},y.createElement(r.Icon,{className:_.videoPlayLabelIcon,"icon-as":l.SvgPlay}))))})))}));L.displayName="PreviewPhotos";var Z=function(t){var e=t.title,n=t.onClose,o=t.selectedIndex,i=t.itemsLength,a=t.triggerInteraction,s=o+1,l=(0,h.useBodyTTag().t)(D||(D=b.default(["Фото "," из ",""])),s,i);return y.createElement("div",{className:_.header},y.createElement("div",{className:_.headerTitle,"data-qaid":"photo_gallery_title","data-testid":"photo_gallery_title"},e||l),y.createElement("div",{className:_.headerClose},y.createElement(u.Button,{"button-padding":"xxs","button-theme":"black-inherit",type:"button",onClick:function(){a("clickCloseButton"),n()},"data-qaid":"photo_gallery_close_button","data-testid":"photo_gallery_close_button"},y.createElement(r.Icon,{"icon-as":d.SvgClose2,style:{width:24,height:24}}))))},A=function(t){var e,n=t.selectedIndex,o=t.className,i=t.slotProps,a=y.useRef(null);return y.useEffect((function(){var t;null===(t=a.current)||void 0===t||t.scrollTo({top:0})}),[n]),y.createElement("div",x.default({},i.props,{ref:a,className:E.default(o,null===(e=i.props)||void 0===e?void 0:e.className)}),i.children(n))},M=function(t){var e=t.isOpen,s=t.title,r=t.visibleIndex,l=void 0===r?0:r,c=t.items,u=t.zIndex,h=void 0===u?5e3:u,d=t.onClose,f=t.onChange,m=t.onInteraction,p=t.slotAside,g=t.slotFooter,b=y.useRef(!0),x=y.useRef(null),E=y.useRef(null),w=y.useState(l),I=v.default(w,2),T=I[0],P=I[1],z=y.useRef(null),O=function(t){"function"==typeof m&&m(t)};y.useEffect((function(){e&&"function"==typeof f&&f(T)}),[T]),y.useEffect((function(){var t,n;e&&(P(l),null===(t=E.current)||void 0===t||t.scrollToIndex(l,!1),null===(n=x.current)||void 0===n||n.scrollToIndex(l,!1))}),[e]),y.useEffect((function(){var t;if(!e)return function(){};var n=null,o=function(){n&&clearTimeout(n)},i=function(){o(),n=setTimeout((function(){var t,e;null===(t=E.current)||void 0===t||t.scrollToIndex(T,!1),null===(e=x.current)||void 0===e||e.scrollToIndex(T,!1)}),100)};return window.addEventListener("resize",i),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.addEventListener("change",i),function(){var t;o(),window.removeEventListener("resize",i),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.removeEventListener("change",i)}}),[e,T]);var D=function(t){var e,n;b.current=!1,P(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t),null===(n=x.current)||void 0===n||n.scrollToIndex(t)},M=function(){d(T)};return y.createElement(y.Fragment,null,y.createElement(o.Backdrop,{isOpen:e,onClick:M,zIndex:h,isBodyScrollLock:!0}),y.createElement(n.CSSTransition,{nodeRef:z,in:e,timeout:240,classNames:_,unmountOnExit:!0,onEntered:function(){return O("opened")},onExited:function(){return O("closed")}},y.createElement(a.Portal,null,y.createElement("div",{ref:z,className:_.root,"data-qaid":"photo_gallery","data-testid":"photo_gallery",style:{zIndex:h}},y.createElement(i.KeyPress,{code:"Escape",onKeyUp:function(){O("keyPressClose"),M()}}),y.createElement(i.KeyPress,{code:"ArrowLeft",onKeyUp:function(){0!==T&&(O("keyPressPrev"),D(T-1))}}),y.createElement(i.KeyPress,{code:"ArrowRight",onKeyUp:function(){T!==c.length-1&&(O("keyPressNext"),D(T+1))}}),y.createElement("div",{className:_.layout},y.createElement("header",{className:_.layoutHeader},y.createElement(Z,{title:s,selectedIndex:T,itemsLength:c.length,onClose:M,triggerInteraction:O})),y.createElement("div",{className:_.layoutContent},y.createElement("section",{className:_.layoutSection},y.createElement(C,{ref:x,items:c,onChange:function(t){var e;b.current&&(P(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t));b.current||T!==t||(b.current=!0)},triggerInteraction:O})),c.length>1&&y.createElement("aside",{className:_.layoutPreviews},y.createElement(L,{ref:E,items:c,selectedIndex:T,onChange:D,triggerInteraction:O})),!(null==p||!p.children)&&y.createElement(A,{selectedIndex:T,className:_.layoutAdditional,slotProps:p})),!(null==g||!g.children)&&y.createElement(A,{selectedIndex:T,className:_.layoutFooter,slotProps:g}))))))};M.displayName="PhotoGallery",exports.PhotoGallery=M,require("./style.production.css");

package/PhotoGallery/cjs/index.production.v2.js

@@ -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"),a=require("@prom-ui/core/ScrollControls"),r=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(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=Array(e);n<e;n++)o[n]=t[n];return o}function v(){return v=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)({}).hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},v.apply(null,arguments)}function y(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,a,r,s=[],l=!0,c=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(s.push(o.value),s.length!==e);l=!0);}catch(t){c=!0,i=t}finally{try{if(!l&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(c)throw i}}return s}}(t,e)||function(t,e){if(t){if("string"==typeof t)return g(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(t,e):void 0}}(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.")}()}var b=new Map,x=function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(e){b.has(e)&&(cancelAnimationFrame(b.get(e)),b.delete(e));var o=requestAnimationFrame((function(){var o=e.getBoundingClientRect(),i=t.getBoundingClientRect(),a=i.top+e.scrollTop-o.top-o.height/2+i.height/2,r=i.left+e.scrollLeft-o.left-o.width/2+i.width/2;r<0&&(r=0),a<0&&(a=0),e.scrollTo({behavior:n?"smooth":"instant",top:a,left:r})}));b.set(e,o)}},E=function(t){var e=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/.exec(t);return e&&e[1]},w=function(t){var e=E(t);return"https://img.youtube.com/vi/".concat(e,"/0.jpg")},I=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,a=Math.max(o,0),r=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),a),y:Math.min(Math.max(t.y,l),r)}},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,a=e.left+o;return Array.prototype.slice.call(t.touches).map((function(t){return{x:t.pageX-a,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,a=e.left+o;return{x:t.pageX-a,y:t.pageY-i}},animate:function(t,e,n,o){var i=(new Date).getTime(),a=function(){if(this.inAnimation){var r=(new Date).getTime()-i,s=r/t;r>=t?(e(1),o&&o(),this.update(),this.stopAnimation(),this.update()):(n&&(s=n(s)),e(s),this.update(),requestAnimationFrame(a))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(a)},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)",a=function(){this.clone&&(this.clone.parentNode.removeChild(this.clone),delete this.clone)}.bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,a(),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(a,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,a=null,r=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?r("zoom"):1===o&&e.canDrag()?r("drag",t):r(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 a=(new Date).getTime();if(o>1&&(i=null),a-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=a)}(t))}),{passive:!1}),t.addEventListener("touchmove",(function(t){if(e.enabled&&!e.isDoubleTap){if(h)s(t),n&&u(t),a=l(t.touches);else{switch(n){case"zoom":2==a.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}(a,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}(),O={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-"},T=m.forwardRef((function(t,e){var n=t.src,o=t.videoSrc,i=t.triggerInteraction,a=m.useRef(null),r=m.useRef(null),s=m.useRef(null),l=!!o,c=function(){var t,e;null===(t=r.current)||void 0===t||t.reset(),null===(e=a.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&&(r.current=new I(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=r.current)||void 0===t||t.destroy()}}),[o]),m.useEffect((function(){var t=function(){l&&document.activeElement&&"iframe"===document.activeElement.nodeName.toLowerCase()&&a.current&&a.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:a,className:O.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:O.mainPhotoImage,src:n,width:"100%",height:"100%",alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_main_image","data-testid":"photo_gallery_main_image"})}));T.displayName="MainPhotosImage";var z=m.forwardRef((function(t,e){var n=t.items,o=t.onChange,i=t.triggerInteraction,r=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}}),[]);return m.createElement(a.ScrollControls,{ref:c,className:O.mainPhotoScrollControls,showOnHover:!0,hideOnDisabled:!0,onClickPrev:function(){return i("clickPrevButton")},onClickNext:function(){return i("clickNextButton")}},m.createElement("div",{className:O.mainPhoto,onScroll: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())}},onTouchStart:function(t){var e=t.changedTouches[0].screenX;r.current=e},onTouchEnd:function(t){var e=t.changedTouches[0].screenX;r.current&&(r.current>e?i("maybeSwipeLeft"):r.current<e&&i("maybeSwipeRight"),r.current=null)}},n.map((function(t,e){var n,o=t.type,a=t.src,r="video"===o,l=r?w(a):a,c=r?(n=E(a),"https://youtube.com/embed/".concat(n,"?enablejsapi=1&rel=0")):void 0;return m.createElement("div",{key:e,className:O.mainPhotoItem,"data-qaid":"photo_gallery_main_item","data-testid":"photo_gallery_main_item"},m.createElement(T,{ref:function(t){s.current[e]=t},src:l,videoSrc:c,triggerInteraction:i}))}))))}));z.displayName="MainPhotos";var P,_=m.forwardRef((function(t,e){var n=t.items,o=t.selectedIndex,i=t.onChange,a=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:O.preview,onScroll:function(){a("scrollPreviews")}},n.map((function(t,e){var n=t.type,l=t.src,c="video"===n,u=c?w(l):l,h=c?"clickPreviewVideo":"clickPreviewImage";return m.createElement("div",{key:e,className:O.previewItem,"data-qaid":"photo_gallery_preview_item","data-testid":"photo_gallery_preview_item"},m.createElement("button",{className:O.previewButton,type:"button",onClick:function(){a(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:O.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:O.videoPlayLabel,"data-qaid":"photo_gallery_preview_play","data-testid":"photo_gallery_preview_play"},m.createElement(r.Icon,{className:O.videoPlayLabelIcon,"icon-as":s.SvgPlay}))))})))}));_.displayName="PreviewPhotos";var C=function(t){var e=t.title,n=t.onClose,o=t.selectedIndex,i=t.itemsLength,a=t.triggerInteraction,s=o+1,h=(0,c.useBodyTTag().t)(P||(P=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}(["Фото "," из ",""])),s,i);return m.createElement("div",{className:O.header},m.createElement("div",{className:O.headerTitle,"data-qaid":"photo_gallery_title","data-testid":"photo_gallery_title"},e||h),m.createElement("div",{className:O.headerClose},m.createElement(l.Button,{"button-padding":"xxs","button-theme":"black-inherit",type:"button",onClick:function(){a("clickCloseButton"),n()},"data-qaid":"photo_gallery_close_button","data-testid":"photo_gallery_close_button"},m.createElement(r.Icon,{"icon-as":u.SvgClose2,style:{width:24,height:24}}))))},D=function(t){var e,n=t.selectedIndex,o=t.className,i=t.slotProps,a=m.useRef(null);return m.useEffect((function(){var t;null===(t=a.current)||void 0===t||t.scrollTo({top:0})}),[n]),m.createElement("div",v({},i.props,{ref:a,className:p.default(o,null===(e=i.props)||void 0===e?void 0:e.className)}),i.children(n))},A=function(t){var a=t.isOpen,r=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,v=t.slotFooter,b=m.useRef(!0),x=m.useRef(null),E=m.useRef(null),w=y(m.useState(l),2),I=w[0],T=w[1],P=m.useRef(null),A=function(t){"function"==typeof p&&p(t)};m.useEffect((function(){a&&"function"==typeof f&&f(I)}),[I]),m.useEffect((function(){var t,e;a&&(T(l),null===(t=E.current)||void 0===t||t.scrollToIndex(l,!1),null===(e=x.current)||void 0===e||e.scrollToIndex(l,!1))}),[a]),m.useEffect((function(){var t;if(!a)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)}}),[a,I]);var S=function(t){var e,n;b.current=!1,T(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t),null===(n=x.current)||void 0===n||n.scrollToIndex(t)},M=function(){d(I)};return m.createElement(m.Fragment,null,m.createElement(n.Backdrop,{isOpen:a,onClick:M,zIndex:h,isBodyScrollLock:!0}),m.createElement(e.CSSTransition,{nodeRef:P,in:a,timeout:240,classNames:O,unmountOnExit:!0,onEntered:function(){return A("opened")},onExited:function(){return A("closed")}},m.createElement(i.Portal,null,m.createElement("div",{ref:P,className:O.root,"data-qaid":"photo_gallery","data-testid":"photo_gallery",style:{zIndex:h}},m.createElement(o.KeyPress,{code:"Escape",onKeyUp:function(){A("keyPressClose"),M()}}),m.createElement(o.KeyPress,{code:"ArrowLeft",onKeyUp:function(){0!==I&&(A("keyPressPrev"),S(I-1))}}),m.createElement(o.KeyPress,{code:"ArrowRight",onKeyUp:function(){I!==c.length-1&&(A("keyPressNext"),S(I+1))}}),m.createElement("div",{className:O.layout},m.createElement("header",{className:O.layoutHeader},m.createElement(C,{title:r,selectedIndex:I,itemsLength:c.length,onClose:M,triggerInteraction:A})),m.createElement("div",{className:O.layoutContent},m.createElement("section",{className:O.layoutSection},m.createElement(z,{ref:x,items:c,onChange:function(t){var e;b.current&&(T(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t));b.current||I!==t||(b.current=!0)},triggerInteraction:A})),c.length>1&&m.createElement("aside",{className:O.layoutPreviews},m.createElement(_,{ref:E,items:c,selectedIndex:I,onChange:S,triggerInteraction:A})),!(null==g||!g.children)&&m.createElement(D,{selectedIndex:I,className:O.layoutAdditional,slotProps:g})),!(null==v||!v.children)&&m.createElement(D,{selectedIndex:I,className:O.layoutFooter,slotProps:v}))))))};A.displayName="PhotoGallery",exports.PhotoGallery=A,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@babel/runtime/helpers/slicedToArray"),e=require("react"),n=require("react-transition-group"),o=require("@prom-ui/core/Backdrop"),i=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),s=require("@prom-ui/core/ScrollControls"),r=require("@prom-ui/core/Icon"),l=require("@prom-ui/icons/Play"),c=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@prom-ui/core/Button"),h=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/icons/Close2"),f=require("@babel/runtime/helpers/extends"),m=require("clsx");function p(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function g(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 v=p(t),y=g(e),b=p(c),x=p(f),E=p(m),w=new Map,I=function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(e){w.has(e)&&(cancelAnimationFrame(w.get(e)),w.delete(e));var o=requestAnimationFrame((function(){var o=e.getBoundingClientRect(),i=t.getBoundingClientRect(),a=i.top+e.scrollTop-o.top-o.height/2+i.height/2,s=i.left+e.scrollLeft-o.left-o.width/2+i.width/2;s<0&&(s=0),a<0&&(a=0),e.scrollTo({behavior:n?"smooth":"instant",top:a,left:s})}));w.set(e,o)}},T=function(t){var e=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/.exec(t);return e&&e[1]},z=function(t){var e=T(t);return"https://img.youtube.com/vi/".concat(e,"/0.jpg")},P=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,a=Math.max(o,0),s=Math.max(i,0),r=Math.min(o,0)-this.options.horizontalPadding,l=Math.min(i,0)-this.options.verticalPadding;return{x:Math.min(Math.max(t.x,r),a),y:Math.min(Math.max(t.y,l),s)}},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,a=e.left+o;return Array.prototype.slice.call(t.touches).map((function(t){return{x:t.pageX-a,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,a=e.left+o;return{x:t.pageX-a,y:t.pageY-i}},animate:function(t,e,n,o){var i=(new Date).getTime(),a=function(){if(this.inAnimation){var s=(new Date).getTime()-i,r=s/t;s>=t?(e(1),o&&o(),this.update(),this.stopAnimation(),this.update()):(n&&(r=n(r)),e(r),this.update(),requestAnimationFrame(a))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(a)},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)",a=function(){this.clone&&(this.clone.parentNode.removeChild(this.clone),delete this.clone)}.bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,a(),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(a,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,a=null,s=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},r=function(t){2===o?s("zoom"):1===o&&e.canDrag()?s("drag",t):s(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 a=(new Date).getTime();if(o>1&&(i=null),a-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=a)}(t))}),{passive:!1}),t.addEventListener("touchmove",(function(t){if(e.enabled&&!e.isDoubleTap){if(h)r(t),n&&u(t),a=l(t.touches);else{switch(n){case"zoom":2==a.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}(a,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,r(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?(r(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,r(t))}),{passive:!0}))};return t}(),O={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-"},_=y.forwardRef((function(t,e){var n=t.src,o=t.videoSrc,i=t.triggerInteraction,a=y.useRef(null),s=y.useRef(null),r=y.useRef(null),l=!!o,c=function(){var t,e;null===(t=s.current)||void 0===t||t.reset(),null===(e=a.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*")};return y.useEffect((function(){return requestAnimationFrame((function(){r.current&&!l&&(s.current=new P(r.current,{draggableUnzoomed:!1,animationDuration:200,setOffsetsOnce:!1,onDoubleTap:function(t){1===(null==t?void 0:t.zoomFactor)&&i("maybeZoomImage")}}))})),function(){var t;null===(t=s.current)||void 0===t||t.destroy()}}),[o]),y.useEffect((function(){var t=function(){l&&document.activeElement&&"iframe"===document.activeElement.nodeName.toLowerCase()&&a.current&&a.current===document.activeElement&&i("maybePlayVideo")};return window.addEventListener("blur",t),function(){window.removeEventListener("blur",t)}}),[o]),y.useImperativeHandle(e,(function(){return{reset:c}}),[]),l?y.createElement("iframe",{ref:a,className:O.mainPhotoIframe,src:o,width:"100%",height:"100%",allowFullScreen:!0,title:"",loading:"lazy","data-qaid":"photo_gallery_main_video","data-testid":"photo_gallery_main_video"}):y.createElement("img",{ref:r,className:O.mainPhotoImage,src:n,width:"100%",height:"100%",alt:"",decoding:"async",loading:"lazy","data-qaid":"photo_gallery_main_image","data-testid":"photo_gallery_main_image"})}));_.displayName="MainPhotosImage";var C=y.forwardRef((function(t,e){var n=t.items,o=t.onChange,i=t.triggerInteraction,a=y.useRef(null),r=y.useRef([]),l=y.useRef(0),c=y.useRef(null),u=function(){r.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&&I(o,c.current,n)};y.useImperativeHandle(e,(function(){return{scrollToIndex:h}}),[]);return y.createElement(s.ScrollControls,{ref:c,className:O.mainPhotoScrollControls,showOnHover:!0,hideOnDisabled:!0,onClickPrev:function(){return i("clickPrevButton")},onClickNext:function(){return i("clickNextButton")}},y.createElement("div",{className:O.mainPhoto,onScroll: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())}},onTouchStart:function(t){var e=t.changedTouches[0].screenX;a.current=e},onTouchEnd:function(t){var e=t.changedTouches[0].screenX;a.current&&(a.current>e?i("maybeSwipeLeft"):a.current<e&&i("maybeSwipeRight"),a.current=null)}},n.map((function(t,e){var n,o=t.type,a=t.src,s="video"===o,l=s?z(a):a,c=s?(n=T(a),"https://youtube.com/embed/".concat(n,"?enablejsapi=1&rel=0")):void 0;return y.createElement("div",{key:e,className:O.mainPhotoItem,"data-qaid":"photo_gallery_main_item","data-testid":"photo_gallery_main_item"},y.createElement(_,{ref:function(t){r.current[e]=t},src:l,videoSrc:c,triggerInteraction:i}))}))))}));C.displayName="MainPhotos";var D,A=y.forwardRef((function(t,e){var n=t.items,o=t.selectedIndex,i=t.onChange,a=t.triggerInteraction,s=y.useRef(null),c=function(t){var e,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=null===(e=s.current)||void 0===e?void 0:e.children[t];o&&I(o,s.current,n)};y.useImperativeHandle(e,(function(){return{scrollToIndex:c}}),[]);return y.createElement("div",{ref:s,className:O.preview,onScroll:function(){a("scrollPreviews")}},n.map((function(t,e){var n=t.type,s=t.src,c="video"===n,u=c?z(s):s,h=c?"clickPreviewVideo":"clickPreviewImage";return y.createElement("div",{key:e,className:O.previewItem,"data-qaid":"photo_gallery_preview_item","data-testid":"photo_gallery_preview_item"},y.createElement("button",{className:O.previewButton,type:"button",onClick:function(){a(h),function(t){i(t)}(e)},disabled:o===e,"data-qaid":"photo_gallery_preview_button","data-testid":"photo_gallery_preview_button"},y.createElement("img",{className:O.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&&y.createElement("div",{className:O.videoPlayLabel,"data-qaid":"photo_gallery_preview_play","data-testid":"photo_gallery_preview_play"},y.createElement(r.Icon,{className:O.videoPlayLabelIcon,"icon-as":l.SvgPlay}))))})))}));A.displayName="PreviewPhotos";var Z=function(t){var e=t.title,n=t.onClose,o=t.selectedIndex,i=t.itemsLength,a=t.triggerInteraction,s=o+1,l=(0,h.useBodyTTag().t)(D||(D=b.default(["Фото "," из ",""])),s,i);return y.createElement("div",{className:O.header},y.createElement("div",{className:O.headerTitle,"data-qaid":"photo_gallery_title","data-testid":"photo_gallery_title"},e||l),y.createElement("div",{className:O.headerClose},y.createElement(u.Button,{"button-padding":"xxs","button-theme":"black-inherit",type:"button",onClick:function(){a("clickCloseButton"),n()},"data-qaid":"photo_gallery_close_button","data-testid":"photo_gallery_close_button"},y.createElement(r.Icon,{"icon-as":d.SvgClose2,style:{width:24,height:24}}))))},M=function(t){var e,n=t.selectedIndex,o=t.className,i=t.slotProps,a=y.useRef(null);return y.useEffect((function(){var t;null===(t=a.current)||void 0===t||t.scrollTo({top:0})}),[n]),y.createElement("div",x.default({},i.props,{ref:a,className:E.default(o,null===(e=i.props)||void 0===e?void 0:e.className)}),i.children(n))},F=function(t){var e=t.isOpen,s=t.title,r=t.visibleIndex,l=void 0===r?0:r,c=t.items,u=t.zIndex,h=void 0===u?5e3:u,d=t.onClose,f=t.onChange,m=t.onInteraction,p=t.slotAside,g=t.slotFooter,b=y.useRef(!0),x=y.useRef(null),E=y.useRef(null),w=y.useState(l),I=v.default(w,2),T=I[0],z=I[1],P=y.useRef(null),_=function(t){"function"==typeof m&&m(t)};y.useEffect((function(){e&&"function"==typeof f&&f(T)}),[T]),y.useEffect((function(){var t,n;e&&(z(l),null===(t=E.current)||void 0===t||t.scrollToIndex(l,!1),null===(n=x.current)||void 0===n||n.scrollToIndex(l,!1))}),[e]),y.useEffect((function(){var t;if(!e)return function(){};var n=null,o=function(){n&&clearTimeout(n)},i=function(){o(),n=setTimeout((function(){var t,e;null===(t=E.current)||void 0===t||t.scrollToIndex(T,!1),null===(e=x.current)||void 0===e||e.scrollToIndex(T,!1)}),100)};return window.addEventListener("resize",i),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.addEventListener("change",i),function(){var t;o(),window.removeEventListener("resize",i),null===(t=window)||void 0===t||null===(t=t.matchMedia("(orientation: portrait)"))||void 0===t||t.removeEventListener("change",i)}}),[e,T]);var D=function(t){var e,n;b.current=!1,z(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t),null===(n=x.current)||void 0===n||n.scrollToIndex(t)},F=function(){d(T)};return y.createElement(y.Fragment,null,y.createElement(o.Backdrop,{isOpen:e,onClick:F,zIndex:h,isBodyScrollLock:!0}),y.createElement(n.CSSTransition,{nodeRef:P,in:e,timeout:240,classNames:O,unmountOnExit:!0,onEntered:function(){return _("opened")},onExited:function(){return _("closed")}},y.createElement(a.Portal,null,y.createElement("div",{ref:P,className:O.root,"data-qaid":"photo_gallery","data-testid":"photo_gallery",style:{zIndex:h}},y.createElement(i.KeyPress,{code:"Escape",onKeyUp:function(){_("keyPressClose"),F()}}),y.createElement(i.KeyPress,{code:"ArrowLeft",onKeyUp:function(){0!==T&&(_("keyPressPrev"),D(T-1))}}),y.createElement(i.KeyPress,{code:"ArrowRight",onKeyUp:function(){T!==c.length-1&&(_("keyPressNext"),D(T+1))}}),y.createElement("div",{className:O.layout},y.createElement("header",{className:O.layoutHeader},y.createElement(Z,{title:s,selectedIndex:T,itemsLength:c.length,onClose:F,triggerInteraction:_})),y.createElement("div",{className:O.layoutContent},y.createElement("section",{className:O.layoutSection},y.createElement(C,{ref:x,items:c,onChange:function(t){var e;b.current&&(z(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t));b.current||T!==t||(b.current=!0)},triggerInteraction:_})),c.length>1&&y.createElement("aside",{className:O.layoutPreviews},y.createElement(A,{ref:E,items:c,selectedIndex:T,onChange:D,triggerInteraction:_})),!(null==p||!p.children)&&y.createElement(M,{selectedIndex:T,className:O.layoutAdditional,slotProps:p})),!(null==g||!g.children)&&y.createElement(M,{selectedIndex:T,className:O.layoutFooter,slotProps:g}))))))};F.displayName="PhotoGallery",exports.PhotoGallery=F,require("./style.production.v2.css");