(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{1476:function(e,t,o){"use strict";var n=o(849);o.n(n).a},1477:function(e,t,o){(t=o(182)(!1)).push([e.i,'.image-modal__container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:6;background-color:rgba(0,0,0,.7)}.image-modal__wrap{display:flex;justify-content:center;align-items:center}.image-modal__nav{position:fixed;right:24px;display:flex;top:-100%;transition:top .6s .3s;z-index:2}.image-modal__nav_visible{top:24px}.image-modal__btn{border:none;outline:none;cursor:pointer;padding:0;width:24px;height:24px;border-radius:2px;background-color:#253137;color:#fff;position:relative;margin-left:16px;transition:background-color .3s}.image-modal__btn:hover{background-color:#465a65}.image-modal__btn_close{margin-left:32px}.image-modal__btn:not(.image-modal__btn_close){display:none}.image-modal__image{height:auto;transition:opacity .15s .15s;opacity:0;position:relative;z-index:-1;transform-style:preserve-3d}.image-modal__image_visible{opacity:1;z-index:1;min-width:100%}.image-modal__icon{display:block;width:24px;height:24px;position:relative}.image-modal__icon_close:after,.image-modal__icon_close:before,.image-modal__icon_minus:before,.image-modal__icon_plus:after,.image-modal__icon_plus:before{content:"";width:14px;height:2px;border-radius:1px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-modal__icon_plus:after{transform:rotate(90deg) translate(-50%,-50%);transform-origin:left top}.image-modal__icon_close:after,.image-modal__icon_close:before{transform-origin:left top}.image-modal__icon_close:before{transform:rotate(45deg) translate(-50%,-50%)}.image-modal__icon_close:after{transform:rotate(-45deg) translate(-50%,-50%)}@media(min-width:992px){.image-modal__image_visible{min-width:686px}.image-modal__btn:not(.image-modal__btn_close){display:block}}',""]),e.exports=t},1675:function(e,t,o){"use strict";o.r(t);o(39),o(28),o(18),o(13),o(35);var n=o(4),r=o(115),l=o(2);function c(object,e){var t=Object.keys(object);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(object);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(object,e).enumerable}))),t.push.apply(t,o)}return t}function m(e){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?c(Object(source),!0).forEach((function(t){Object(n.a)(e,t,source[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(source)):c(Object(source)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(source,t))}))}return e}var d={name:"ImageModal",data:function(){return{currentWidth:0,naturalWidth:0,zoomStep:0,isImageReady:!1}},computed:m({},Object(r.d)("viewport",{viewportWidth:function(e){return e.viewportWidth},userDeviceType:function(e){return e.userDeviceType}}),{},Object(r.d)("imageModal",{isImageModalOpened:function(e){return e.isImageModalOpened},src:function(e){return e.data.src},alt:function(e){return e.data.alt}}),{imageStyles:function(){return{width:"".concat(50+10*this.zoomStep,"vw")}},isTouchDevice:function(){var e=this.userDeviceType;return e.phone||e.tablet}}),watch:{isImageModalOpened:function(e){return e?this.$nextTick(this.bindOnLoad):void 0}},created:function(){this.pinchZoom=null},beforeDestroy:function(){this.cleanUp()},methods:m({},Object(r.b)("imageModal",{setIsModalShown:l.IMAGE_MODAL.SET_IS_SHOWN,setModalData:l.IMAGE_MODAL.SET_DATA}),{onClose:function(e){"DIV"===e.target.nodeName&&this.onCloseHandler()},bindOnLoad:function(){var image=this.$refs.image;image.onload=this.imageOnloadHandler,this.isTouchDevice&&this.initPinchZoom(image)},initPinchZoom:function(image){var e=this;o.e(203).then(o.bind(null,1619)).then((function(t){var o=t.default;e.pinchZoom=new o(image,{use2d:!1,onDragEnd:function(object){var t=object.offset,o=object.initialOffset;1===object.zoomFactor&&(Math.abs(t.y-o.y)>100?e.onCloseHandler():e.pinchZoom.resetOffset())}})}))},onCloseHandler:function(){this.setIsModalShown({isImageModalOpened:!1})},onZoomInHandler:function(){this.zoomStep<5&&(this.zoomStep+=1)},onZoomOutHandler:function(){this.zoomStep&&(this.zoomStep-=1)},imageOnloadHandler:function(){this.naturalWidth=this.$refs.image.naturalWidth,this.currentWidth=this.$refs.image.width,this.isImageReady=!0},cleanUp:function(){this.pinchZoom&&(this.pinchZoom.disable(),this.pinchZoom=null),this.setModalData({})}})},_=(o(1476),o(143)),component=Object(_.a)(d,(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"image-modal"},[o("Transition",{attrs:{name:"fade"}},[e.isImageModalOpened?o("div",{staticClass:"image-modal__container",class:!e.isTouchDevice&&"image-modal__wrap",on:{click:function(t){return e.onClose(t)}}},[o("img",{ref:"image",staticClass:"image-modal__image",class:e.isImageReady&&"image-modal__image_visible",style:!e.isTouchDevice&&e.imageStyles,attrs:{src:e.src,alt:e.alt}}),o("div",{staticClass:"image-modal__nav",class:e.isImageReady&&"image-modal__nav_visible"},[e.isTouchDevice?e._e():o("button",{staticClass:"image-modal__btn",on:{click:function(t){return t.preventDefault(),e.onZoomOutHandler(t)}}},[o("span",{staticClass:"image-modal__icon image-modal__icon_minus"})]),e.isTouchDevice?e._e():o("button",{staticClass:"image-modal__btn",on:{click:function(t){return t.preventDefault(),e.onZoomInHandler(t)}}},[o("span",{staticClass:"image-modal__icon image-modal__icon_plus"})]),o("button",{staticClass:"image-modal__btn image-modal__btn_close",on:{click:function(t){return t.preventDefault(),e.onCloseHandler(t)}}},[o("span",{staticClass:"image-modal__icon image-modal__icon_close"})])])]):e._e()])],1)}),[],!1,null,null,null);t.default=component.exports},849:function(e,t,o){var content=o(1477);"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,o(183).default)("a5dbe1c4",content,!0,{sourceMap:!1})}}]);
//# sourceMappingURL=38d77725dd5c3370f739.js.map