(window["webpackJsonp_name_"] = window["webpackJsonp_name_"] || []).push([[49,7,74],{ /***/ 202: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = Modals; __webpack_require__(426); var _global = __webpack_require__(52); var _global2 = _interopRequireDefault(_global); var _index = __webpack_require__(69); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function Modals() { if (!window.modals) { return; } Object.keys(window.modals).forEach(function (modal) { var isHovered = false; var elem = document.querySelector('.' + modal); if (!elem) { return; } window.modals[modal]['position_type'] === 'relative' && elem.classList.add('project-modal_relative'); var modalTarget = window.modals[modal].target; var contentWrapper = elem.querySelector('.project-modal__content-wrapper'); if (contentWrapper) { contentWrapper.addEventListener('click', function (event) { event.stopPropagation(); }); } elem.addEventListener('mouseenter', function (event) { isHovered = true; }); elem.addEventListener('mouseleave', function (event) { if (isHovered) { return false; } isHovered = false; setTimeout(function () { closeFunction(); }, 0); }); elem.addEventListener('click', function (event) { if (event.currentTarget.classList.contains('project-modal_opened')) { isHovered = false; closeFunction(); if (window.modals[modal].event === 'load') { setTimeout(function () { elem.parentNode.removeChild(elem); }, 200); } } }); window.addEventListener('resize', function (event) { closeFunction(); }); var closeFunction = function closeFunction(event) { var type = event ? event.type : ''; if (event && event.currentTarget && type) { event.currentTarget.removeEventListener('' + type, closeFunction); } if (type === 'click' && event && event.currentTarget instanceof Document) { isHovered = false; } if (isHovered) { return false; } isHovered = false; elem.classList.remove('project-modal_opened'); }; switch (window.modals[modal].event) { case 'load': { //window.addEventListener('load', (event: Event) => { setTimeout(function () { elem.classList.add('project-modal_opened'); document.addEventListener('keyup', closeFunction); }, 500); //}); break; } case 'hover': case 'click': { var target = document.querySelector(modalTarget); openModal(target, window.modals[modal].event); break; } } function openModal(target, e) { if (!['click', 'hover'].includes(e) || !target) { return false; } e = e === 'hover' ? 'mouseenter' : e; if (e === 'mouseenter') { target.addEventListener('touchend', function (event) { onHandler(event, 'touchend'); }); } target.addEventListener('' + e, function (event) { onHandler(event, e); }); } function onHandler(event, e) { event.preventDefault(); event.stopPropagation(); if (elem.classList.contains('project-modal_opened')) { if (e === "click" || e === "touchend") { isHovered = false; closeFunction(); } return false; } if (isHovered) { return false; } isHovered = true; if (window.modals[modal]['position_type'] === 'relative') { var pos = event.currentTarget.getBoundingClientRect(); var currentTop = window.modals[modal]['position_mode'] === 'absolute' ? getCurrentTop() : 0; var sizeKey = Object.keys(window.modals[modal]).filter(function (key) { return new RegExp(/xs|md|sm/g).test(key); }); var sizeObj = getPosition(sizeKey, modal); elem.style.cssText = checkForZero(sizeObj, pos, currentTop); } elem.classList.add('project-modal_opened'); if (e === 'click' || e === 'touchend') { document.addEventListener('keyup', closeFunction); document.addEventListener('click', closeFunction); } else if (e === 'mouseenter') { event.currentTarget.addEventListener('mouseleave', function (event) { isHovered = false; setTimeout(function () { closeFunction(event); }, 0); }); elem.addEventListener('mouseleave', function (event) { isHovered = false; setTimeout(function () { closeFunction(event); }, 0); }); } } document.body.appendChild(elem); }); } function getPosition(keys, modal) { var size = (0, _index.getSize)(); var mediaObj = window.modals[modal][keys.filter(function (key) { return key.indexOf(size) >= 0; })[0]]; return Object.keys(mediaObj).filter(function (key) { return new RegExp(/top|bottom|left|right/).test(key); }).reduce(function (object, key) { object[key] = mediaObj[key]; return object; }, {}); } function getCurrentTop() { return _global2.default.scrollBox && _global2.default.scrollBox instanceof Document && _global2.default.scrollBox.documentElement.scrollTop || _global2.default.scrollBox && _global2.default.scrollBox instanceof HTMLElement && _global2.default.scrollBox.scrollTop || 0; } function checkForZero(obj, targetPos, currentTop) { return Object.keys(obj).reduce(function (total, key) { if (obj[key].number === 'auto') { return total + (key + ': auto;'); } var reverseKey = void 0; switch (key) { case 'left': reverseKey = 'right'; break; case 'right': reverseKey = 'left'; break; case 'top': reverseKey = 'bottom'; break; case 'bottom': reverseKey = 'top'; break; default: return total; } !!parseFloat(obj[key].number) && (obj[reverseKey].number = 'auto'); var style = !!parseFloat(obj[key].number) ? key + ': ' + (calculateSize(key, obj[key], targetPos) + (key === 'top' ? currentTop : key === 'bottom' ? -currentTop : 0)) + 'px;' : obj[key].number !== 0 && obj[reverseKey].number === 0 ? key + ': auto;' : obj[key].number === 0 && obj[reverseKey].number !== 0 ? key + ': 0;' : ['left', 'top'].includes(key) ? key + ': 0;' : key + ': auto;'; return total + style; }, ''); } function calculateSize(key, obj, targetPos) { var targetPosValue = key === 'right' ? (_global2.default.lumericMain && _global2.default.lumericMain.clientWidth || window.innerHeight) - parseFloat(targetPos[key]) : parseFloat(targetPos[key]); switch (obj.units) { case 'px': { return targetPosValue + parseFloat(obj.number); } case '%': { return parseFloat(obj.number) / 100 * (['top', 'bottom'].includes(key) ? targetPos.height : targetPos.width) + targetPosValue; } case 'vw': case 'vh': { return parseFloat(obj.number) / 100 * (['top', 'bottom'].includes(key) ? window.innerHeight : window.innerWidth) + targetPosValue; } } return 0; } /***/ }), /***/ 426: /***/ (function(module, exports, __webpack_require__) { var content = __webpack_require__(447); if(typeof content === 'string') content = [[module.i, content, '']]; var transform; var insertInto; var options = {"hmr":true} options.transform = transform options.insertInto = undefined; var update = __webpack_require__(167)(content, options); if(content.locals) module.exports = content.locals; if(false) {} /***/ }), /***/ 447: /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(168)(false); // imports // module exports.push([module.i, ".project-modal{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:999999}.project-modal.modal-animation_opacity{transform:scale(0) translateZ(0);opacity:0;transition:opacity .2s ease,transform 0s ease .2s}.project-modal.modal-animation_scale_bottom,.project-modal.modal-animation_scale_center,.project-modal.modal-animation_scale_left,.project-modal.modal-animation_scale_right,.project-modal.modal-animation_scale_top{opacity:0;transition:opacity 0s ease .2s,transform .2s ease;pointer-events:none}.project-modal.modal-animation_scale_bottom{transform:scaleY(0) translateZ(0);transform-origin:bottom}.project-modal.modal-animation_scale_top{transform:scaleY(0) translateZ(0);transform-origin:top}.project-modal.modal-animation_scale_right{transform:scaleX(0) translateZ(0);transform-origin:right}.project-modal.modal-animation_scale_left{transform:scaleX(0) translateZ(0);transform-origin:left}.project-modal.modal-animation_scale_center{transform:scale(0) translateZ(0);transform-origin:center}.project-modal__close{position:absolute;top:15px;right:15px;width:30px;height:30px;opacity:0;transition:opacity .2s ease;z-index:3;cursor:pointer}.project-modal__close:after,.project-modal__close:before{content:\"\";position:absolute;top:50%;left:50%;width:100%;height:0;border-top:1px solid}.project-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.project-modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.project-modal .vc_tta-panel-heading{display:none}.project-modal_opened .project-modal__close{opacity:.8;transition:opacity .2s ease .4s}.project-modal_opened .project-modal__close:hover{opacity:1;transition:opacity .2s ease}.project-modal_opened.modal-animation_opacity{opacity:1;transform:scale(1) translateZ(0);transition:opacity .2s ease,transform 0s ease}.project-modal_opened.modal-animation_scale_bottom,.project-modal_opened.modal-animation_scale_center,.project-modal_opened.modal-animation_scale_left,.project-modal_opened.modal-animation_scale_right,.project-modal_opened.modal-animation_scale_top{pointer-events:auto;transform:scale(1) translateZ(0);opacity:1;transition:opacity 0s ease,transform .2s ease}.project-modal_relative,.project-modal_relative .project-modal__content-wrapper{align-items:flex-start}.project-modal__content-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0;background-color:rgba(0,0,0,1e-05)}.project-modal_scroll{width:100%;height:100%;overflow:auto}.project-modal__content{width:100%;min-height:100%}.project-modal__content.has-transition{transition:opacity .2s ease}.project-modal_image .project-modal__content{display:flex;flex-direction:column;width:100%;height:100%}.project-modal_image .project-modal__content>.image-figure,.project-modal_image .project-modal__content>.image-figure .image-figure__link{width:100%;height:100%}.project-modal_image .project-modal__content>.image-figure .image-figure__link>img{width:100%;height:100%;object-fit:contain}.project-modal_image .project-modal__content .owl-item{transition:transform .2s ease}.project-modal_image .project-modal__content .owl-item.active{transform:scale(1)}.project-modal_image .project-modal__content .resp-sharing-button__link{padding:5px}.project-modal__content .project-carousel__wrap{position:relative;width:100%;height:100%;padding:0;margin:0}.project-modal__content .project-carousel__wrap .item,.project-modal__content .project-carousel__wrap .owl-stage,.project-modal__content .project-carousel__wrap .owl-stage-outer{height:100%}.project-modal__content .project-carousel__wrap .image-figure{width:100%;height:100%;transform:none!important;top:0!important}.project-modal__content .project-carousel__wrap .image-figure .image-figure__link{width:100%;height:100%}.project-modal__content .project-carousel__wrap .image-figure .image-figure__link img{width:100%;height:100%;object-fit:contain;font-family:\"object-fit: contain;\"}.project-modal__content .project-carousel__wrap .image-figure__text{display:none}.project-modal__content .project-carousel__wrap.show-desc .image-figure__text{position:absolute;left:50%;bottom:10%;z-index:2;transform:translateX(-50%);display:flex;text-align:center}", ""]); // exports /***/ }), /***/ 69: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.getSize = getSize; function getSize() { var ww = window.innerWidth; return ww >= 992 ? 'md' : ww >= 768 ? 'sm' : 'xs'; } /***/ }) }]);