@prom-ui/core 2.0.2 → 2.1.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (184) hide show
  1. package/Avatar/cjs/style.development.css +1 -1
  2. package/Avatar/cjs/style.development.v2.css +1 -1
  3. package/Avatar/cjs/style.production.css +1 -1
  4. package/Avatar/cjs/style.production.v2.css +1 -1
  5. package/Avatar/package.json +1 -1
  6. package/Backdrop/package.json +1 -1
  7. package/Badge/package.json +1 -1
  8. package/Body/package.json +1 -1
  9. package/BodyProvider/cjs/index.development.js +116 -49
  10. package/BodyProvider/cjs/index.development.v2.js +116 -49
  11. package/BodyProvider/cjs/index.production.js +1 -1
  12. package/BodyProvider/cjs/index.production.v2.js +1 -1
  13. package/BodyProvider/hooks/useBodyStore.d.ts +2 -0
  14. package/BodyProvider/hooks/useBodyStoreTTag.d.ts +1 -0
  15. package/BodyProvider/index.d.ts +7 -5
  16. package/BodyProvider/package.json +4 -2
  17. package/BodyProvider/slices/sliceSnackBar.d.ts +10 -0
  18. package/BodyProvider/slices/sliceTTag.d.ts +10 -0
  19. package/BodyProvider/store.d.ts +9 -0
  20. package/BodyScrollLock/package.json +1 -1
  21. package/Box/package.json +1 -1
  22. package/Button/cjs/style.development.css +1 -1
  23. package/Button/cjs/style.development.v2.css +1 -1
  24. package/Button/cjs/style.production.css +1 -1
  25. package/Button/cjs/style.production.v2.css +1 -1
  26. package/Button/package.json +1 -1
  27. package/ButtonPageUp/cjs/index.development.js +3 -3
  28. package/ButtonPageUp/cjs/index.development.v2.js +3 -3
  29. package/ButtonPageUp/cjs/index.production.js +1 -1
  30. package/ButtonPageUp/cjs/index.production.v2.js +1 -1
  31. package/ButtonPageUp/package.json +1 -1
  32. package/Checkbox/package.json +1 -1
  33. package/ColorScheme/cjs/index.development.js +59 -0
  34. package/ColorScheme/cjs/index.development.v2.js +59 -0
  35. package/ColorScheme/cjs/index.production.js +1 -0
  36. package/ColorScheme/cjs/index.production.v2.js +1 -0
  37. package/ColorScheme/cjs/style.development.css +1 -0
  38. package/ColorScheme/cjs/style.development.v2.css +1 -0
  39. package/ColorScheme/cjs/style.production.css +1 -0
  40. package/ColorScheme/cjs/style.production.v2.css +1 -0
  41. package/ColorScheme/index.d.ts +10 -0
  42. package/ColorScheme/package.json +13 -0
  43. package/ContextMenu/package.json +1 -1
  44. package/ErrorCatch/cjs/index.development.js +5 -4
  45. package/ErrorCatch/cjs/index.development.v2.js +5 -4
  46. package/ErrorCatch/cjs/index.production.js +1 -1
  47. package/ErrorCatch/cjs/index.production.v2.js +1 -1
  48. package/ErrorCatch/package.json +1 -1
  49. package/Flex/package.json +1 -1
  50. package/Grid/package.json +1 -1
  51. package/Icon/cjs/index.development.js +1 -2
  52. package/Icon/cjs/index.development.v2.js +1 -2
  53. package/Icon/cjs/index.production.js +1 -1
  54. package/Icon/cjs/index.production.v2.js +1 -1
  55. package/Icon/cjs/style.development.css +1 -1
  56. package/Icon/cjs/style.development.v2.css +1 -1
  57. package/Icon/cjs/style.production.css +1 -1
  58. package/Icon/cjs/style.production.v2.css +1 -1
  59. package/Icon/package.json +1 -1
  60. package/Image/package.json +1 -1
  61. package/ImageEmoji/package.json +1 -1
  62. package/Input/package.json +1 -1
  63. package/InputField/cjs/index.development.js +5 -5
  64. package/InputField/cjs/index.development.v2.js +5 -5
  65. package/InputField/cjs/index.production.js +1 -1
  66. package/InputField/cjs/index.production.v2.js +1 -1
  67. package/InputField/package.json +1 -1
  68. package/KeyPress/package.json +1 -1
  69. package/Label/cjs/style.development.css +1 -1
  70. package/Label/cjs/style.development.v2.css +1 -1
  71. package/Label/cjs/style.production.css +1 -1
  72. package/Label/cjs/style.production.v2.css +1 -1
  73. package/Label/package.json +1 -1
  74. package/Line/package.json +1 -1
  75. package/Link/package.json +1 -1
  76. package/List/package.json +1 -1
  77. package/Media/index.d.ts +2 -2
  78. package/Media/package.json +1 -1
  79. package/Modal/cjs/index.development.js +3 -3
  80. package/Modal/cjs/index.development.v2.js +3 -3
  81. package/Modal/cjs/index.production.js +1 -1
  82. package/Modal/cjs/index.production.v2.js +1 -1
  83. package/Modal/package.json +1 -1
  84. package/OutsideClick/package.json +1 -1
  85. package/Overlay/cjs/index.development.js +5 -5
  86. package/Overlay/cjs/index.development.v2.js +5 -5
  87. package/Overlay/cjs/index.production.js +1 -1
  88. package/Overlay/cjs/index.production.v2.js +1 -1
  89. package/Overlay/package.json +1 -1
  90. package/PhotoGallery/cjs/index.development.js +3 -3
  91. package/PhotoGallery/cjs/index.development.v2.js +3 -3
  92. package/PhotoGallery/cjs/index.production.js +1 -1
  93. package/PhotoGallery/cjs/index.production.v2.js +1 -1
  94. package/PhotoGallery/package.json +1 -1
  95. package/Picture/package.json +1 -1
  96. package/Portal/package.json +1 -1
  97. package/Progress/cjs/style.development.css +1 -1
  98. package/Progress/cjs/style.development.v2.css +1 -1
  99. package/Progress/cjs/style.production.css +1 -1
  100. package/Progress/cjs/style.production.v2.css +1 -1
  101. package/Progress/package.json +1 -1
  102. package/QRCode/package.json +1 -1
  103. package/Rating/cjs/index.development.js +2 -1
  104. package/Rating/cjs/index.development.v2.js +2 -1
  105. package/Rating/cjs/index.production.js +1 -1
  106. package/Rating/cjs/index.production.v2.js +1 -1
  107. package/Rating/package.json +1 -1
  108. package/RatingSelect/package.json +1 -1
  109. package/Scroll/package.json +1 -1
  110. package/ScrollControls/cjs/index.development.js +3 -3
  111. package/ScrollControls/cjs/index.development.v2.js +3 -3
  112. package/ScrollControls/cjs/index.production.js +1 -1
  113. package/ScrollControls/cjs/index.production.v2.js +1 -1
  114. package/ScrollControls/package.json +1 -1
  115. package/SimpleSlider/cjs/index.development.js +3 -3
  116. package/SimpleSlider/cjs/index.development.v2.js +3 -3
  117. package/SimpleSlider/cjs/index.production.js +1 -1
  118. package/SimpleSlider/cjs/index.production.v2.js +1 -1
  119. package/SimpleSlider/package.json +1 -1
  120. package/Skeleton/package.json +1 -1
  121. package/SnackBar/cjs/index.development.js +12 -2
  122. package/SnackBar/cjs/index.development.v2.js +12 -2
  123. package/SnackBar/cjs/index.production.js +1 -1
  124. package/SnackBar/cjs/index.production.v2.js +1 -1
  125. package/SnackBar/cjs/style.development.css +1 -1
  126. package/SnackBar/cjs/style.development.v2.css +1 -1
  127. package/SnackBar/cjs/style.production.css +1 -1
  128. package/SnackBar/cjs/style.production.v2.css +1 -1
  129. package/SnackBar/index.d.ts +8 -4
  130. package/SnackBar/package.json +1 -1
  131. package/Spinner/cjs/style.development.css +1 -1
  132. package/Spinner/cjs/style.development.v2.css +1 -1
  133. package/Spinner/cjs/style.production.css +1 -1
  134. package/Spinner/cjs/style.production.v2.css +1 -1
  135. package/Spinner/package.json +1 -1
  136. package/Text/package.json +1 -1
  137. package/TextEmoji/package.json +1 -1
  138. package/Tooltip/package.json +1 -1
  139. package/Tumbler/package.json +1 -1
  140. package/Viewport/package.json +1 -1
  141. package/base/colors-dark.css +5 -163
  142. package/base/colors.css +395 -424
  143. package/package.json +4 -3
  144. package/useBrowserLayoutEffect/package.json +1 -1
  145. package/useDebounce/package.json +1 -1
  146. package/useForwardRef/package.json +1 -1
  147. package/useInView/package.json +1 -1
  148. package/useIsMounted/package.json +1 -1
  149. package/useKeyPress/package.json +1 -1
  150. package/useMedia/package.json +1 -1
  151. package/useOutsideClick/package.json +1 -1
  152. package/usePortal/package.json +1 -1
  153. package/useScrollPosition/package.json +1 -1
  154. package/useSnackBar/SnackBarManager.d.ts +2 -0
  155. package/useSnackBar/cjs/index.development.js +58 -4
  156. package/useSnackBar/cjs/index.development.v2.js +58 -4
  157. package/useSnackBar/cjs/index.production.js +1 -1
  158. package/useSnackBar/cjs/index.production.v2.js +1 -1
  159. package/useSnackBar/index.d.ts +7 -1
  160. package/useSnackBar/package.json +5 -2
  161. package/BodyContext/cjs/index.development.js +0 -42
  162. package/BodyContext/cjs/index.development.v2.js +0 -42
  163. package/BodyContext/cjs/index.production.js +0 -1
  164. package/BodyContext/cjs/index.production.v2.js +0 -1
  165. package/BodyContext/index.d.ts +0 -7
  166. package/BodyContext/package.json +0 -12
  167. package/SnackBarManager/cjs/index.development.js +0 -81
  168. package/SnackBarManager/cjs/index.development.v2.js +0 -81
  169. package/SnackBarManager/cjs/index.production.js +0 -1
  170. package/SnackBarManager/cjs/index.production.v2.js +0 -1
  171. package/SnackBarManager/index.d.ts +0 -7
  172. package/SnackBarManager/index.js +0 -7
  173. package/SnackBarManager/index.v2.js +0 -7
  174. package/SnackBarManager/package.json +0 -12
  175. package/useBodyTTag/cjs/index.development.js +0 -33
  176. package/useBodyTTag/cjs/index.development.v2.js +0 -33
  177. package/useBodyTTag/cjs/index.production.js +0 -1
  178. package/useBodyTTag/cjs/index.production.v2.js +0 -1
  179. package/useBodyTTag/index.d.ts +0 -1
  180. package/useBodyTTag/index.js +0 -7
  181. package/useBodyTTag/index.v2.js +0 -7
  182. package/useBodyTTag/package.json +0 -9
  183. /package/{BodyContext → ColorScheme}/index.js +0 -0
  184. /package/{BodyContext → ColorScheme}/index.v2.js +0 -0
@@ -1 +1 @@
1
- "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");
1
+ "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/BodyProvider"),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)}},P=function(t){var e=/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/.exec(t);return e&&e[1]},T=function(t){var e=P(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?T(a):a,c=s?(n=P(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?T(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.useBodyStoreTTag().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),P=I[0],T=I[1],z=y.useRef(null),O=function(t){"function"==typeof m&&m(t)};y.useEffect((function(){e&&"function"==typeof f&&f(P)}),[P]),y.useEffect((function(){var t,n;e&&(T(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(P,!1),null===(e=x.current)||void 0===e||e.scrollToIndex(P,!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,P]);var D=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(P)};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!==P&&(O("keyPressPrev"),D(P-1))}}),y.createElement(i.KeyPress,{code:"ArrowRight",onKeyUp:function(){P!==c.length-1&&(O("keyPressNext"),D(P+1))}}),y.createElement("div",{className:_.layout},y.createElement("header",{className:_.layoutHeader},y.createElement(Z,{title:s,selectedIndex:P,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&&(T(t),null===(e=E.current)||void 0===e||e.scrollToIndex(t));b.current||P!==t||(b.current=!0)},triggerInteraction:O})),c.length>1&&y.createElement("aside",{className:_.layoutPreviews},y.createElement(L,{ref:E,items:c,selectedIndex:P,onChange:D,triggerInteraction:O})),!(null==p||!p.children)&&y.createElement(A,{selectedIndex:P,className:_.layoutAdditional,slotProps:p})),!(null==g||!g.children)&&y.createElement(A,{selectedIndex:P,className:_.layoutFooter,slotProps:g}))))))};M.displayName="PhotoGallery",exports.PhotoGallery=M,require("./style.production.css");
@@ -1 +1 @@
1
- "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");
1
+ "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/BodyProvider"),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}(),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 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: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?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: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?P(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.useBodyStoreTTag().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))},S=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),_=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)},S=function(){d(T)};return y.createElement(y.Fragment,null,y.createElement(o.Backdrop,{isOpen:e,onClick:S,zIndex:h,isBodyScrollLock:!0}),y.createElement(n.CSSTransition,{nodeRef:z,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:z,className:O.root,"data-qaid":"photo_gallery","data-testid":"photo_gallery",style:{zIndex:h}},y.createElement(i.KeyPress,{code:"Escape",onKeyUp:function(){_("keyPressClose"),S()}}),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:S,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&&(P(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}))))))};S.displayName="PhotoGallery",exports.PhotoGallery=S,require("./style.production.v2.css");
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/PhotoGallery",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Picture",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Portal",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1 +1 @@
1
- .Progress__root___DYWod{--pds-progress-transition-duration:250ms;--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--black-700);display:block;height:6px;box-sizing:border-box;overflow:hidden;border-radius:228px;font-size:0;transition:background-color var(--pds-progress-transition-duration) ease-in-out;background:var(--pds-progress-color-background)}.Progress__root___DYWod:after{content:"";display:block;height:100%;max-width:100%;min-width:0;transition:transform var(--pds-progress-transition-duration) ease-in-out,background-color var(--pds-progress-transition-duration) ease-in-out;border-radius:inherit;width:100%;transform:translateX(var(--pds-progress-width));background-color:var(--pds-progress-color-bar)}.Progress__root_theme_yellow-500___GlEJ3{--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--yellow-500)}.Progress__root_theme_violet-500___QPb6V{--pds-progress-color-background:var(--violet-50);--pds-progress-color-bar:var(--violet-500)}.Progress__root_theme_green-700___FVrHZ{--pds-progress-color-background:var(--green-50);--pds-progress-color-bar:var(--green-700)}
1
+ .Progress__root___DYWod{--pds-progress-transition-duration:250ms;--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--black-700);display:block;height:6px;box-sizing:border-box;overflow:hidden;border-radius:228px;font-size:0;transition:background-color var(--pds-progress-transition-duration) ease-in-out;background:var(--pds-progress-color-background)}.Progress__root___DYWod:after{content:"";display:block;height:100%;max-width:100%;min-width:0;transition:transform var(--pds-progress-transition-duration) ease-in-out,background-color var(--pds-progress-transition-duration) ease-in-out;border-radius:inherit;width:100%;transform:translateX(var(--pds-progress-width));background-color:var(--pds-progress-color-bar)}.Progress__root_theme_yellow-500___GlEJ3{--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--pds-color-light-yellow-500)}.Progress__root_theme_violet-500___QPb6V{--pds-progress-color-background:var(--violet-50);--pds-progress-color-bar:var(--violet-500)}.Progress__root_theme_green-700___FVrHZ{--pds-progress-color-background:var(--green-50);--pds-progress-color-bar:var(--green-700)}
@@ -1 +1 @@
1
- .Progress__root___Qt61w{--pds-progress-transition-duration:250ms;--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--black-700);display:block;height:6px;box-sizing:border-box;overflow:hidden;border-radius:228px;font-size:0;transition:background-color var(--pds-progress-transition-duration) ease-in-out;background:var(--pds-progress-color-background)}.Progress__root___Qt61w:after{content:"";display:block;height:100%;max-width:100%;min-width:0;transition:transform var(--pds-progress-transition-duration) ease-in-out,background-color var(--pds-progress-transition-duration) ease-in-out;border-radius:inherit;width:100%;transform:translateX(var(--pds-progress-width));background-color:var(--pds-progress-color-bar)}.Progress__root_theme_yellow-500___Q--6y{--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--yellow-500)}.Progress__root_theme_violet-500___ZJtv2{--pds-progress-color-background:var(--violet-50);--pds-progress-color-bar:var(--violet-500)}.Progress__root_theme_green-700___qpHWh{--pds-progress-color-background:var(--green-50);--pds-progress-color-bar:var(--green-700)}
1
+ .Progress__root___Qt61w{--pds-progress-transition-duration:250ms;--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--black-700);display:block;height:6px;box-sizing:border-box;overflow:hidden;border-radius:228px;font-size:0;transition:background-color var(--pds-progress-transition-duration) ease-in-out;background:var(--pds-progress-color-background)}.Progress__root___Qt61w:after{content:"";display:block;height:100%;max-width:100%;min-width:0;transition:transform var(--pds-progress-transition-duration) ease-in-out,background-color var(--pds-progress-transition-duration) ease-in-out;border-radius:inherit;width:100%;transform:translateX(var(--pds-progress-width));background-color:var(--pds-progress-color-bar)}.Progress__root_theme_yellow-500___Q--6y{--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--pds-color-light-yellow-500)}.Progress__root_theme_violet-500___ZJtv2{--pds-progress-color-background:var(--violet-50);--pds-progress-color-bar:var(--violet-500)}.Progress__root_theme_green-700___qpHWh{--pds-progress-color-background:var(--green-50);--pds-progress-color-bar:var(--green-700)}
@@ -1 +1 @@
1
- .DYWod{--pds-progress-transition-duration:250ms;--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--black-700);display:block;height:6px;box-sizing:border-box;overflow:hidden;border-radius:228px;font-size:0;transition:background-color var(--pds-progress-transition-duration) ease-in-out;background:var(--pds-progress-color-background)}.DYWod:after{content:"";display:block;height:100%;max-width:100%;min-width:0;transition:transform var(--pds-progress-transition-duration) ease-in-out,background-color var(--pds-progress-transition-duration) ease-in-out;border-radius:inherit;width:100%;transform:translateX(var(--pds-progress-width));background-color:var(--pds-progress-color-bar)}.GlEJ3{--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--yellow-500)}.QPb6V{--pds-progress-color-background:var(--violet-50);--pds-progress-color-bar:var(--violet-500)}.FVrHZ{--pds-progress-color-background:var(--green-50);--pds-progress-color-bar:var(--green-700)}
1
+ .DYWod{--pds-progress-transition-duration:250ms;--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--black-700);display:block;height:6px;box-sizing:border-box;overflow:hidden;border-radius:228px;font-size:0;transition:background-color var(--pds-progress-transition-duration) ease-in-out;background:var(--pds-progress-color-background)}.DYWod:after{content:"";display:block;height:100%;max-width:100%;min-width:0;transition:transform var(--pds-progress-transition-duration) ease-in-out,background-color var(--pds-progress-transition-duration) ease-in-out;border-radius:inherit;width:100%;transform:translateX(var(--pds-progress-width));background-color:var(--pds-progress-color-bar)}.GlEJ3{--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--pds-color-light-yellow-500)}.QPb6V{--pds-progress-color-background:var(--violet-50);--pds-progress-color-bar:var(--violet-500)}.FVrHZ{--pds-progress-color-background:var(--green-50);--pds-progress-color-bar:var(--green-700)}
@@ -1 +1 @@
1
- .Qt61w{--pds-progress-transition-duration:250ms;--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--black-700);display:block;height:6px;box-sizing:border-box;overflow:hidden;border-radius:228px;font-size:0;transition:background-color var(--pds-progress-transition-duration) ease-in-out;background:var(--pds-progress-color-background)}.Qt61w:after{content:"";display:block;height:100%;max-width:100%;min-width:0;transition:transform var(--pds-progress-transition-duration) ease-in-out,background-color var(--pds-progress-transition-duration) ease-in-out;border-radius:inherit;width:100%;transform:translateX(var(--pds-progress-width));background-color:var(--pds-progress-color-bar)}.Q--6y{--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--yellow-500)}.ZJtv2{--pds-progress-color-background:var(--violet-50);--pds-progress-color-bar:var(--violet-500)}.qpHWh{--pds-progress-color-background:var(--green-50);--pds-progress-color-bar:var(--green-700)}
1
+ .Qt61w{--pds-progress-transition-duration:250ms;--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--black-700);display:block;height:6px;box-sizing:border-box;overflow:hidden;border-radius:228px;font-size:0;transition:background-color var(--pds-progress-transition-duration) ease-in-out;background:var(--pds-progress-color-background)}.Qt61w:after{content:"";display:block;height:100%;max-width:100%;min-width:0;transition:transform var(--pds-progress-transition-duration) ease-in-out,background-color var(--pds-progress-transition-duration) ease-in-out;border-radius:inherit;width:100%;transform:translateX(var(--pds-progress-width));background-color:var(--pds-progress-color-bar)}.Q--6y{--pds-progress-color-background:var(--black-100);--pds-progress-color-bar:var(--pds-color-light-yellow-500)}.ZJtv2{--pds-progress-color-background:var(--violet-50);--pds-progress-color-bar:var(--violet-500)}.qpHWh{--pds-progress-color-background:var(--green-50);--pds-progress-color-bar:var(--green-700)}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Progress",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/QRCode",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -58,6 +58,7 @@ var Rating = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
58
58
  } else if (size === 'big') {
59
59
  currentSize = 22;
60
60
  }
61
+ var currentTheme = theme === 'yellow-500' ? "var(--pds-color-light-".concat(theme, ")") : "var(--".concat(theme, ")");
61
62
  return /*#__PURE__*/React__namespace.createElement("svg", _extends__default.default({
62
63
  className: classNames__default.default(css.root, className),
63
64
  height: currentSize
@@ -70,7 +71,7 @@ var Rating = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
70
71
  id: gradientId
71
72
  }, /*#__PURE__*/React__namespace.createElement("stop", {
72
73
  offset: "".concat(gradientOffset, "%"),
73
- stopColor: "var(--".concat(theme, ")")
74
+ stopColor: currentTheme
74
75
  }), /*#__PURE__*/React__namespace.createElement("stop", {
75
76
  offset: "".concat(gradientOffset, "%"),
76
77
  stopColor: "var(--black-400)"
@@ -58,6 +58,7 @@ var Rating = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
58
58
  } else if (size === 'big') {
59
59
  currentSize = 22;
60
60
  }
61
+ var currentTheme = theme === 'yellow-500' ? "var(--pds-color-light-".concat(theme, ")") : "var(--".concat(theme, ")");
61
62
  return /*#__PURE__*/React__namespace.createElement("svg", _extends__default.default({
62
63
  className: classNames__default.default(css.root, className),
63
64
  height: currentSize
@@ -70,7 +71,7 @@ var Rating = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
70
71
  id: gradientId
71
72
  }, /*#__PURE__*/React__namespace.createElement("stop", {
72
73
  offset: "".concat(gradientOffset, "%"),
73
- stopColor: "var(--".concat(theme, ")")
74
+ stopColor: currentTheme
74
75
  }), /*#__PURE__*/React__namespace.createElement("stop", {
75
76
  offset: "".concat(gradientOffset, "%"),
76
77
  stopColor: "var(--black-400)"
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),C=require("clsx");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function L(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 C=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,C.get?C:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e),n=a(t),o=L(r),c=a(C),i="AYAsy",u=["value","percent","size","theme","className"],s=o.forwardRef((function(e,t){var r=e.value,C=void 0===r?0:r,a=e.percent,L=void 0===a?0:a,s=e.size,f=void 0===s?18:s,d=e.theme,p=void 0===d?"violet-500":d,b=e.className,v=n.default(e,u),m=Math.round(L>0?L:C/5*100),h=o.useId(),j=f;return"small"===f?j=14:"default"===f?j=18:"big"===f&&(j=22),o.createElement("svg",l.default({className:c.default(i,b),height:j},v,{ref:t,viewBox:"0 0 120 24",tabIndex:-1,focusable:!1}),o.createElement("defs",null,o.createElement("linearGradient",{id:h},o.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--".concat(p,")")}),o.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--black-400)"}))),o.createElement("path",{fill:"url(#".concat(h,")"),d:"M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692 C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896 113.475 22 113.138 22 Z"}))}));s.displayName="Rating",exports.Rating=s,require("./style.production.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),a=require("clsx");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function L(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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=C(e),o=C(t),c=L(r),n=C(a),i="AYAsy",u=["value","percent","size","theme","className"],s=c.forwardRef((function(e,t){var r=e.value,a=void 0===r?0:r,C=e.percent,L=void 0===C?0:C,s=e.size,f=void 0===s?18:s,d=e.theme,p=void 0===d?"violet-500":d,v=e.className,b=o.default(e,u),m=Math.round(L>0?L:a/5*100),h=c.useId(),y=f;"small"===f?y=14:"default"===f?y=18:"big"===f&&(y=22);var g="yellow-500"===p?"var(--pds-color-light-".concat(p,")"):"var(--".concat(p,")");return c.createElement("svg",l.default({className:n.default(i,v),height:y},b,{ref:t,viewBox:"0 0 120 24",tabIndex:-1,focusable:!1}),c.createElement("defs",null,c.createElement("linearGradient",{id:h},c.createElement("stop",{offset:"".concat(m,"%"),stopColor:g}),c.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--black-400)"}))),c.createElement("path",{fill:"url(#".concat(h,")"),d:"M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692 C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896 113.475 22 113.138 22 Z"}))}));s.displayName="Rating",exports.Rating=s,require("./style.production.css");
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),C=require("clsx");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function L(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 C=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,C.get?C:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e),n=a(t),o=L(r),c=a(C),i="aJlm0",u=["value","percent","size","theme","className"],s=o.forwardRef((function(e,t){var r=e.value,C=void 0===r?0:r,a=e.percent,L=void 0===a?0:a,s=e.size,f=void 0===s?18:s,d=e.theme,p=void 0===d?"violet-500":d,b=e.className,v=n.default(e,u),m=Math.round(L>0?L:C/5*100),h=o.useId(),j=f;return"small"===f?j=14:"default"===f?j=18:"big"===f&&(j=22),o.createElement("svg",l.default({className:c.default(i,b),height:j},v,{ref:t,viewBox:"0 0 120 24",tabIndex:-1,focusable:!1}),o.createElement("defs",null,o.createElement("linearGradient",{id:h},o.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--".concat(p,")")}),o.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--black-400)"}))),o.createElement("path",{fill:"url(#".concat(h,")"),d:"M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692 C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896 113.475 22 113.138 22 Z"}))}));s.displayName="Rating",exports.Rating=s,require("./style.production.v2.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),a=require("clsx");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var L=C(e),o=C(t),c=l(r),n=C(a),i="aJlm0",u=["value","percent","size","theme","className"],s=c.forwardRef((function(e,t){var r=e.value,a=void 0===r?0:r,C=e.percent,l=void 0===C?0:C,s=e.size,f=void 0===s?18:s,d=e.theme,p=void 0===d?"violet-500":d,v=e.className,b=o.default(e,u),m=Math.round(l>0?l:a/5*100),h=c.useId(),g=f;"small"===f?g=14:"default"===f?g=18:"big"===f&&(g=22);var j="yellow-500"===p?"var(--pds-color-light-".concat(p,")"):"var(--".concat(p,")");return c.createElement("svg",L.default({className:n.default(i,v),height:g},b,{ref:t,viewBox:"0 0 120 24",tabIndex:-1,focusable:!1}),c.createElement("defs",null,c.createElement("linearGradient",{id:h},c.createElement("stop",{offset:"".concat(m,"%"),stopColor:j}),c.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--black-400)"}))),c.createElement("path",{fill:"url(#".concat(h,")"),d:"M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692 C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896 113.475 22 113.138 22 Z"}))}));s.displayName="Rating",exports.Rating=s,require("./style.production.v2.css");
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Rating",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/RatingSelect",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Scroll",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -12,7 +12,7 @@ var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiter
12
12
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
13
13
  var Button = require('@prom-ui/core/Button');
14
14
  var Icon = require('@prom-ui/core/Icon');
15
- var useBodyTTag = require('@prom-ui/core/useBodyTTag');
15
+ var BodyProvider = require('@prom-ui/core/BodyProvider');
16
16
  var Left = require('@prom-ui/icons/Left');
17
17
  var Right = require('@prom-ui/icons/Right');
18
18
 
@@ -60,8 +60,8 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
60
60
  onClickPrev = _ref.onClickPrev,
61
61
  zIndex = _ref.zIndex,
62
62
  children = _ref.children;
63
- var _useBodyTTag = useBodyTTag.useBodyTTag(),
64
- t = _useBodyTTag.t;
63
+ var _useBodyStoreTTag = BodyProvider.useBodyStoreTTag(),
64
+ t = _useBodyStoreTTag.t;
65
65
  var updateControlsTimer = React.useRef(null);
66
66
  var _useState = React.useState({
67
67
  prev: false,
@@ -12,7 +12,7 @@ var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiter
12
12
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
13
13
  var Button = require('@prom-ui/core/Button');
14
14
  var Icon = require('@prom-ui/core/Icon');
15
- var useBodyTTag = require('@prom-ui/core/useBodyTTag');
15
+ var BodyProvider = require('@prom-ui/core/BodyProvider');
16
16
  var Left = require('@prom-ui/icons/Left');
17
17
  var Right = require('@prom-ui/icons/Right');
18
18
 
@@ -60,8 +60,8 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
60
60
  onClickPrev = _ref.onClickPrev,
61
61
  zIndex = _ref.zIndex,
62
62
  children = _ref.children;
63
- var _useBodyTTag = useBodyTTag.useBodyTTag(),
64
- t = _useBodyTTag.t;
63
+ var _useBodyStoreTTag = BodyProvider.useBodyStoreTTag(),
64
+ t = _useBodyStoreTTag.t;
65
65
  var updateControlsTimer = React.useRef(null);
66
66
  var _useState = React.useState({
67
67
  prev: false,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),l=require("clsx"),o=require("@prom-ui/core/useForwardRef"),i=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/icons/Left"),f=require("@prom-ui/icons/Right");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var v,p,h=b(e),x=b(t),y=b(r),g=m(n),q=b(l),N=b(i),O=b(u),C="mOlOq",E="_3uXYG _8-zJW",k="L0VTc _8-zJW",w="_8BNAe",z="_1GCww",I="lzBzL",T="StbVV",j=function(e){var t=e.scrollRef,r=e.hideOnDisabled,l=void 0!==r&&r,o=e.isActive,i=void 0===o||o,u=e.onClickNext,b=e.onClickPrev,m=e.zIndex,h=e.children,y=s.useBodyTTag().t,C=n.useRef(null),T=n.useState({prev:!1,next:!1}),j=O.default(T,2),L=j[0],P=j[1],A=function(e){if(t.current){var r=t.current,n=r.scrollLeft,l=r.scrollWidth,o=r.clientWidth,i=(Number.isInteger(e)?e:n)||0;P({prev:i>1,next:i<l-o-1})}},B=function(e){if(t.current){var r=t.current,n=r.scrollLeft,l=r.clientWidth*e;requestAnimationFrame((function(){var e=n+l;A(e),t.current&&t.current.scrollTo({left:e,behavior:"smooth"})}))}},R=function(){clearTimeout(C.current||0),C.current=setTimeout(A,100)};return n.useEffect((function(){return t.current&&i&&(requestAnimationFrame((function(){A()})),t.current.addEventListener("scroll",R)),function(){t.current&&i&&t.current.removeEventListener("scroll",R)}}),[i,h]),i&&(L.prev||L.next)?g.default.createElement(g.default.Fragment,null,g.default.createElement("div",{className:q.default(E,x.default({},w,!L.prev)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:l?z:void 0,onClick:function(e){"function"==typeof b&&b(e),B(-1)},disabled:!L.prev,title:y(v||(v=N.default(["Назад"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":d.SvgLeft}))),g.default.createElement("div",{className:q.default(k,x.default({},w,!L.next)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:l?z:void 0,onClick:function(e){"function"==typeof u&&u(e),B(1)},disabled:!L.next,title:y(p||(p=N.default(["Далее"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":f.SvgRight})))):null};j.displayName="ScrollControlsButton";var L=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],P=g.forwardRef((function(e,t){var r=e.children,n=e.className,l=e.hideOnDisabled,i=void 0===l||l,u=e.isActive,c=void 0===u||u,a=e.onClickNext,s=e.onClickPrev,d=e.showOnHover,f=void 0!==d&&d,b=e.zIndex,m=y.default(e,L),v=o.useForwardRef(t,null);return g.createElement("div",h.default({className:q.default(C,n,x.default({},T,f))},m),g.cloneElement(r,{ref:v}),g.createElement(j,{scrollRef:v,hideOnDisabled:i,isActive:c,onClickNext:a,onClickPrev:s,zIndex:b},r))}));P.displayName="ScrollControls",exports.ScrollControls=P,require("./style.production.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),o=require("clsx"),l=require("@prom-ui/core/useForwardRef"),i=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Left"),f=require("@prom-ui/icons/Right");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var v,p,h=b(e),x=b(t),y=b(r),q=m(n),N=b(o),g=b(i),O=b(u),C="mOlOq",E="_3uXYG _8-zJW",k="L0VTc _8-zJW",w="_8BNAe",z="_1GCww",I="lzBzL",P="StbVV",j=function(e){var t=e.scrollRef,r=e.hideOnDisabled,o=void 0!==r&&r,l=e.isActive,i=void 0===l||l,u=e.onClickNext,b=e.onClickPrev,m=e.zIndex,h=e.children,y=s.useBodyStoreTTag().t,C=n.useRef(null),P=n.useState({prev:!1,next:!1}),j=O.default(P,2),L=j[0],A=j[1],B=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.scrollWidth,l=r.clientWidth,i=(Number.isInteger(e)?e:n)||0;A({prev:i>1,next:i<o-l-1})}},R=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.clientWidth*e;requestAnimationFrame((function(){var e=n+o;B(e),t.current&&t.current.scrollTo({left:e,behavior:"smooth"})}))}},S=function(){clearTimeout(C.current||0),C.current=setTimeout(B,100)};return n.useEffect((function(){return t.current&&i&&(requestAnimationFrame((function(){B()})),t.current.addEventListener("scroll",S)),function(){t.current&&i&&t.current.removeEventListener("scroll",S)}}),[i,h]),i&&(L.prev||L.next)?q.default.createElement(q.default.Fragment,null,q.default.createElement("div",{className:N.default(E,x.default({},w,!L.prev)),style:{zIndex:m}},q.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?z:void 0,onClick:function(e){"function"==typeof b&&b(e),R(-1)},disabled:!L.prev,title:y(v||(v=g.default(["Назад"])))},q.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":d.SvgLeft}))),q.default.createElement("div",{className:N.default(k,x.default({},w,!L.next)),style:{zIndex:m}},q.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?z:void 0,onClick:function(e){"function"==typeof u&&u(e),R(1)},disabled:!L.next,title:y(p||(p=g.default(["Далее"])))},q.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":f.SvgRight})))):null};j.displayName="ScrollControlsButton";var L=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],A=q.forwardRef((function(e,t){var r=e.children,n=e.className,o=e.hideOnDisabled,i=void 0===o||o,u=e.isActive,c=void 0===u||u,a=e.onClickNext,s=e.onClickPrev,d=e.showOnHover,f=void 0!==d&&d,b=e.zIndex,m=y.default(e,L),v=l.useForwardRef(t,null);return q.createElement("div",h.default({className:N.default(C,n,x.default({},P,f))},m),q.cloneElement(r,{ref:v}),q.createElement(j,{scrollRef:v,hideOnDisabled:i,isActive:c,onClickNext:a,onClickPrev:s,zIndex:b},r))}));A.displayName="ScrollControls",exports.ScrollControls=A,require("./style.production.css");
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),o=require("clsx"),l=require("@prom-ui/core/useForwardRef"),i=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/icons/Left"),f=require("@prom-ui/icons/Right");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var v,p,h=b(e),x=b(t),y=b(r),g=m(n),q=b(o),N=b(i),C=b(u),E="_5xFyd",k="PY-Co _1fL6b",O="u2XoF _1fL6b",w="AZbdb",P="zw-fa",I="z7X7-",j="PVtmJ",z=function(e){var t=e.scrollRef,r=e.hideOnDisabled,o=void 0!==r&&r,l=e.isActive,i=void 0===l||l,u=e.onClickNext,b=e.onClickPrev,m=e.zIndex,h=e.children,y=s.useBodyTTag().t,E=n.useRef(null),j=n.useState({prev:!1,next:!1}),z=C.default(j,2),L=z[0],T=z[1],A=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.scrollWidth,l=r.clientWidth,i=(Number.isInteger(e)?e:n)||0;T({prev:i>1,next:i<o-l-1})}},R=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.clientWidth*e;requestAnimationFrame((function(){var e=n+o;A(e),t.current&&t.current.scrollTo({left:e,behavior:"smooth"})}))}},F=function(){clearTimeout(E.current||0),E.current=setTimeout(A,100)};return n.useEffect((function(){return t.current&&i&&(requestAnimationFrame((function(){A()})),t.current.addEventListener("scroll",F)),function(){t.current&&i&&t.current.removeEventListener("scroll",F)}}),[i,h]),i&&(L.prev||L.next)?g.default.createElement(g.default.Fragment,null,g.default.createElement("div",{className:q.default(k,x.default({},w,!L.prev)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?P:void 0,onClick:function(e){"function"==typeof b&&b(e),R(-1)},disabled:!L.prev,title:y(v||(v=N.default(["Назад"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":d.SvgLeft}))),g.default.createElement("div",{className:q.default(O,x.default({},w,!L.next)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?P:void 0,onClick:function(e){"function"==typeof u&&u(e),R(1)},disabled:!L.next,title:y(p||(p=N.default(["Далее"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":f.SvgRight})))):null};z.displayName="ScrollControlsButton";var L=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],T=g.forwardRef((function(e,t){var r=e.children,n=e.className,o=e.hideOnDisabled,i=void 0===o||o,u=e.isActive,c=void 0===u||u,a=e.onClickNext,s=e.onClickPrev,d=e.showOnHover,f=void 0!==d&&d,b=e.zIndex,m=y.default(e,L),v=l.useForwardRef(t,null);return g.createElement("div",h.default({className:q.default(E,n,x.default({},j,f))},m),g.cloneElement(r,{ref:v}),g.createElement(z,{scrollRef:v,hideOnDisabled:i,isActive:c,onClickNext:a,onClickPrev:s,zIndex:b},r))}));T.displayName="ScrollControls",exports.ScrollControls=T,require("./style.production.v2.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),o=require("clsx"),l=require("@prom-ui/core/useForwardRef"),i=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),d=require("@prom-ui/core/BodyProvider"),s=require("@prom-ui/icons/Left"),f=require("@prom-ui/icons/Right");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var v,p,h=b(e),x=b(t),y=b(r),g=m(n),q=b(o),N=b(i),C=b(u),E="_5xFyd",k="PY-Co _1fL6b",O="u2XoF _1fL6b",P="AZbdb",w="zw-fa",I="z7X7-",j="PVtmJ",z=function(e){var t=e.scrollRef,r=e.hideOnDisabled,o=void 0!==r&&r,l=e.isActive,i=void 0===l||l,u=e.onClickNext,b=e.onClickPrev,m=e.zIndex,h=e.children,y=d.useBodyStoreTTag().t,E=n.useRef(null),j=n.useState({prev:!1,next:!1}),z=C.default(j,2),L=z[0],A=z[1],R=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.scrollWidth,l=r.clientWidth,i=(Number.isInteger(e)?e:n)||0;A({prev:i>1,next:i<o-l-1})}},F=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.clientWidth*e;requestAnimationFrame((function(){var e=n+o;R(e),t.current&&t.current.scrollTo({left:e,behavior:"smooth"})}))}},S=function(){clearTimeout(E.current||0),E.current=setTimeout(R,100)};return n.useEffect((function(){return t.current&&i&&(requestAnimationFrame((function(){R()})),t.current.addEventListener("scroll",S)),function(){t.current&&i&&t.current.removeEventListener("scroll",S)}}),[i,h]),i&&(L.prev||L.next)?g.default.createElement(g.default.Fragment,null,g.default.createElement("div",{className:q.default(k,x.default({},P,!L.prev)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?w:void 0,onClick:function(e){"function"==typeof b&&b(e),F(-1)},disabled:!L.prev,title:y(v||(v=N.default(["Назад"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":s.SvgLeft}))),g.default.createElement("div",{className:q.default(O,x.default({},P,!L.next)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?w:void 0,onClick:function(e){"function"==typeof u&&u(e),F(1)},disabled:!L.next,title:y(p||(p=N.default(["Далее"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":f.SvgRight})))):null};z.displayName="ScrollControlsButton";var L=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],A=g.forwardRef((function(e,t){var r=e.children,n=e.className,o=e.hideOnDisabled,i=void 0===o||o,u=e.isActive,c=void 0===u||u,a=e.onClickNext,d=e.onClickPrev,s=e.showOnHover,f=void 0!==s&&s,b=e.zIndex,m=y.default(e,L),v=l.useForwardRef(t,null);return g.createElement("div",h.default({className:q.default(E,n,x.default({},j,f))},m),g.cloneElement(r,{ref:v}),g.createElement(z,{scrollRef:v,hideOnDisabled:i,isActive:c,onClickNext:a,onClickPrev:d,zIndex:b},r))}));A.displayName="ScrollControls",exports.ScrollControls=A,require("./style.production.v2.css");
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/ScrollControls",
3
- "version": "2.0.2",
3
+ "version": "2.1.0-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -11,7 +11,7 @@ var React = require('react');
11
11
  var Swipe = require('react-easy-swipe');
12
12
  var classNames = require('clsx');
13
13
  var Icon = require('@prom-ui/core/Icon');
14
- var useBodyTTag = require('@prom-ui/core/useBodyTTag');
14
+ var BodyProvider = require('@prom-ui/core/BodyProvider');
15
15
  var Left = require('@prom-ui/icons/Left');
16
16
  var Right = require('@prom-ui/icons/Right');
17
17
 
@@ -133,8 +133,8 @@ var SimpleSlider = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref)
133
133
  _ref$isDotsTransparen = _ref.isDotsTransparent,
134
134
  isDotsTransparent = _ref$isDotsTransparen === void 0 ? false : _ref$isDotsTransparen,
135
135
  props = _objectWithoutProperties__default.default(_ref, _excluded);
136
- var _useBodyTTag = useBodyTTag.useBodyTTag(),
137
- t = _useBodyTTag.t;
136
+ var _useBodyStoreTTag = BodyProvider.useBodyStoreTTag(),
137
+ t = _useBodyStoreTTag.t;
138
138
  var refTrack = React__namespace.useRef(null);
139
139
  var transitionRunning = React__namespace.useRef(false);
140
140
  var _React$useState = React__namespace.useState(false),
@@ -11,7 +11,7 @@ var React = require('react');
11
11
  var Swipe = require('react-easy-swipe');
12
12
  var classNames = require('clsx');
13
13
  var Icon = require('@prom-ui/core/Icon');
14
- var useBodyTTag = require('@prom-ui/core/useBodyTTag');
14
+ var BodyProvider = require('@prom-ui/core/BodyProvider');
15
15
  var Left = require('@prom-ui/icons/Left');
16
16
  var Right = require('@prom-ui/icons/Right');
17
17
 
@@ -133,8 +133,8 @@ var SimpleSlider = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref)
133
133
  _ref$isDotsTransparen = _ref.isDotsTransparent,
134
134
  isDotsTransparent = _ref$isDotsTransparen === void 0 ? false : _ref$isDotsTransparen,
135
135
  props = _objectWithoutProperties__default.default(_ref, _excluded);
136
- var _useBodyTTag = useBodyTTag.useBodyTTag(),
137
- t = _useBodyTTag.t;
136
+ var _useBodyStoreTTag = BodyProvider.useBodyStoreTTag(),
137
+ t = _useBodyStoreTTag.t;
138
138
  var refTrack = React__namespace.useRef(null);
139
139
  var transitionRunning = React__namespace.useRef(false);
140
140
  var _React$useState = React__namespace.useState(false),