(window["webpackJsonp_name_"] = window["webpackJsonp_name_"] || []).push([[20,34],{ /***/ 123: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); // Globals Variables // ========================================================================== var _global = __webpack_require__(52); var _global2 = _interopRequireDefault(_global); var _transitionEvent = __webpack_require__(171); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } var Preloader = function () { function Preloader() { var _this = this; _classCallCheck(this, Preloader); this.windowIsLoaded = false; if (!document.body.classList.contains('wpw-custom-preloader')) { document.body.classList.remove('loading'); return; } this.size = 0; var preloaderWrap = this.preloaderWrap = document.querySelector('.wpw-preloader-wrapper'); if (!preloaderWrap) { document.body.classList.remove('loading'); return; } var preloader = this.preloader = preloaderWrap.querySelector('.wpw-preloader'); this.span = preloaderWrap.querySelector('span'); this.cloneSpan = preloader.querySelector('span'); this.cloneSpan.style.width = document.body.clientWidth + 'px'; this.cloneSpan.style.height = _global2.default.wh + 'px'; this.animationType = preloaderWrap.getAttribute('data-direction') || 'left'; preloader.addEventListener(_transitionEvent.transitionEvent, function () { _this._endAnimate(); }); this._endLoading(); setTimeout(function () { _this.init(); }, 0); } _createClass(Preloader, [{ key: 'init', value: function init() { var _this2 = this; this.resize(); // animate preloader this.preloader.classList.add('wpw-loading'); var images = document.querySelectorAll('img'), length = images.length; var iteration = 0; if (length) { var precent = 100 / (length + 1), n = -1; [].forEach.call(images, function (img) { var image = new Image(); var src = img.src; image.onload = function () { iteration++; n += precent; _this2._setSize(n); }; image.onerror = function () { iteration++; n += precent; _this2._setSize(n + precent); }; image.src = src; }); return true; } } }, { key: '_setSize', value: function _setSize(size) { if (this.windowIsLoaded) { return; } this.size = size; if (this.animationType === 'right' || this.animationType === 'left') { this.preloader.style.width = size + '%'; } else { this.preloader.style.height = size + '%'; } } }, { key: '_endAnimate', value: function _endAnimate() { var preloader = this.preloader, wrapper = this.preloaderWrap; if (preloader.classList.contains('wpw-preloader-loaded')) { wrapper.parentNode.removeChild(wrapper); this.preloaderWrap = null; } if (preloader.classList.contains('full-preloader')) { document.body.classList.remove('loading'); preloader.classList.remove('full-preloader'); preloader.classList.add('wpw-preloader-loaded'); wrapper.classList.add('wpw-preloader-loaded'); document.body.classList.add('wpw-preloader-loaded'); this.span.style.display = 'none'; } } }, { key: '_endLoading', value: function _endLoading() { var _this3 = this; window.addEventListener('load', function () { _this3.windowIsLoaded = true; setTimeout(function () { var preloader = _this3.preloader; preloader.style.width = ''; preloader.style.height = ''; preloader.classList.add('full-preloader'); }, 200); }); } }, { key: 'resize', value: function resize() { var _this4 = this; window.addEventListener('resize', function () { if (_this4.cloneSpan) { _this4.cloneSpan.style.width = document.body.clientWidth + 'px'; _this4.cloneSpan.style.height = _global2.default.wh + 'px'; } }); } }, { key: 'vis', value: function vis() { var stateKey = void 0, eventKey = void 0, keys = { hidden: 'visibilitychange', webkitHidden: 'webkitvisibilitychange', mozHidden: 'mozvisibilitychange', msHidden: 'msvisibilitychange' }; for (stateKey in keys) { if (stateKey in document) { eventKey = keys[stateKey]; break; } } return function (c) { if (c) { document.addEventListener(eventKey, c); } return !document[stateKey]; }; } }]); return Preloader; }(); exports.default = Preloader; /***/ }), /***/ 171: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); // Function from David Walsh: http://davidwalsh.name/css-animation-callback function whichTransitionEvent() { var t, el = document.createElement('fakeelement'); var transitions = { 'transition': 'transitionend', 'OTransition': 'oTransitionEnd', 'MozTransition': 'transitionend', 'WebkitTransition': 'webkitTransitionEnd' }; for (t in transitions) { if (el.style[t] !== undefined) { return transitions[t]; } } } var transitionEvent = exports.transitionEvent = whichTransitionEvent(); /***/ }) }]);