| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- // https://gist.github.com/paulirish/1579671
- let lastTime = 0;
- let vendors = ['ms', 'moz', 'webkit', 'o'];
- let _requestAnimationFrame = window.requestAnimationFrame;
- let _cancelAnimationFrame = window.cancelAnimationFrame;
- for (let x = 0; x < vendors.length && !_requestAnimationFrame; ++x) {
- _requestAnimationFrame = window[`${vendors[x]}RequestAnimationFrame`];
- _cancelAnimationFrame = window[`${vendors[x]}CancelAnimationFrame`] || window[`${vendors[x]}CancelRequestAnimationFrame`];
- }
- if (!_requestAnimationFrame) {
- _requestAnimationFrame = function(callback) {
- let currTime = new Date().getTime();
- let timeToCall = Math.max(0, 16 - (currTime - lastTime));
- let id = window.setTimeout(() => {
- callback(currTime + timeToCall);
- }, timeToCall);
- lastTime = currTime + timeToCall;
- return id;
- };
- }
- if (!_cancelAnimationFrame) {
- _cancelAnimationFrame = function(id) {
- clearTimeout(id);
- };
- }
- /**
- * Polyfill for requestAnimationFrame
- *
- * @param {Function} callback
- * @returns {Number}
- */
- export function requestAnimationFrame(callback) {
- return _requestAnimationFrame.call(window, callback);
- }
- /**
- * Polyfill for cancelAnimationFrame
- *
- * @param {Number} id
- */
- export function cancelAnimationFrame(id) {
- _cancelAnimationFrame.call(window, id);
- }
- export function isTouchSupported() {
- return ('ontouchstart' in window);
- }
- /**
- * Checks if browser is support web components natively
- *
- * @returns {Boolean}
- */
- export function isWebComponentSupportedNatively() {
- var test = document.createElement('div');
- return !!(test.createShadowRoot && test.createShadowRoot.toString().match(/\[native code\]/));
- }
- var _hasCaptionProblem;
- function detectCaptionProblem() {
- var TABLE = document.createElement('TABLE');
- TABLE.style.borderSpacing = 0;
- TABLE.style.borderWidth = 0;
- TABLE.style.padding = 0;
- var TBODY = document.createElement('TBODY');
- TABLE.appendChild(TBODY);
- TBODY.appendChild(document.createElement('TR'));
- TBODY.firstChild.appendChild(document.createElement('TD'));
- TBODY.firstChild.firstChild.innerHTML = '<tr><td>t<br>t</td></tr>';
- var CAPTION = document.createElement('CAPTION');
- CAPTION.innerHTML = 'c<br>c<br>c<br>c';
- CAPTION.style.padding = 0;
- CAPTION.style.margin = 0;
- TABLE.insertBefore(CAPTION, TBODY);
- document.body.appendChild(TABLE);
- _hasCaptionProblem = (TABLE.offsetHeight < 2 * TABLE.lastChild.offsetHeight); // boolean
- document.body.removeChild(TABLE);
- }
- export function hasCaptionProblem() {
- if (_hasCaptionProblem === void 0) {
- detectCaptionProblem();
- }
- return _hasCaptionProblem;
- }
- let comparisonFunction;
- /**
- * Get string comparison function for sorting purposes. It supports multilingual string comparison base on Internationalization API.
- *
- * @param {String} [language]
- * @param {Object} [options]
- * @returns {*}
- */
- export function getComparisonFunction(language, options = {}) {
- if (comparisonFunction) {
- return comparisonFunction;
- }
- if (typeof Intl === 'object') {
- comparisonFunction = new Intl.Collator(language, options).compare;
- } else if (typeof String.prototype.localeCompare === 'function') {
- comparisonFunction = (a, b) => (`${a}`).localeCompare(b);
- } else {
- comparisonFunction = (a, b) => {
- if (a === b) {
- return 0;
- }
- return a > b ? -1 : 1;
- };
- }
- return comparisonFunction;
- }
|