tinper-bee
Version:
React Components living for enterprise-class pc backend application
1,452 lines (1,303 loc) • 323 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"), require("prop-types"), require("react-dom"));
else if(typeof define === 'function' && define.amd)
define(["react", "prop-types", "react-dom"], factory);
else {
var a = typeof exports === 'object' ? factory(require("react"), require("prop-types"), require("react-dom")) : factory(root["React"], root["PropTypes"], root["ReactDOM"]);
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
}
})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_3__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 1081);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
/***/ }),
/***/ 1:
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_1__;
/***/ }),
/***/ 102:
/***/ (function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(68), __esModule: true };
/***/ }),
/***/ 1081:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(1082);
/***/ }),
/***/ 1082:
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(1083);
module.exports = __webpack_require__(1084);
/***/ }),
/***/ 1083:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 1084:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _Carousel = __webpack_require__(1085);
var _Carousel2 = _interopRequireDefault(_Carousel);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
exports["default"] = _Carousel2["default"];
module.exports = exports['default'];
/***/ }),
/***/ 1085:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(3);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _swiper = __webpack_require__(1086);
var _swiper2 = _interopRequireDefault(_swiper);
var _omit = __webpack_require__(109);
var _omit2 = _interopRequireDefault(_omit);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var defaultProps = {
containerClass: 'swiper-container',
wrapperClass: 'swiper-wrapper',
slideClass: 'swiper-slide'
};
var propTypes = {
// react-id-swiper original parameter
containerClass: _propTypes2["default"].string,
wrapperClass: _propTypes2["default"].string,
children: _propTypes2["default"].oneOfType([_propTypes2["default"].node, _propTypes2["default"].element]),
rebuildOnUpdate: _propTypes2["default"].bool,
shouldSwiperUpdate: _propTypes2["default"].bool,
prevButtonCustomizedClass: _propTypes2["default"].string,
nextButtonCustomizedClass: _propTypes2["default"].string,
paginationCustomizedClass: _propTypes2["default"].string,
scrollbarCustomizedClass: _propTypes2["default"].string,
activeSlideKey: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number]),
// parallax
parallax: _propTypes2["default"].bool,
parallaxEl: _propTypes2["default"].shape({
el: _propTypes2["default"].string,
value: _propTypes2["default"].string
}),
// swiper parameter
init: _propTypes2["default"].bool,
initialSlide: _propTypes2["default"].number,
direction: _propTypes2["default"].string,
rtl: _propTypes2["default"].bool,
speed: _propTypes2["default"].number,
setWrapperSize: _propTypes2["default"].bool,
virtualTranslate: _propTypes2["default"].bool,
width: _propTypes2["default"].number,
height: _propTypes2["default"].number,
autoHeight: _propTypes2["default"].bool,
roundLengths: _propTypes2["default"].bool,
nested: _propTypes2["default"].bool,
uniqueNavElements: _propTypes2["default"].bool,
effect: _propTypes2["default"].string,
runCallbacksOnInit: _propTypes2["default"].bool,
// slides grid
spaceBetween: _propTypes2["default"].number,
slidesPerView: _propTypes2["default"].any,
slidesPerColumn: _propTypes2["default"].number,
slidesPerColumnFill: _propTypes2["default"].string,
slidesPerGroup: _propTypes2["default"].number,
centeredSlides: _propTypes2["default"].bool,
slidesOffsetBefore: _propTypes2["default"].number,
slidesOffsetAfter: _propTypes2["default"].number,
normalizeSlideIndex: _propTypes2["default"].bool,
// grab cursor
grabCursor: _propTypes2["default"].bool,
// touches
touchEventsTarget: _propTypes2["default"].string,
touchRatio: _propTypes2["default"].number,
touchAngle: _propTypes2["default"].number,
simulateTouch: _propTypes2["default"].bool,
shortSwipes: _propTypes2["default"].bool,
longSwipes: _propTypes2["default"].bool,
longSwipesRatio: _propTypes2["default"].number,
longSwipesMs: _propTypes2["default"].number,
followFinger: _propTypes2["default"].bool,
allowTouchMove: _propTypes2["default"].bool,
threshold: _propTypes2["default"].number,
touchMoveStopPropagation: _propTypes2["default"].bool,
iOSEdgeSwipeDetection: _propTypes2["default"].bool,
iOSEdgeSwipeThreshold: _propTypes2["default"].number,
touchReleaseOnEdges: _propTypes2["default"].bool,
passiveListeners: _propTypes2["default"].bool,
// touch resistance
resistance: _propTypes2["default"].bool,
resistanceRatio: _propTypes2["default"].number,
// swiping / no swiping
allowSlidePrev: _propTypes2["default"].bool,
allowSlideNext: _propTypes2["default"].bool,
noSwiping: _propTypes2["default"].bool,
noSwipingClass: _propTypes2["default"].string,
swipeHandler: _propTypes2["default"].any,
// clicks
preventClicks: _propTypes2["default"].bool,
preventClicksPropagation: _propTypes2["default"].bool,
slideToClickedSlide: _propTypes2["default"].bool,
// freemode
freeMode: _propTypes2["default"].bool,
freeModeMomentum: _propTypes2["default"].bool,
freeModeMomentumRatio: _propTypes2["default"].number,
freeModeMomentumVelocityRatio: _propTypes2["default"].number,
freeModeMomentumBounce: _propTypes2["default"].bool,
freeModeMomentumBounceRatio: _propTypes2["default"].number,
freeModeMinimumVelocity: _propTypes2["default"].number,
freeModeSticky: _propTypes2["default"].bool,
// progress
watchSlidesProgress: _propTypes2["default"].bool,
watchSlidesVisibility: _propTypes2["default"].bool,
// images
preloadImages: _propTypes2["default"].bool,
updateOnImagesReady: _propTypes2["default"].bool,
// loop
loop: _propTypes2["default"].bool,
loopAdditionalSlides: _propTypes2["default"].number,
loopedSlides: _propTypes2["default"].number,
loopFillGroupWithBlank: _propTypes2["default"].bool,
// breakpoints
breakpoints: _propTypes2["default"].object,
// observer
observer: _propTypes2["default"].bool,
observeParents: _propTypes2["default"].bool,
// namespace
containerModifierClass: _propTypes2["default"].string,
slideClass: _propTypes2["default"].string,
slideActiveClass: _propTypes2["default"].string,
slideDuplicatedActiveClass: _propTypes2["default"].string,
slideVisibleClass: _propTypes2["default"].string,
slideDuplicateClass: _propTypes2["default"].string,
slideNextClass: _propTypes2["default"].string,
slideDuplicatedNextClass: _propTypes2["default"].string,
slidePrevClass: _propTypes2["default"].string,
slideDuplicatedPrevClass: _propTypes2["default"].string,
// autoplay
autoplay: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].shape({
delay: _propTypes2["default"].number,
stopOnLast: _propTypes2["default"].bool,
disableOnInteraction: _propTypes2["default"].bool
})]),
// pagination
pagination: _propTypes2["default"].shape({
el: _propTypes2["default"].string,
type: _propTypes2["default"].string,
bulletElement: _propTypes2["default"].string,
dynamicBullets: _propTypes2["default"].bool,
hideOnClick: _propTypes2["default"].bool,
clickable: _propTypes2["default"].bool,
renderBullet: _propTypes2["default"].func,
renderFraction: _propTypes2["default"].func,
renderProgressbar: _propTypes2["default"].func,
renderCustom: _propTypes2["default"].func,
bulletClass: _propTypes2["default"].string,
bulletActiveClass: _propTypes2["default"].string,
modifierClass: _propTypes2["default"].string,
currentClass: _propTypes2["default"].string,
totalClass: _propTypes2["default"].string,
hiddenClass: _propTypes2["default"].string,
progressbarFillClass: _propTypes2["default"].string,
clickableClass: _propTypes2["default"].string
}),
// scrollbar
scrollbar: _propTypes2["default"].shape({
el: _propTypes2["default"].any,
hide: _propTypes2["default"].bool,
draggable: _propTypes2["default"].bool,
snapOnRelease: _propTypes2["default"].bool,
dragSize: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number])
}),
// navigation
navigation: _propTypes2["default"].shape({
nextEl: _propTypes2["default"].string,
prevEl: _propTypes2["default"].string,
hideOnClick: _propTypes2["default"].bool,
disabledClass: _propTypes2["default"].string,
hiddenClass: _propTypes2["default"].string
}),
// a11y
a11y: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].shape({
prevSlideMessage: _propTypes2["default"].string,
nextSlideMessage: _propTypes2["default"].string,
firstSlideMessage: _propTypes2["default"].string,
lastSlideMessage: _propTypes2["default"].string,
paginationBulletMessage: _propTypes2["default"].string,
notificationClass: _propTypes2["default"].string
})]),
// zoom
zoom: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].shape({
maxRatio: _propTypes2["default"].number,
minRatio: _propTypes2["default"].number,
toggle: _propTypes2["default"].bool,
containerClass: _propTypes2["default"].string,
zoomedSlideClass: _propTypes2["default"].string
})]),
// keyboard
keyboard: _propTypes2["default"].bool,
// mousewheel
mousewheel: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].shape({
forceToAxis: _propTypes2["default"].bool,
releaseOnEdges: _propTypes2["default"].bool,
invert: _propTypes2["default"].bool,
sensitivity: _propTypes2["default"].number,
eventsTarged: _propTypes2["default"].string
})]),
// hashNavigation
hashNavigation: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].shape({
watchState: _propTypes2["default"].bool,
replaceState: _propTypes2["default"].bool
})]),
// history
history: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].shape({
key: _propTypes2["default"].string,
replaceState: _propTypes2["default"].bool
})]),
// lazy
lazy: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].shape({
loadPrevNext: _propTypes2["default"].bool,
loadPrevNextAmount: _propTypes2["default"].number,
loadOnTransitionStart: _propTypes2["default"].bool,
elementClass: _propTypes2["default"].string,
loadingClass: _propTypes2["default"].string,
loadedClass: _propTypes2["default"].string,
preloaderClass: _propTypes2["default"].string
})]),
// fadeEffect
fadeEffect: _propTypes2["default"].shape({
crossFade: _propTypes2["default"].bool
}),
// coverflowEffect
coverflowEffect: _propTypes2["default"].shape({
slideShadows: _propTypes2["default"].bool,
rotate: _propTypes2["default"].number,
stretch: _propTypes2["default"].number,
depth: _propTypes2["default"].number,
modifier: _propTypes2["default"].number
}),
// flipEffect
flipEffect: _propTypes2["default"].shape({
slideShadows: _propTypes2["default"].bool,
limitRotation: _propTypes2["default"].bool
}),
// cubeEffect
cubeEffect: _propTypes2["default"].shape({
slideShadows: _propTypes2["default"].bool,
shadow: _propTypes2["default"].bool,
shadowOffset: _propTypes2["default"].number,
shadowScale: _propTypes2["default"].number
}),
// controller
controller: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].shape({
control: _propTypes2["default"].any,
inverse: _propTypes2["default"].bool,
by: _propTypes2["default"].string
})]),
// events
on: _propTypes2["default"].shape({
init: _propTypes2["default"].func,
beforeDestroy: _propTypes2["default"].func,
slideChange: _propTypes2["default"].func,
slideChangeTransitionStart: _propTypes2["default"].func,
slideChangeTransitionEnd: _propTypes2["default"].func,
slideNextTransitionStart: _propTypes2["default"].func,
slideNextTransitionEnd: _propTypes2["default"].func,
slidePrevTransitionStart: _propTypes2["default"].func,
slidePrevTransitionEnd: _propTypes2["default"].func,
transitionStart: _propTypes2["default"].func,
onTransitionEnd: _propTypes2["default"].func,
touchStart: _propTypes2["default"].func,
touchMove: _propTypes2["default"].func,
touchMoveOpposite: _propTypes2["default"].func,
sliderMove: _propTypes2["default"].func,
touchEnd: _propTypes2["default"].func,
click: _propTypes2["default"].func,
tap: _propTypes2["default"].func,
doubleTap: _propTypes2["default"].func,
imagesReady: _propTypes2["default"].func,
progress: _propTypes2["default"].func,
reachBeginning: _propTypes2["default"].func,
reachEnd: _propTypes2["default"].func,
fromEdge: _propTypes2["default"].func,
setTranslate: _propTypes2["default"].func,
setTransition: _propTypes2["default"].func,
resize: _propTypes2["default"].func
})
};
var Carousel = function (_React$Component) {
_inherits(Carousel, _React$Component);
function Carousel(props) {
_classCallCheck(this, Carousel);
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
_this.validateClass = function (className) {
if (typeof className !== 'string') return '';
return className.replace(/\.|#/g, ' ').trim();
};
_this.renderScrollBar = function () {
if (!_this.props.scrollbar || !_this.props.scrollbar.el) return false;
var scrollbarCustomizedClass = _this.validateClass(_this.props.scrollbarCustomizedClass);
var scrollbarClass = _this.validateClass(_this.props.scrollbar.el);
return _react2["default"].createElement('div', { className: [scrollbarClass, scrollbarCustomizedClass].join(' ') });
};
_this.renderPagination = function () {
if (!_this.props.pagination || !_this.props.pagination.el) return false;
var paginationCustomizedClass = _this.validateClass(_this.props.paginationCustomizedClass);
var paginationClass = _this.validateClass(_this.props.pagination.el);
return _react2["default"].createElement('div', { className: [paginationClass, paginationCustomizedClass].join(' ') });
};
_this.renderNextButton = function () {
if (!_this.props.navigation || !_this.props.navigation.nextEl) return false;
var nextButtonCustomizedClass = _this.validateClass(_this.props.nextButtonCustomizedClass);
var nextButtonClass = _this.validateClass(_this.props.navigation.nextEl);
return _react2["default"].createElement('div', { className: [nextButtonClass, nextButtonCustomizedClass].join(' ') });
};
_this.renderPrevButton = function () {
if (!_this.props.navigation || !_this.props.navigation.prevEl) return false;
var prevButtonCustomizedClass = _this.validateClass(_this.props.prevButtonCustomizedClass);
var prevButtonClass = _this.validateClass(_this.props.navigation.prevEl);
return _react2["default"].createElement('div', { className: [prevButtonClass, prevButtonCustomizedClass].join(' ') });
};
_this.renderParallax = function () {
if (!_this.props.parallax || !_this.props.parallaxEl) return false;
var parallaxBgClass = _this.validateClass(_this.props.parallaxEl.el);
return _react2["default"].createElement('div', { className: parallaxBgClass, 'data-swiper-parallax': _this.props.parallaxEl.value });
};
_this.renderContent = function (e) {
if (!e) return null;
var _this$props = _this.props,
slideClass = _this$props.slideClass,
noSwiping = _this$props.noSwiping;
var noSwipingClass = noSwiping ? 'swiper-no-swiping' : '';
var childProps = _extends({}, e.props, {
className: [slideClass, e.props.className, noSwipingClass].join(' ')
});
return _react2["default"].cloneElement(e, _extends({}, childProps));
};
return _this;
}
Carousel.prototype.componentDidMount = function componentDidMount() {
this.swiper = new _swiper2["default"](_reactDom2["default"].findDOMNode(this), _extends({}, this.props));
};
Carousel.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
if (this.props.rebuildOnUpdate && typeof this.swiper !== 'undefined') {
this.swiper.destroy(true, true);
this.swiper = new _swiper2["default"](_reactDom2["default"].findDOMNode(this), _extends({}, nextProps));
}
};
Carousel.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
return nextProps.children !== this.props.children;
};
Carousel.prototype.componentDidUpdate = function componentDidUpdate() {
var _this2 = this;
if (this.props.rebuildOnUpdate && typeof this.swiper !== 'undefined') {
this.swiper.destroy(true, true);
this.swiper = new _swiper2["default"](_reactDom2["default"].findDOMNode(this), _extends({}, this.props));
} else if (this.props.shouldSwiperUpdate && typeof this.swiper !== 'undefined') {
this.swiper.update();
var numSlides = this.swiper.slides.length;
if (numSlides <= this.swiper.activeIndex) {
var index = Math.max(numSlides - 1, 0);
this.swiper.slideTo(index);
}
}
if (this.props.activeSlideKey) {
var activeSlideId = null;
var id = 0;
_react2["default"].Children.forEach(this.props.children, function (child) {
if (child) {
if (child.key === _this2.props.activeSlideKey) {
activeSlideId = id;
}
id++;
}
});
if (activeSlideId !== null) {
this.swiper.slideTo(activeSlideId);
}
}
};
Carousel.prototype.componentWillUnmount = function componentWillUnmount() {
if (typeof this.swiper !== 'undefined') this.swiper.destroy(true, true);
delete this.swiper;
};
Carousel.prototype.render = function render() {
var _props = this.props,
containerClass = _props.containerClass,
wrapperClass = _props.wrapperClass,
children = _props.children,
rtl = _props.rtl,
others = _objectWithoutProperties(_props, ['containerClass', 'wrapperClass', 'children', 'rtl']);
var rtlProp = rtl ? { dir: 'rtl' } : {};
var customProps = _extends({}, (0, _omit2["default"])(others, ['pagination', 'navigation', 'spaceBetween', 'slideClass', 'containerClass', 'wrapperClass', 'slideClass', 'effect', 'slidesPerView', 'breakpoints']));
return _react2["default"].createElement(
'div',
_extends({ className: containerClass }, rtlProp, customProps),
this.renderParallax(),
_react2["default"].createElement(
'div',
{ className: wrapperClass },
_react2["default"].Children.map(children, this.renderContent)
),
this.renderPagination(),
this.renderScrollBar(),
this.renderNextButton(),
this.renderPrevButton()
);
};
return Carousel;
}(_react2["default"].Component);
Carousel.defaultProps = defaultProps;
Carousel.propTypes = propTypes;
exports["default"] = Carousel;
module.exports = exports['default'];
/***/ }),
/***/ 1086:
/***/ (function(module, exports, __webpack_require__) {
/**
* Swiper 4.5.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: September 13, 2019
*/
(function (global, factory) {
true ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global = global || self, global.Swiper = factory());
}(this, function () { 'use strict';
/**
* SSR Window 1.0.1
* Better handling for window object in SSR environment
* https://github.com/nolimits4web/ssr-window
*
* Copyright 2018, Vladimir Kharlampidi
*
* Licensed under MIT
*
* Released on: July 18, 2018
*/
var doc = (typeof document === 'undefined') ? {
body: {},
addEventListener: function addEventListener() {},
removeEventListener: function removeEventListener() {},
activeElement: {
blur: function blur() {},
nodeName: '',
},
querySelector: function querySelector() {
return null;
},
querySelectorAll: function querySelectorAll() {
return [];
},
getElementById: function getElementById() {
return null;
},
createEvent: function createEvent() {
return {
initEvent: function initEvent() {},
};
},
createElement: function createElement() {
return {
children: [],
childNodes: [],
style: {},
setAttribute: function setAttribute() {},
getElementsByTagName: function getElementsByTagName() {
return [];
},
};
},
location: { hash: '' },
} : document; // eslint-disable-line
var win = (typeof window === 'undefined') ? {
document: doc,
navigator: {
userAgent: '',
},
location: {},
history: {},
CustomEvent: function CustomEvent() {
return this;
},
addEventListener: function addEventListener() {},
removeEventListener: function removeEventListener() {},
getComputedStyle: function getComputedStyle() {
return {
getPropertyValue: function getPropertyValue() {
return '';
},
};
},
Image: function Image() {},
Date: function Date() {},
screen: {},
setTimeout: function setTimeout() {},
clearTimeout: function clearTimeout() {},
} : window; // eslint-disable-line
/**
* Dom7 2.1.3
* Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
* http://framework7.io/docs/dom.html
*
* Copyright 2019, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: February 11, 2019
*/
var Dom7 = function Dom7(arr) {
var self = this;
// Create array-like object
for (var i = 0; i < arr.length; i += 1) {
self[i] = arr[i];
}
self.length = arr.length;
// Return collection with methods
return this;
};
function $(selector, context) {
var arr = [];
var i = 0;
if (selector && !context) {
if (selector instanceof Dom7) {
return selector;
}
}
if (selector) {
// String
if (typeof selector === 'string') {
var els;
var tempParent;
var html = selector.trim();
if (html.indexOf('<') >= 0 && html.indexOf('>') >= 0) {
var toCreate = 'div';
if (html.indexOf('<li') === 0) { toCreate = 'ul'; }
if (html.indexOf('<tr') === 0) { toCreate = 'tbody'; }
if (html.indexOf('<td') === 0 || html.indexOf('<th') === 0) { toCreate = 'tr'; }
if (html.indexOf('<tbody') === 0) { toCreate = 'table'; }
if (html.indexOf('<option') === 0) { toCreate = 'select'; }
tempParent = doc.createElement(toCreate);
tempParent.innerHTML = html;
for (i = 0; i < tempParent.childNodes.length; i += 1) {
arr.push(tempParent.childNodes[i]);
}
} else {
if (!context && selector[0] === '#' && !selector.match(/[ .<>:~]/)) {
// Pure ID selector
els = [doc.getElementById(selector.trim().split('#')[1])];
} else {
// Other selectors
els = (context || doc).querySelectorAll(selector.trim());
}
for (i = 0; i < els.length; i += 1) {
if (els[i]) { arr.push(els[i]); }
}
}
} else if (selector.nodeType || selector === win || selector === doc) {
// Node/element
arr.push(selector);
} else if (selector.length > 0 && selector[0].nodeType) {
// Array of elements or instance of Dom
for (i = 0; i < selector.length; i += 1) {
arr.push(selector[i]);
}
}
}
return new Dom7(arr);
}
$.fn = Dom7.prototype;
$.Class = Dom7;
$.Dom7 = Dom7;
function unique(arr) {
var uniqueArray = [];
for (var i = 0; i < arr.length; i += 1) {
if (uniqueArray.indexOf(arr[i]) === -1) { uniqueArray.push(arr[i]); }
}
return uniqueArray;
}
// Classes and attributes
function addClass(className) {
if (typeof className === 'undefined') {
return this;
}
var classes = className.split(' ');
for (var i = 0; i < classes.length; i += 1) {
for (var j = 0; j < this.length; j += 1) {
if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.add(classes[i]); }
}
}
return this;
}
function removeClass(className) {
var classes = className.split(' ');
for (var i = 0; i < classes.length; i += 1) {
for (var j = 0; j < this.length; j += 1) {
if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.remove(classes[i]); }
}
}
return this;
}
function hasClass(className) {
if (!this[0]) { return false; }
return this[0].classList.contains(className);
}
function toggleClass(className) {
var classes = className.split(' ');
for (var i = 0; i < classes.length; i += 1) {
for (var j = 0; j < this.length; j += 1) {
if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.toggle(classes[i]); }
}
}
return this;
}
function attr(attrs, value) {
var arguments$1 = arguments;
if (arguments.length === 1 && typeof attrs === 'string') {
// Get attr
if (this[0]) { return this[0].getAttribute(attrs); }
return undefined;
}
// Set attrs
for (var i = 0; i < this.length; i += 1) {
if (arguments$1.length === 2) {
// String
this[i].setAttribute(attrs, value);
} else {
// Object
// eslint-disable-next-line
for (var attrName in attrs) {
this[i][attrName] = attrs[attrName];
this[i].setAttribute(attrName, attrs[attrName]);
}
}
}
return this;
}
// eslint-disable-next-line
function removeAttr(attr) {
for (var i = 0; i < this.length; i += 1) {
this[i].removeAttribute(attr);
}
return this;
}
function data(key, value) {
var el;
if (typeof value === 'undefined') {
el = this[0];
// Get value
if (el) {
if (el.dom7ElementDataStorage && (key in el.dom7ElementDataStorage)) {
return el.dom7ElementDataStorage[key];
}
var dataKey = el.getAttribute(("data-" + key));
if (dataKey) {
return dataKey;
}
return undefined;
}
return undefined;
}
// Set value
for (var i = 0; i < this.length; i += 1) {
el = this[i];
if (!el.dom7ElementDataStorage) { el.dom7ElementDataStorage = {}; }
el.dom7ElementDataStorage[key] = value;
}
return this;
}
// Transforms
// eslint-disable-next-line
function transform(transform) {
for (var i = 0; i < this.length; i += 1) {
var elStyle = this[i].style;
elStyle.webkitTransform = transform;
elStyle.transform = transform;
}
return this;
}
function transition(duration) {
if (typeof duration !== 'string') {
duration = duration + "ms"; // eslint-disable-line
}
for (var i = 0; i < this.length; i += 1) {
var elStyle = this[i].style;
elStyle.webkitTransitionDuration = duration;
elStyle.transitionDuration = duration;
}
return this;
}
// Events
function on() {
var assign;
var args = [], len = arguments.length;
while ( len-- ) args[ len ] = arguments[ len ];
var eventType = args[0];
var targetSelector = args[1];
var listener = args[2];
var capture = args[3];
if (typeof args[1] === 'function') {
(assign = args, eventType = assign[0], listener = assign[1], capture = assign[2]);
targetSelector = undefined;
}
if (!capture) { capture = false; }
function handleLiveEvent(e) {
var target = e.target;
if (!target) { return; }
var eventData = e.target.dom7EventData || [];
if (eventData.indexOf(e) < 0) {
eventData.unshift(e);
}
if ($(target).is(targetSelector)) { listener.apply(target, eventData); }
else {
var parents = $(target).parents(); // eslint-disable-line
for (var k = 0; k < parents.length; k += 1) {
if ($(parents[k]).is(targetSelector)) { listener.apply(parents[k], eventData); }
}
}
}
function handleEvent(e) {
var eventData = e && e.target ? e.target.dom7EventData || [] : [];
if (eventData.indexOf(e) < 0) {
eventData.unshift(e);
}
listener.apply(this, eventData);
}
var events = eventType.split(' ');
var j;
for (var i = 0; i < this.length; i += 1) {
var el = this[i];
if (!targetSelector) {
for (j = 0; j < events.length; j += 1) {
var event = events[j];
if (!el.dom7Listeners) { el.dom7Listeners = {}; }
if (!el.dom7Listeners[event]) { el.dom7Listeners[event] = []; }
el.dom7Listeners[event].push({
listener: listener,
proxyListener: handleEvent,
});
el.addEventListener(event, handleEvent, capture);
}
} else {
// Live events
for (j = 0; j < events.length; j += 1) {
var event$1 = events[j];
if (!el.dom7LiveListeners) { el.dom7LiveListeners = {}; }
if (!el.dom7LiveListeners[event$1]) { el.dom7LiveListeners[event$1] = []; }
el.dom7LiveListeners[event$1].push({
listener: listener,
proxyListener: handleLiveEvent,
});
el.addEventListener(event$1, handleLiveEvent, capture);
}
}
}
return this;
}
function off() {
var assign;
var args = [], len = arguments.length;
while ( len-- ) args[ len ] = arguments[ len ];
var eventType = args[0];
var targetSelector = args[1];
var listener = args[2];
var capture = args[3];
if (typeof args[1] === 'function') {
(assign = args, eventType = assign[0], listener = assign[1], capture = assign[2]);
targetSelector = undefined;
}
if (!capture) { capture = false; }
var events = eventType.split(' ');
for (var i = 0; i < events.length; i += 1) {
var event = events[i];
for (var j = 0; j < this.length; j += 1) {
var el = this[j];
var handlers = (void 0);
if (!targetSelector && el.dom7Listeners) {
handlers = el.dom7Listeners[event];
} else if (targetSelector && el.dom7LiveListeners) {
handlers = el.dom7LiveListeners[event];
}
if (handlers && handlers.length) {
for (var k = handlers.length - 1; k >= 0; k -= 1) {
var handler = handlers[k];
if (listener && handler.listener === listener) {
el.removeEventListener(event, handler.proxyListener, capture);
handlers.splice(k, 1);
} else if (listener && handler.listener && handler.listener.dom7proxy && handler.listener.dom7proxy === listener) {
el.removeEventListener(event, handler.proxyListener, capture);
handlers.splice(k, 1);
} else if (!listener) {
el.removeEventListener(event, handler.proxyListener, capture);
handlers.splice(k, 1);
}
}
}
}
}
return this;
}
function trigger() {
var args = [], len = arguments.length;
while ( len-- ) args[ len ] = arguments[ len ];
var events = args[0].split(' ');
var eventData = args[1];
for (var i = 0; i < events.length; i += 1) {
var event = events[i];
for (var j = 0; j < this.length; j += 1) {
var el = this[j];
var evt = (void 0);
try {
evt = new win.CustomEvent(event, {
detail: eventData,
bubbles: true,
cancelable: true,
});
} catch (e) {
evt = doc.createEvent('Event');
evt.initEvent(event, true, true);
evt.detail = eventData;
}
// eslint-disable-next-line
el.dom7EventData = args.filter(function (data, dataIndex) { return dataIndex > 0; });
el.dispatchEvent(evt);
el.dom7EventData = [];
delete el.dom7EventData;
}
}
return this;
}
function transitionEnd(callback) {
var events = ['webkitTransitionEnd', 'transitionend'];
var dom = this;
var i;
function fireCallBack(e) {
/* jshint validthis:true */
if (e.target !== this) { return; }
callback.call(this, e);
for (i = 0; i < events.length; i += 1) {
dom.off(events[i], fireCallBack);
}
}
if (callback) {
for (i = 0; i < events.length; i += 1) {
dom.on(events[i], fireCallBack);
}
}
return this;
}
function outerWidth(includeMargins) {
if (this.length > 0) {
if (includeMargins) {
// eslint-disable-next-line
var styles = this.styles();
return this[0].offsetWidth + parseFloat(styles.getPropertyValue('margin-right')) + parseFloat(styles.getPropertyValue('margin-left'));
}
return this[0].offsetWidth;
}
return null;
}
function outerHeight(includeMargins) {
if (this.length > 0) {
if (includeMargins) {
// eslint-disable-next-line
var styles = this.styles();
return this[0].offsetHeight + parseFloat(styles.getPropertyValue('margin-top')) + parseFloat(styles.getPropertyValue('margin-bottom'));
}
return this[0].offsetHeight;
}
return null;
}
function offset() {
if (this.length > 0) {
var el = this[0];
var box = el.getBoundingClientRect();
var body = doc.body;
var clientTop = el.clientTop || body.clientTop || 0;
var clientLeft = el.clientLeft || body.clientLeft || 0;
var scrollTop = el === win ? win.scrollY : el.scrollTop;
var scrollLeft = el === win ? win.scrollX : el.scrollLeft;
return {
top: (box.top + scrollTop) - clientTop,
left: (box.left + scrollLeft) - clientLeft,
};
}
return null;
}
function styles() {
if (this[0]) { return win.getComputedStyle(this[0], null); }
return {};
}
function css(props, value) {
var i;
if (arguments.length === 1) {
if (typeof props === 'string') {
if (this[0]) { return win.getComputedStyle(this[0], null).getPropertyValue(props); }
} else {
for (i = 0; i < this.length; i += 1) {
// eslint-disable-next-line
for (var prop in props) {
this[i].style[prop] = props[prop];
}
}
return this;
}
}
if (arguments.length === 2 && typeof props === 'string') {
for (i = 0; i < this.length; i += 1) {
this[i].style[props] = value;
}
return this;
}
return this;
}
// Iterate over the collection passing elements to `callback`
function each(callback) {
// Don't bother continuing without a callback
if (!callback) { return this; }
// Iterate over the current collection
for (var i = 0; i < this.length; i += 1) {
// If the callback returns false
if (callback.call(this[i], i, this[i]) === false) {
// End the loop early
return this;
}
}
// Return `this` to allow chained DOM operations
return this;
}
// eslint-disable-next-line
function html(html) {
if (typeof html === 'undefined') {
return this[0] ? this[0].innerHTML : undefined;
}
for (var i = 0; i < this.length; i += 1) {
this[i].innerHTML = html;
}
return this;
}
// eslint-disable-next-line
function text(text) {
if (typeof text === 'undefined') {
if (this[0]) {
return this[0].textContent.trim();
}
return null;
}
for (var i = 0; i < this.length; i += 1) {
this[i].textContent = text;
}
return this;
}
function is(selector) {
var el = this[0];
var compareWith;
var i;
if (!el || typeof selector === 'undefined') { return false; }
if (typeof selector === 'string') {
if (el.matches) { return el.matches(selector); }
else if (el.webkitMatchesSelector) { return el.webkitMatchesSelector(selector); }
else if (el.msMatchesSelector) { return el.msMatchesSelector(selector); }
compareWith = $(selector);
for (i = 0; i < compareWith.length; i += 1) {
if (compareWith[i] === el) { return true; }
}
return false;
} else if (selector === doc) { return el === doc; }
else if (selector === win) { return el === win; }
if (selector.nodeType || selector instanceof Dom7) {
compareWith = selector.nodeType ? [selector] : selector;
for (i = 0; i < compareWith.length; i += 1) {
if (compareWith[i] === el) { return true; }
}
return false;
}
return false;
}
function index() {
var child = this[0];
var i;
if (child) {
i = 0;
// eslint-disable-next-line
while ((child = child.previousSibling) !== null) {
if (child.nodeType === 1) { i += 1; }
}
return i;
}
return undefined;
}
// eslint-disable-next-line
function eq(index) {
if (typeof index === 'undefined') { return this; }
var length = this.length;
var returnIndex;
if (index > length - 1) {
return new Dom7([]);
}
if (index < 0) {
returnIndex = length + index;
if (returnIndex < 0) { return new Dom7([]); }
return new Dom7([this[returnIndex]]);
}
return new Dom7([this[index]]);
}
function append() {
var args = [], len = arguments.length;
while ( len-- ) args[ len ] = arguments[ len ];
var newChild;
for (var k = 0; k < args.length; k += 1) {
newChild = args[k];
for (var i = 0; i < this.length; i += 1) {
if (typeof newChild === 'string') {
var tempDiv = doc.createElement('div');
tempDiv.innerHTML = newChild;
while (tempDiv.firstChild) {
this[i].appendChild(tempDiv.firstChild);
}
} else if (newChild instanceof Dom7) {
for (var j = 0; j < newChild.length; j += 1) {
this[i].appendChild(newChild[j]);
}
} else {
this[i].appendChild(newChild);
}
}
}
return this;
}
function prepend(newChild) {
var i;
var j;
for (i = 0; i < this.length; i += 1) {
if (typeof newChild === 'string') {
var tempDiv = doc.createElement('div');
tempDiv.innerHTML = newChild;
for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) {
this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]);
}
} else if (newChild instanceof Dom7) {
for (j = 0; j < newChild.length; j += 1) {
this[i].insertBefore(newChild[j], this[i].childNodes[0]);
}
} else {
this[i].insertBefore(newChild, this[i].childNodes[0]);
}
}
return this;
}
function next(selector) {
if (this.length > 0) {
if (selector) {
if (this[0].nextElementSibling && $(this[0].nextElementSibling).is(selector)) {
return new Dom7([this[0].nextElementSibling]);
}
return new Dom7([]);
}
if (this[0].nextElementSibling) { return new Dom7([this[0].nextElementSibling]); }
return new Dom7([]);
}
return new Dom7([]);
}
function nextAll(selector) {
var nextEls = [];
var el = this[0];
if (!el) { return new Dom7([]); }
while (el.nextElementSibling) {
var next = el.nextElementSibling; // eslint-disable-line
if (selector) {
if ($(next).is(selector)) { nextEls.push(next); }
} else { nextEls.push(next); }
el = next;
}
return new Dom7(nextEls);
}
function prev(selector) {
if (this.length > 0) {
var el = this[0];
if (selector) {
if (el.previousElementSibling && $(el.previousElementSibling).is(selector)) {
return new Dom7([el.previousElementSibling]);
}
return new Dom7([]);
}
if (el.previousElementSibling) { return new Dom7([el.previousElementSibling]); }
return new Dom7([]);
}
return new Dom7([]);
}
function prevAll(selector) {
var prevEls = [];
var el = this[0];
if (!el) { return new Dom7([]); }
while (el.previousElementSibling) {
var prev = el.previousElementSibling; // eslint-disable-line
if (selector) {
if ($(prev).is(selector)) { prevEls.push(prev); }
} else { prevEls.push(prev); }
el = prev;
}
return new Dom7(prevEls);
}
function parent(selector) {
var parents = []; // eslint-disable-line
for (var i = 0; i < this.length; i += 1) {
if (this[i].parentNode !== null) {
if (selector) {
if ($(this[i].parentNode).is(selector)) { parents.push(this[i].parentNode); }
} else {
parents.push(this[i].parentNode);
}
}
}
return $(unique(parents));
}
function parents(selector) {
var parents = []; // eslint-disable-line
for (var i = 0; i < this.length; i += 1) {
var parent = this[i].parentNode; // eslint-disable-line
while (parent) {
if (selector) {
if ($(parent).is(selector)) { parents.push(parent); }
} else {
parents.push(parent);
}
parent = parent.parentNode;
}
}
return $(unique(parents));
}
function closest(selector) {
var closest = this; // eslint-disable-line
if (typeof selector === 'undefined') {
return new Dom7([]);
}
if (!closest.is(selector)) {
closest = closest.parents(selector).eq(0);
}
return closest;
}
function find(selector) {
var foundElements = [];
for (var i = 0; i < this.length; i += 1) {
var found = this[i].querySelectorAll(selector);
for (var j = 0; j < found.length; j += 1) {
foundElements.push(found[j]);
}
}
return new Dom7(foundElements);
}
function children(selector) {
var children = []; // eslint-disable-line
for (var i = 0; i < this.length; i += 1) {
var childNodes = this[i].childNodes;
for (var j = 0; j < childNodes.length; j += 1) {
if (!selector) {
if (childNodes[j].nodeType === 1) { children.push(childNodes[j]); }
} else if (childNodes[j].nodeType === 1 && $(childNodes[j]).is(selector)) {
children.push(childNodes[j]);
}
}
}
return new Dom7(unique(children));
}
function remove() {
for (var i = 0; i < this.length; i += 1) {
if (this[i].parentNode) { this[i].parentNode.removeChild(this[i]); }
}
return this;
}
function add() {
var args = [], len = arguments.length;
while ( len-- ) args[ len ] = arguments[ len ];
var dom = this;
var i;
var j;
for (i = 0; i < args.length; i += 1) {
var toAdd = $(args[i]);
fo