191 lines
4.8 KiB
JavaScript
191 lines
4.8 KiB
JavaScript
|
'use strict';
|
||
|
|
||
|
Object.defineProperty(exports, '__esModule', {
|
||
|
value: true
|
||
|
});
|
||
|
var hasClass = function hasClass(elem, className) {
|
||
|
return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
|
||
|
};
|
||
|
|
||
|
var addClass = function addClass(elem, className) {
|
||
|
if (!hasClass(elem, className)) {
|
||
|
elem.className += ' ' + className;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var removeClass = function removeClass(elem, className) {
|
||
|
var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
|
||
|
if (hasClass(elem, className)) {
|
||
|
while (newClass.indexOf(' ' + className + ' ') >= 0) {
|
||
|
newClass = newClass.replace(' ' + className + ' ', ' ');
|
||
|
}
|
||
|
elem.className = newClass.replace(/^\s+|\s+$/g, '');
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var escapeHtml = function escapeHtml(str) {
|
||
|
var div = document.createElement('div');
|
||
|
div.appendChild(document.createTextNode(str));
|
||
|
return div.innerHTML;
|
||
|
};
|
||
|
|
||
|
var _show = function _show(elem) {
|
||
|
elem.style.opacity = '';
|
||
|
elem.style.display = 'block';
|
||
|
};
|
||
|
|
||
|
var show = function show(elems) {
|
||
|
if (elems && !elems.length) {
|
||
|
return _show(elems);
|
||
|
}
|
||
|
for (var i = 0; i < elems.length; ++i) {
|
||
|
_show(elems[i]);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var _hide = function _hide(elem) {
|
||
|
elem.style.opacity = '';
|
||
|
elem.style.display = 'none';
|
||
|
};
|
||
|
|
||
|
var hide = function hide(elems) {
|
||
|
if (elems && !elems.length) {
|
||
|
return _hide(elems);
|
||
|
}
|
||
|
for (var i = 0; i < elems.length; ++i) {
|
||
|
_hide(elems[i]);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var isDescendant = function isDescendant(parent, child) {
|
||
|
var node = child.parentNode;
|
||
|
while (node !== null) {
|
||
|
if (node === parent) {
|
||
|
return true;
|
||
|
}
|
||
|
node = node.parentNode;
|
||
|
}
|
||
|
return false;
|
||
|
};
|
||
|
|
||
|
var getTopMargin = function getTopMargin(elem) {
|
||
|
elem.style.left = '-9999px';
|
||
|
elem.style.display = 'block';
|
||
|
|
||
|
var height = elem.clientHeight,
|
||
|
padding;
|
||
|
if (typeof getComputedStyle !== 'undefined') {
|
||
|
// IE 8
|
||
|
padding = parseInt(getComputedStyle(elem).getPropertyValue('padding-top'), 10);
|
||
|
} else {
|
||
|
padding = parseInt(elem.currentStyle.padding);
|
||
|
}
|
||
|
|
||
|
elem.style.left = '';
|
||
|
elem.style.display = 'none';
|
||
|
return '-' + parseInt((height + padding) / 2) + 'px';
|
||
|
};
|
||
|
|
||
|
var fadeIn = function fadeIn(elem, interval) {
|
||
|
if (+elem.style.opacity < 1) {
|
||
|
interval = interval || 16;
|
||
|
elem.style.opacity = 0;
|
||
|
elem.style.display = 'block';
|
||
|
var last = +new Date();
|
||
|
var tick = (function (_tick) {
|
||
|
function tick() {
|
||
|
return _tick.apply(this, arguments);
|
||
|
}
|
||
|
|
||
|
tick.toString = function () {
|
||
|
return _tick.toString();
|
||
|
};
|
||
|
|
||
|
return tick;
|
||
|
})(function () {
|
||
|
elem.style.opacity = +elem.style.opacity + (new Date() - last) / 100;
|
||
|
last = +new Date();
|
||
|
|
||
|
if (+elem.style.opacity < 1) {
|
||
|
setTimeout(tick, interval);
|
||
|
}
|
||
|
});
|
||
|
tick();
|
||
|
}
|
||
|
elem.style.display = 'block'; //fallback IE8
|
||
|
};
|
||
|
|
||
|
var fadeOut = function fadeOut(elem, interval) {
|
||
|
interval = interval || 16;
|
||
|
elem.style.opacity = 1;
|
||
|
var last = +new Date();
|
||
|
var tick = (function (_tick2) {
|
||
|
function tick() {
|
||
|
return _tick2.apply(this, arguments);
|
||
|
}
|
||
|
|
||
|
tick.toString = function () {
|
||
|
return _tick2.toString();
|
||
|
};
|
||
|
|
||
|
return tick;
|
||
|
})(function () {
|
||
|
elem.style.opacity = +elem.style.opacity - (new Date() - last) / 100;
|
||
|
last = +new Date();
|
||
|
|
||
|
if (+elem.style.opacity > 0) {
|
||
|
setTimeout(tick, interval);
|
||
|
} else {
|
||
|
elem.style.display = 'none';
|
||
|
}
|
||
|
});
|
||
|
tick();
|
||
|
};
|
||
|
|
||
|
var fireClick = function fireClick(node) {
|
||
|
// Taken from http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
|
||
|
// Then fixed for today's Chrome browser.
|
||
|
if (typeof MouseEvent === 'function') {
|
||
|
// Up-to-date approach
|
||
|
var mevt = new MouseEvent('click', {
|
||
|
view: window,
|
||
|
bubbles: false,
|
||
|
cancelable: true
|
||
|
});
|
||
|
node.dispatchEvent(mevt);
|
||
|
} else if (document.createEvent) {
|
||
|
// Fallback
|
||
|
var evt = document.createEvent('MouseEvents');
|
||
|
evt.initEvent('click', false, false);
|
||
|
node.dispatchEvent(evt);
|
||
|
} else if (document.createEventObject) {
|
||
|
node.fireEvent('onclick');
|
||
|
} else if (typeof node.onclick === 'function') {
|
||
|
node.onclick();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var stopEventPropagation = function stopEventPropagation(e) {
|
||
|
// In particular, make sure the space bar doesn't scroll the main window.
|
||
|
if (typeof e.stopPropagation === 'function') {
|
||
|
e.stopPropagation();
|
||
|
e.preventDefault();
|
||
|
} else if (window.event && window.event.hasOwnProperty('cancelBubble')) {
|
||
|
window.event.cancelBubble = true;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
exports.hasClass = hasClass;
|
||
|
exports.addClass = addClass;
|
||
|
exports.removeClass = removeClass;
|
||
|
exports.escapeHtml = escapeHtml;
|
||
|
exports._show = _show;
|
||
|
exports.show = show;
|
||
|
exports._hide = _hide;
|
||
|
exports.hide = hide;
|
||
|
exports.isDescendant = isDescendant;
|
||
|
exports.getTopMargin = getTopMargin;
|
||
|
exports.fadeIn = fadeIn;
|
||
|
exports.fadeOut = fadeOut;
|
||
|
exports.fireClick = fireClick;
|
||
|
exports.stopEventPropagation = stopEventPropagation;
|