|
|
/*
|
|
|
@package NOTY - Dependency-free notification library
|
|
|
@version version: 3.2.0-beta
|
|
|
@contributors https://github.com/needim/noty/graphs/contributors
|
|
|
@documentation Examples and Documentation - https://ned.im/noty
|
|
|
@license Licensed under the MIT licenses: http://www.opensource.org/licenses/mit-license.php
|
|
|
*/
|
|
|
|
|
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
|
module.exports = factory();
|
|
|
else if(typeof define === 'function' && define.amd)
|
|
|
define("Noty", [], factory);
|
|
|
else if(typeof exports === 'object')
|
|
|
exports["Noty"] = factory();
|
|
|
else
|
|
|
root["Noty"] = factory();
|
|
|
})(this, function() {
|
|
|
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;
|
|
|
/******/
|
|
|
/******/ // identity function for calling harmony imports with the correct context
|
|
|
/******/ __webpack_require__.i = function(value) { return value; };
|
|
|
/******/
|
|
|
/******/ // 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 = 6);
|
|
|
/******/ })
|
|
|
/************************************************************************/
|
|
|
/******/ ([
|
|
|
/* 0 */
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.css = exports.deepExtend = exports.animationEndEvents = undefined;
|
|
|
|
|
|
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
|
|
|
|
|
exports.inArray = inArray;
|
|
|
exports.stopPropagation = stopPropagation;
|
|
|
exports.generateID = generateID;
|
|
|
exports.outerHeight = outerHeight;
|
|
|
exports.addListener = addListener;
|
|
|
exports.hasClass = hasClass;
|
|
|
exports.addClass = addClass;
|
|
|
exports.removeClass = removeClass;
|
|
|
exports.remove = remove;
|
|
|
exports.classList = classList;
|
|
|
exports.visibilityChangeFlow = visibilityChangeFlow;
|
|
|
exports.createAudioElements = createAudioElements;
|
|
|
|
|
|
var _api = __webpack_require__(1);
|
|
|
|
|
|
var API = _interopRequireWildcard(_api);
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
|
|
|
|
var animationEndEvents = exports.animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
|
|
|
|
|
|
function inArray(needle, haystack, argStrict) {
|
|
|
var key = void 0;
|
|
|
var strict = !!argStrict;
|
|
|
|
|
|
if (strict) {
|
|
|
for (key in haystack) {
|
|
|
if (haystack.hasOwnProperty(key) && haystack[key] === needle) {
|
|
|
return true;
|
|
|
}
|
|
|
}
|
|
|
} else {
|
|
|
for (key in haystack) {
|
|
|
if (haystack.hasOwnProperty(key) && haystack[key] === needle) {
|
|
|
return true;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
function stopPropagation(evt) {
|
|
|
evt = evt || window.event;
|
|
|
|
|
|
if (typeof evt.stopPropagation !== 'undefined') {
|
|
|
evt.stopPropagation();
|
|
|
} else {
|
|
|
evt.cancelBubble = true;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var deepExtend = exports.deepExtend = function deepExtend(out) {
|
|
|
out = out || {};
|
|
|
|
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
|
var obj = arguments[i];
|
|
|
|
|
|
if (!obj) continue;
|
|
|
|
|
|
for (var key in obj) {
|
|
|
if (obj.hasOwnProperty(key)) {
|
|
|
if (Array.isArray(obj[key])) {
|
|
|
out[key] = obj[key];
|
|
|
} else if (_typeof(obj[key]) === 'object' && obj[key] !== null) {
|
|
|
out[key] = deepExtend(out[key], obj[key]);
|
|
|
} else {
|
|
|
out[key] = obj[key];
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return out;
|
|
|
};
|
|
|
|
|
|
function generateID() {
|
|
|
var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
|
|
|
|
var id = 'noty_' + prefix + '_';
|
|
|
|
|
|
id += 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
|
var r = Math.random() * 16 | 0;
|
|
|
var v = c === 'x' ? r : r & 0x3 | 0x8;
|
|
|
return v.toString(16);
|
|
|
});
|
|
|
|
|
|
return id;
|
|
|
}
|
|
|
|
|
|
function outerHeight(el) {
|
|
|
var height = el.offsetHeight;
|
|
|
var style = window.getComputedStyle(el);
|
|
|
|
|
|
height += parseInt(style.marginTop) + parseInt(style.marginBottom);
|
|
|
return height;
|
|
|
}
|
|
|
|
|
|
var css = exports.css = function () {
|
|
|
var cssPrefixes = ['Webkit', 'O', 'Moz', 'ms'];
|
|
|
var cssProps = {};
|
|
|
|
|
|
function camelCase(string) {
|
|
|
return string.replace(/^-ms-/, 'ms-').replace(/-([\da-z])/gi, function (match, letter) {
|
|
|
return letter.toUpperCase();
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function getVendorProp(name) {
|
|
|
var style = document.body.style;
|
|
|
if (name in style) return name;
|
|
|
|
|
|
var i = cssPrefixes.length;
|
|
|
var capName = name.charAt(0).toUpperCase() + name.slice(1);
|
|
|
var vendorName = void 0;
|
|
|
|
|
|
while (i--) {
|
|
|
vendorName = cssPrefixes[i] + capName;
|
|
|
if (vendorName in style) return vendorName;
|
|
|
}
|
|
|
|
|
|
return name;
|
|
|
}
|
|
|
|
|
|
function getStyleProp(name) {
|
|
|
name = camelCase(name);
|
|
|
return cssProps[name] || (cssProps[name] = getVendorProp(name));
|
|
|
}
|
|
|
|
|
|
function applyCss(element, prop, value) {
|
|
|
prop = getStyleProp(prop);
|
|
|
element.style[prop] = value;
|
|
|
}
|
|
|
|
|
|
return function (element, properties) {
|
|
|
var args = arguments;
|
|
|
var prop = void 0;
|
|
|
var value = void 0;
|
|
|
|
|
|
if (args.length === 2) {
|
|
|
for (prop in properties) {
|
|
|
if (properties.hasOwnProperty(prop)) {
|
|
|
value = properties[prop];
|
|
|
if (value !== undefined && properties.hasOwnProperty(prop)) {
|
|
|
applyCss(element, prop, value);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
} else {
|
|
|
applyCss(element, args[1], args[2]);
|
|
|
}
|
|
|
};
|
|
|
}();
|
|
|
|
|
|
function addListener(el, events, cb) {
|
|
|
var useCapture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
|
|
|
|
events = events.split(' ');
|
|
|
for (var i = 0; i < events.length; i++) {
|
|
|
if (document.addEventListener) {
|
|
|
el.addEventListener(events[i], cb, useCapture);
|
|
|
} else if (document.attachEvent) {
|
|
|
el.attachEvent('on' + events[i], cb);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function hasClass(element, name) {
|
|
|
var list = typeof element === 'string' ? element : classList(element);
|
|
|
return list.indexOf(' ' + name + ' ') >= 0;
|
|
|
}
|
|
|
|
|
|
function addClass(element, name) {
|
|
|
var oldList = classList(element);
|
|
|
var newList = oldList + name;
|
|
|
|
|
|
if (hasClass(oldList, name)) return;
|
|
|
|
|
|
// Trim the opening space.
|
|
|
element.className = newList.substring(1);
|
|
|
}
|
|
|
|
|
|
function removeClass(element, name) {
|
|
|
var oldList = classList(element);
|
|
|
var newList = void 0;
|
|
|
|
|
|
if (!hasClass(element, name)) return;
|
|
|
|
|
|
// Replace the class name.
|
|
|
newList = oldList.replace(' ' + name + ' ', ' ');
|
|
|
|
|
|
// Trim the opening and closing spaces.
|
|
|
element.className = newList.substring(1, newList.length - 1);
|
|
|
}
|
|
|
|
|
|
function remove(element) {
|
|
|
if (element.parentNode) {
|
|
|
element.parentNode.removeChild(element);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function classList(element) {
|
|
|
return (' ' + (element && element.className || '') + ' ').replace(/\s+/gi, ' ');
|
|
|
}
|
|
|
|
|
|
function visibilityChangeFlow() {
|
|
|
var hidden = void 0;
|
|
|
var visibilityChange = void 0;
|
|
|
if (typeof document.hidden !== 'undefined') {
|
|
|
// Opera 12.10 and Firefox 18 and later support
|
|
|
hidden = 'hidden';
|
|
|
visibilityChange = 'visibilitychange';
|
|
|
} else if (typeof document.msHidden !== 'undefined') {
|
|
|
hidden = 'msHidden';
|
|
|
visibilityChange = 'msvisibilitychange';
|
|
|
} else if (typeof document.webkitHidden !== 'undefined') {
|
|
|
hidden = 'webkitHidden';
|
|
|
visibilityChange = 'webkitvisibilitychange';
|
|
|
}
|
|
|
|
|
|
function onVisibilityChange() {
|
|
|
API.PageHidden = document[hidden];
|
|
|
handleVisibilityChange();
|
|
|
}
|
|
|
|
|
|
function onBlur() {
|
|
|
API.PageHidden = true;
|
|
|
handleVisibilityChange();
|
|
|
}
|
|
|
|
|
|
function onFocus() {
|
|
|
API.PageHidden = false;
|
|
|
handleVisibilityChange();
|
|
|
}
|
|
|
|
|
|
function handleVisibilityChange() {
|
|
|
if (API.PageHidden) stopAll();else resumeAll();
|
|
|
}
|
|
|
|
|
|
function stopAll() {
|
|
|
setTimeout(function () {
|
|
|
Object.keys(API.Store).forEach(function (id) {
|
|
|
if (API.Store.hasOwnProperty(id)) {
|
|
|
if (API.Store[id].options.visibilityControl) {
|
|
|
API.Store[id].stop();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}, 100);
|
|
|
}
|
|
|
|
|
|
function resumeAll() {
|
|
|
setTimeout(function () {
|
|
|
Object.keys(API.Store).forEach(function (id) {
|
|
|
if (API.Store.hasOwnProperty(id)) {
|
|
|
if (API.Store[id].options.visibilityControl) {
|
|
|
API.Store[id].resume();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
API.queueRenderAll();
|
|
|
}, 100);
|
|
|
}
|
|
|
|
|
|
if (visibilityChange) {
|
|
|
addListener(document, visibilityChange, onVisibilityChange);
|
|
|
}
|
|
|
|
|
|
addListener(window, 'blur', onBlur);
|
|
|
addListener(window, 'focus', onFocus);
|
|
|
}
|
|
|
|
|
|
function createAudioElements(ref) {
|
|
|
if (ref.hasSound) {
|
|
|
var audioElement = document.createElement('audio');
|
|
|
|
|
|
ref.options.sounds.sources.forEach(function (s) {
|
|
|
var source = document.createElement('source');
|
|
|
source.src = s;
|
|
|
source.type = 'audio/' + getExtension(s);
|
|
|
audioElement.appendChild(source);
|
|
|
});
|
|
|
|
|
|
if (ref.barDom) {
|
|
|
ref.barDom.appendChild(audioElement);
|
|
|
} else {
|
|
|
document.querySelector('body').appendChild(audioElement);
|
|
|
}
|
|
|
|
|
|
audioElement.volume = ref.options.sounds.volume;
|
|
|
|
|
|
if (!ref.soundPlayed) {
|
|
|
audioElement.play();
|
|
|
ref.soundPlayed = true;
|
|
|
}
|
|
|
|
|
|
audioElement.onended = function () {
|
|
|
remove(audioElement);
|
|
|
};
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function getExtension(fileName) {
|
|
|
return fileName.match(/\.([^.]+)$/)[1];
|
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
|
/* 1 */
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.Defaults = exports.Store = exports.Queues = exports.DefaultMaxVisible = exports.docTitle = exports.DocModalCount = exports.PageHidden = undefined;
|
|
|
exports.getQueueCounts = getQueueCounts;
|
|
|
exports.addToQueue = addToQueue;
|
|
|
exports.removeFromQueue = removeFromQueue;
|
|
|
exports.queueRender = queueRender;
|
|
|
exports.queueRenderAll = queueRenderAll;
|
|
|
exports.ghostFix = ghostFix;
|
|
|
exports.build = build;
|
|
|
exports.hasButtons = hasButtons;
|
|
|
exports.handleModal = handleModal;
|
|
|
exports.handleModalClose = handleModalClose;
|
|
|
exports.queueClose = queueClose;
|
|
|
exports.dequeueClose = dequeueClose;
|
|
|
exports.fire = fire;
|
|
|
exports.openFlow = openFlow;
|
|
|
exports.closeFlow = closeFlow;
|
|
|
|
|
|
var _utils = __webpack_require__(0);
|
|
|
|
|
|
var Utils = _interopRequireWildcard(_utils);
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
|
|
|
|
var PageHidden = exports.PageHidden = false;
|
|
|
var DocModalCount = exports.DocModalCount = 0;
|
|
|
|
|
|
var DocTitleProps = {
|
|
|
originalTitle: null,
|
|
|
count: 0,
|
|
|
changed: false,
|
|
|
timer: -1
|
|
|
};
|
|
|
|
|
|
var docTitle = exports.docTitle = {
|
|
|
increment: function increment() {
|
|
|
DocTitleProps.count++;
|
|
|
|
|
|
docTitle._update();
|
|
|
},
|
|
|
|
|
|
decrement: function decrement() {
|
|
|
DocTitleProps.count--;
|
|
|
|
|
|
if (DocTitleProps.count <= 0) {
|
|
|
docTitle._clear();
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
docTitle._update();
|
|
|
},
|
|
|
|
|
|
_update: function _update() {
|
|
|
var title = document.title;
|
|
|
|
|
|
if (!DocTitleProps.changed) {
|
|
|
DocTitleProps.originalTitle = title;
|
|
|
document.title = '(' + DocTitleProps.count + ') ' + title;
|
|
|
DocTitleProps.changed = true;
|
|
|
} else {
|
|
|
document.title = '(' + DocTitleProps.count + ') ' + DocTitleProps.originalTitle;
|
|
|
}
|
|
|
},
|
|
|
|
|
|
_clear: function _clear() {
|
|
|
if (DocTitleProps.changed) {
|
|
|
DocTitleProps.count = 0;
|
|
|
document.title = DocTitleProps.originalTitle;
|
|
|
DocTitleProps.changed = false;
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var DefaultMaxVisible = exports.DefaultMaxVisible = 5;
|
|
|
|
|
|
var Queues = exports.Queues = {
|
|
|
global: {
|
|
|
maxVisible: DefaultMaxVisible,
|
|
|
queue: []
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var Store = exports.Store = {};
|
|
|
|
|
|
var Defaults = exports.Defaults = {
|
|
|
type: 'alert',
|
|
|
layout: 'topRight',
|
|
|
theme: 'mint',
|
|
|
text: '',
|
|
|
timeout: false,
|
|
|
progressBar: true,
|
|
|
closeWith: ['click'],
|
|
|
animation: {
|
|
|
open: 'noty_effects_open',
|
|
|
close: 'noty_effects_close'
|
|
|
},
|
|
|
id: false,
|
|
|
force: false,
|
|
|
killer: false,
|
|
|
queue: 'global',
|
|
|
container: false,
|
|
|
buttons: [],
|
|
|
callbacks: {
|
|
|
beforeShow: null,
|
|
|
onShow: null,
|
|
|
afterShow: null,
|
|
|
onClose: null,
|
|
|
afterClose: null,
|
|
|
onClick: null,
|
|
|
onHover: null,
|
|
|
onTemplate: null
|
|
|
},
|
|
|
sounds: {
|
|
|
sources: [],
|
|
|
volume: 1,
|
|
|
conditions: []
|
|
|
},
|
|
|
titleCount: {
|
|
|
conditions: []
|
|
|
},
|
|
|
modal: false,
|
|
|
visibilityControl: false
|
|
|
|
|
|
/**
|
|
|
* @param {string} queueName
|
|
|
* @return {object}
|
|
|
*/
|
|
|
};function getQueueCounts() {
|
|
|
var queueName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'global';
|
|
|
|
|
|
var count = 0;
|
|
|
var max = DefaultMaxVisible;
|
|
|
|
|
|
if (Queues.hasOwnProperty(queueName)) {
|
|
|
max = Queues[queueName].maxVisible;
|
|
|
Object.keys(Store).forEach(function (i) {
|
|
|
if (Store[i].options.queue === queueName && !Store[i].closed) count++;
|
|
|
});
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
current: count,
|
|
|
maxVisible: max
|
|
|
};
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function addToQueue(ref) {
|
|
|
if (!Queues.hasOwnProperty(ref.options.queue)) {
|
|
|
Queues[ref.options.queue] = { maxVisible: DefaultMaxVisible, queue: [] };
|
|
|
}
|
|
|
|
|
|
Queues[ref.options.queue].queue.push(ref);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function removeFromQueue(ref) {
|
|
|
if (Queues.hasOwnProperty(ref.options.queue)) {
|
|
|
var queue = [];
|
|
|
Object.keys(Queues[ref.options.queue].queue).forEach(function (i) {
|
|
|
if (Queues[ref.options.queue].queue[i].id !== ref.id) {
|
|
|
queue.push(Queues[ref.options.queue].queue[i]);
|
|
|
}
|
|
|
});
|
|
|
Queues[ref.options.queue].queue = queue;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {string} queueName
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function queueRender() {
|
|
|
var queueName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'global';
|
|
|
|
|
|
if (Queues.hasOwnProperty(queueName)) {
|
|
|
var noty = Queues[queueName].queue.shift();
|
|
|
|
|
|
if (noty) noty.show();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function queueRenderAll() {
|
|
|
Object.keys(Queues).forEach(function (queueName) {
|
|
|
queueRender(queueName);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function ghostFix(ref) {
|
|
|
var ghostID = Utils.generateID('ghost');
|
|
|
var ghost = document.createElement('div');
|
|
|
ghost.setAttribute('id', ghostID);
|
|
|
Utils.css(ghost, {
|
|
|
height: Utils.outerHeight(ref.barDom) + 'px'
|
|
|
});
|
|
|
|
|
|
ref.barDom.insertAdjacentHTML('afterend', ghost.outerHTML);
|
|
|
|
|
|
Utils.remove(ref.barDom);
|
|
|
ghost = document.getElementById(ghostID);
|
|
|
Utils.addClass(ghost, 'noty_fix_effects_height');
|
|
|
Utils.addListener(ghost, Utils.animationEndEvents, function () {
|
|
|
Utils.remove(ghost);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function build(ref) {
|
|
|
findOrCreateContainer(ref);
|
|
|
|
|
|
var markup = '<div class="noty_body">' + ref.options.text + '</div>' + buildButtons(ref) + '<div class="noty_progressbar"></div>';
|
|
|
|
|
|
ref.barDom = document.createElement('div');
|
|
|
ref.barDom.setAttribute('id', ref.id);
|
|
|
Utils.addClass(ref.barDom, 'noty_bar noty_type__' + ref.options.type + ' noty_theme__' + ref.options.theme);
|
|
|
|
|
|
ref.barDom.innerHTML = markup;
|
|
|
|
|
|
fire(ref, 'onTemplate');
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {boolean}
|
|
|
*/
|
|
|
function hasButtons(ref) {
|
|
|
return !!(ref.options.buttons && Object.keys(ref.options.buttons).length);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {string}
|
|
|
*/
|
|
|
function buildButtons(ref) {
|
|
|
if (hasButtons(ref)) {
|
|
|
var buttons = document.createElement('div');
|
|
|
Utils.addClass(buttons, 'noty_buttons');
|
|
|
|
|
|
Object.keys(ref.options.buttons).forEach(function (key) {
|
|
|
buttons.appendChild(ref.options.buttons[key].dom);
|
|
|
});
|
|
|
|
|
|
ref.options.buttons.forEach(function (btn) {
|
|
|
buttons.appendChild(btn.dom);
|
|
|
});
|
|
|
return buttons.outerHTML;
|
|
|
}
|
|
|
return '';
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function handleModal(ref) {
|
|
|
if (ref.options.modal) {
|
|
|
if (DocModalCount === 0) {
|
|
|
createModal(ref);
|
|
|
}
|
|
|
|
|
|
exports.DocModalCount = DocModalCount += 1;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function handleModalClose(ref) {
|
|
|
if (ref.options.modal && DocModalCount > 0) {
|
|
|
exports.DocModalCount = DocModalCount -= 1;
|
|
|
|
|
|
if (DocModalCount <= 0) {
|
|
|
var modal = document.querySelector('.noty_modal');
|
|
|
|
|
|
if (modal) {
|
|
|
Utils.removeClass(modal, 'noty_modal_open');
|
|
|
Utils.addClass(modal, 'noty_modal_close');
|
|
|
Utils.addListener(modal, Utils.animationEndEvents, function () {
|
|
|
Utils.remove(modal);
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function createModal() {
|
|
|
var body = document.querySelector('body');
|
|
|
var modal = document.createElement('div');
|
|
|
Utils.addClass(modal, 'noty_modal');
|
|
|
body.insertBefore(modal, body.firstChild);
|
|
|
Utils.addClass(modal, 'noty_modal_open');
|
|
|
|
|
|
Utils.addListener(modal, Utils.animationEndEvents, function () {
|
|
|
Utils.removeClass(modal, 'noty_modal_open');
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function findOrCreateContainer(ref) {
|
|
|
if (ref.options.container) {
|
|
|
ref.layoutDom = document.querySelector(ref.options.container);
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var layoutID = 'noty_layout__' + ref.options.layout;
|
|
|
ref.layoutDom = document.querySelector('div#' + layoutID);
|
|
|
|
|
|
if (!ref.layoutDom) {
|
|
|
ref.layoutDom = document.createElement('div');
|
|
|
ref.layoutDom.setAttribute('id', layoutID);
|
|
|
ref.layoutDom.setAttribute('role', 'alert');
|
|
|
ref.layoutDom.setAttribute('aria-live', 'polite');
|
|
|
Utils.addClass(ref.layoutDom, 'noty_layout');
|
|
|
document.querySelector('body').appendChild(ref.layoutDom);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function queueClose(ref) {
|
|
|
if (ref.options.timeout) {
|
|
|
if (ref.options.progressBar && ref.progressDom) {
|
|
|
Utils.css(ref.progressDom, {
|
|
|
transition: 'width ' + ref.options.timeout + 'ms linear',
|
|
|
width: '0%'
|
|
|
});
|
|
|
}
|
|
|
|
|
|
clearTimeout(ref.closeTimer);
|
|
|
|
|
|
ref.closeTimer = setTimeout(function () {
|
|
|
ref.close();
|
|
|
}, ref.options.timeout);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function dequeueClose(ref) {
|
|
|
if (ref.options.timeout && ref.closeTimer) {
|
|
|
clearTimeout(ref.closeTimer);
|
|
|
ref.closeTimer = -1;
|
|
|
|
|
|
if (ref.options.progressBar && ref.progressDom) {
|
|
|
Utils.css(ref.progressDom, {
|
|
|
transition: 'width 0ms linear',
|
|
|
width: '100%'
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @param {string} eventName
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function fire(ref, eventName) {
|
|
|
if (ref.listeners.hasOwnProperty(eventName)) {
|
|
|
ref.listeners[eventName].forEach(function (cb) {
|
|
|
if (typeof cb === 'function') {
|
|
|
cb.apply(ref);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function openFlow(ref) {
|
|
|
fire(ref, 'afterShow');
|
|
|
queueClose(ref);
|
|
|
|
|
|
Utils.addListener(ref.barDom, 'mouseenter', function () {
|
|
|
dequeueClose(ref);
|
|
|
});
|
|
|
|
|
|
Utils.addListener(ref.barDom, 'mouseleave', function () {
|
|
|
queueClose(ref);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {Noty} ref
|
|
|
* @return {void}
|
|
|
*/
|
|
|
function closeFlow(ref) {
|
|
|
delete Store[ref.id];
|
|
|
ref.closing = false;
|
|
|
fire(ref, 'afterClose');
|
|
|
|
|
|
Utils.remove(ref.barDom);
|
|
|
|
|
|
if (ref.layoutDom.querySelectorAll('.noty_bar').length === 0 && !ref.options.container) {
|
|
|
Utils.remove(ref.layoutDom);
|
|
|
}
|
|
|
|
|
|
if (Utils.inArray('docVisible', ref.options.titleCount.conditions) || Utils.inArray('docHidden', ref.options.titleCount.conditions)) {
|
|
|
docTitle.decrement();
|
|
|
}
|
|
|
|
|
|
queueRender(ref.options.queue);
|
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
|
/* 2 */
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.NotyButton = undefined;
|
|
|
|
|
|
var _utils = __webpack_require__(0);
|
|
|
|
|
|
var Utils = _interopRequireWildcard(_utils);
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
var NotyButton = exports.NotyButton = function NotyButton(html, classes, cb) {
|
|
|
var _this = this;
|
|
|
|
|
|
var attributes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
|
|
|
|
_classCallCheck(this, NotyButton);
|
|
|
|
|
|
this.dom = document.createElement('button');
|
|
|
this.dom.innerHTML = html;
|
|
|
this.id = attributes.id = attributes.id || Utils.generateID('button');
|
|
|
this.cb = cb;
|
|
|
Object.keys(attributes).forEach(function (propertyName) {
|
|
|
_this.dom.setAttribute(propertyName, attributes[propertyName]);
|
|
|
});
|
|
|
Utils.addClass(this.dom, classes || 'noty_btn');
|
|
|
|
|
|
return this;
|
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
|
/* 3 */
|
|
|
/***/ (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; }; }();
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
var Push = exports.Push = function () {
|
|
|
function Push() {
|
|
|
var workerPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '/service-worker.js';
|
|
|
|
|
|
_classCallCheck(this, Push);
|
|
|
|
|
|
this.subData = {};
|
|
|
this.workerPath = workerPath;
|
|
|
this.listeners = {
|
|
|
onPermissionGranted: [],
|
|
|
onPermissionDenied: [],
|
|
|
onSubscriptionSuccess: [],
|
|
|
onSubscriptionCancel: [],
|
|
|
onWorkerError: [],
|
|
|
onWorkerSuccess: [],
|
|
|
onWorkerNotSupported: []
|
|
|
};
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {string} eventName
|
|
|
* @param {function} cb
|
|
|
* @return {Push}
|
|
|
*/
|
|
|
|
|
|
|
|
|
_createClass(Push, [{
|
|
|
key: 'on',
|
|
|
value: function on(eventName) {
|
|
|
var cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
|
|
|
|
|
|
if (typeof cb === 'function' && this.listeners.hasOwnProperty(eventName)) {
|
|
|
this.listeners[eventName].push(cb);
|
|
|
}
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'fire',
|
|
|
value: function fire(eventName) {
|
|
|
var _this = this;
|
|
|
|
|
|
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
|
|
|
|
if (this.listeners.hasOwnProperty(eventName)) {
|
|
|
this.listeners[eventName].forEach(function (cb) {
|
|
|
if (typeof cb === 'function') {
|
|
|
cb.apply(_this, params);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'create',
|
|
|
value: function create() {
|
|
|
console.log('NOT IMPLEMENTED YET');
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {boolean}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'isSupported',
|
|
|
value: function isSupported() {
|
|
|
var result = false;
|
|
|
|
|
|
try {
|
|
|
result = window.Notification || window.webkitNotifications || navigator.mozNotification || window.external && window.external.msIsSiteMode() !== undefined;
|
|
|
} catch (e) {}
|
|
|
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {string}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'getPermissionStatus',
|
|
|
value: function getPermissionStatus() {
|
|
|
var perm = 'default';
|
|
|
|
|
|
if (window.Notification && window.Notification.permissionLevel) {
|
|
|
perm = window.Notification.permissionLevel;
|
|
|
} else if (window.webkitNotifications && window.webkitNotifications.checkPermission) {
|
|
|
switch (window.webkitNotifications.checkPermission()) {
|
|
|
case 1:
|
|
|
perm = 'default';
|
|
|
break;
|
|
|
case 0:
|
|
|
perm = 'granted';
|
|
|
break;
|
|
|
default:
|
|
|
perm = 'denied';
|
|
|
}
|
|
|
} else if (window.Notification && window.Notification.permission) {
|
|
|
perm = window.Notification.permission;
|
|
|
} else if (navigator.mozNotification) {
|
|
|
perm = 'granted';
|
|
|
} else if (window.external && window.external.msIsSiteMode() !== undefined) {
|
|
|
perm = window.external.msIsSiteMode() ? 'granted' : 'default';
|
|
|
}
|
|
|
|
|
|
return perm.toString().toLowerCase();
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {string}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'getEndpoint',
|
|
|
value: function getEndpoint(subscription) {
|
|
|
var endpoint = subscription.endpoint;
|
|
|
var subscriptionId = subscription.subscriptionId;
|
|
|
|
|
|
// fix for Chrome < 45
|
|
|
if (subscriptionId && endpoint.indexOf(subscriptionId) === -1) {
|
|
|
endpoint += '/' + subscriptionId;
|
|
|
}
|
|
|
|
|
|
return endpoint;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {boolean}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'isSWRegistered',
|
|
|
value: function isSWRegistered() {
|
|
|
try {
|
|
|
return navigator.serviceWorker.controller.state === 'activated';
|
|
|
} catch (e) {
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {void}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'unregisterWorker',
|
|
|
value: function unregisterWorker() {
|
|
|
var self = this;
|
|
|
if ('serviceWorker' in navigator) {
|
|
|
navigator.serviceWorker.getRegistrations().then(function (registrations) {
|
|
|
var _iteratorNormalCompletion = true;
|
|
|
var _didIteratorError = false;
|
|
|
var _iteratorError = undefined;
|
|
|
|
|
|
try {
|
|
|
for (var _iterator = registrations[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
|
var registration = _step.value;
|
|
|
|
|
|
registration.unregister();
|
|
|
self.fire('onSubscriptionCancel');
|
|
|
}
|
|
|
} catch (err) {
|
|
|
_didIteratorError = true;
|
|
|
_iteratorError = err;
|
|
|
} finally {
|
|
|
try {
|
|
|
if (!_iteratorNormalCompletion && _iterator.return) {
|
|
|
_iterator.return();
|
|
|
}
|
|
|
} finally {
|
|
|
if (_didIteratorError) {
|
|
|
throw _iteratorError;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {void}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'requestSubscription',
|
|
|
value: function requestSubscription() {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var userVisibleOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
|
|
|
|
var self = this;
|
|
|
var current = this.getPermissionStatus();
|
|
|
var cb = function cb(result) {
|
|
|
if (result === 'granted') {
|
|
|
_this2.fire('onPermissionGranted');
|
|
|
|
|
|
if ('serviceWorker' in navigator) {
|
|
|
navigator.serviceWorker.register(_this2.workerPath).then(function () {
|
|
|
navigator.serviceWorker.ready.then(function (serviceWorkerRegistration) {
|
|
|
self.fire('onWorkerSuccess');
|
|
|
serviceWorkerRegistration.pushManager.subscribe({
|
|
|
userVisibleOnly: userVisibleOnly
|
|
|
}).then(function (subscription) {
|
|
|
var key = subscription.getKey('p256dh');
|
|
|
var token = subscription.getKey('auth');
|
|
|
|
|
|
self.subData = {
|
|
|
endpoint: self.getEndpoint(subscription),
|
|
|
p256dh: key ? window.btoa(String.fromCharCode.apply(null, new Uint8Array(key))) : null,
|
|
|
auth: token ? window.btoa(String.fromCharCode.apply(null, new Uint8Array(token))) : null
|
|
|
};
|
|
|
|
|
|
self.fire('onSubscriptionSuccess', [self.subData]);
|
|
|
}).catch(function (err) {
|
|
|
self.fire('onWorkerError', [err]);
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
} else {
|
|
|
self.fire('onWorkerNotSupported');
|
|
|
}
|
|
|
} else if (result === 'denied') {
|
|
|
_this2.fire('onPermissionDenied');
|
|
|
_this2.unregisterWorker();
|
|
|
}
|
|
|
};
|
|
|
|
|
|
if (current === 'default') {
|
|
|
if (window.Notification && window.Notification.requestPermission) {
|
|
|
window.Notification.requestPermission(cb);
|
|
|
} else if (window.webkitNotifications && window.webkitNotifications.checkPermission) {
|
|
|
window.webkitNotifications.requestPermission(cb);
|
|
|
}
|
|
|
} else {
|
|
|
cb(current);
|
|
|
}
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Push;
|
|
|
}();
|
|
|
|
|
|
/***/ }),
|
|
|
/* 4 */
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
/* WEBPACK VAR INJECTION */(function(process, global) {var require;/*!
|
|
|
* @overview es6-promise - a tiny implementation of Promises/A+.
|
|
|
* @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
|
|
|
* @license Licensed under MIT license
|
|
|
* See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
|
|
|
* @version 4.1.1
|
|
|
*/
|
|
|
|
|
|
(function (global, factory) {
|
|
|
true ? module.exports = factory() :
|
|
|
typeof define === 'function' && define.amd ? define(factory) :
|
|
|
(global.ES6Promise = factory());
|
|
|
}(this, (function () { 'use strict';
|
|
|
|
|
|
function objectOrFunction(x) {
|
|
|
var type = typeof x;
|
|
|
return x !== null && (type === 'object' || type === 'function');
|
|
|
}
|
|
|
|
|
|
function isFunction(x) {
|
|
|
return typeof x === 'function';
|
|
|
}
|
|
|
|
|
|
var _isArray = undefined;
|
|
|
if (Array.isArray) {
|
|
|
_isArray = Array.isArray;
|
|
|
} else {
|
|
|
_isArray = function (x) {
|
|
|
return Object.prototype.toString.call(x) === '[object Array]';
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var isArray = _isArray;
|
|
|
|
|
|
var len = 0;
|
|
|
var vertxNext = undefined;
|
|
|
var customSchedulerFn = undefined;
|
|
|
|
|
|
var asap = function asap(callback, arg) {
|
|
|
queue[len] = callback;
|
|
|
queue[len + 1] = arg;
|
|
|
len += 2;
|
|
|
if (len === 2) {
|
|
|
// If len is 2, that means that we need to schedule an async flush.
|
|
|
// If additional callbacks are queued before the queue is flushed, they
|
|
|
// will be processed by this flush that we are scheduling.
|
|
|
if (customSchedulerFn) {
|
|
|
customSchedulerFn(flush);
|
|
|
} else {
|
|
|
scheduleFlush();
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
function setScheduler(scheduleFn) {
|
|
|
customSchedulerFn = scheduleFn;
|
|
|
}
|
|
|
|
|
|
function setAsap(asapFn) {
|
|
|
asap = asapFn;
|
|
|
}
|
|
|
|
|
|
var browserWindow = typeof window !== 'undefined' ? window : undefined;
|
|
|
var browserGlobal = browserWindow || {};
|
|
|
var BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;
|
|
|
var isNode = typeof self === 'undefined' && typeof process !== 'undefined' && ({}).toString.call(process) === '[object process]';
|
|
|
|
|
|
// test for web worker but not in IE10
|
|
|
var isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';
|
|
|
|
|
|
// node
|
|
|
function useNextTick() {
|
|
|
// node version 0.10.x displays a deprecation warning when nextTick is used recursively
|
|
|
// see https://github.com/cujojs/when/issues/410 for details
|
|
|
return function () {
|
|
|
return process.nextTick(flush);
|
|
|
};
|
|
|
}
|
|
|
|
|
|
// vertx
|
|
|
function useVertxTimer() {
|
|
|
if (typeof vertxNext !== 'undefined') {
|
|
|
return function () {
|
|
|
vertxNext(flush);
|
|
|
};
|
|
|
}
|
|
|
|
|
|
return useSetTimeout();
|
|
|
}
|
|
|
|
|
|
function useMutationObserver() {
|
|
|
var iterations = 0;
|
|
|
var observer = new BrowserMutationObserver(flush);
|
|
|
var node = document.createTextNode('');
|
|
|
observer.observe(node, { characterData: true });
|
|
|
|
|
|
return function () {
|
|
|
node.data = iterations = ++iterations % 2;
|
|
|
};
|
|
|
}
|
|
|
|
|
|
// web worker
|
|
|
function useMessageChannel() {
|
|
|
var channel = new MessageChannel();
|
|
|
channel.port1.onmessage = flush;
|
|
|
return function () {
|
|
|
return channel.port2.postMessage(0);
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function useSetTimeout() {
|
|
|
// Store setTimeout reference so es6-promise will be unaffected by
|
|
|
// other code modifying setTimeout (like sinon.useFakeTimers())
|
|
|
var globalSetTimeout = setTimeout;
|
|
|
return function () {
|
|
|
return globalSetTimeout(flush, 1);
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var queue = new Array(1000);
|
|
|
function flush() {
|
|
|
for (var i = 0; i < len; i += 2) {
|
|
|
var callback = queue[i];
|
|
|
var arg = queue[i + 1];
|
|
|
|
|
|
callback(arg);
|
|
|
|
|
|
queue[i] = undefined;
|
|
|
queue[i + 1] = undefined;
|
|
|
}
|
|
|
|
|
|
len = 0;
|
|
|
}
|
|
|
|
|
|
function attemptVertx() {
|
|
|
try {
|
|
|
var r = require;
|
|
|
var vertx = __webpack_require__(9);
|
|
|
vertxNext = vertx.runOnLoop || vertx.runOnContext;
|
|
|
return useVertxTimer();
|
|
|
} catch (e) {
|
|
|
return useSetTimeout();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var scheduleFlush = undefined;
|
|
|
// Decide what async method to use to triggering processing of queued callbacks:
|
|
|
if (isNode) {
|
|
|
scheduleFlush = useNextTick();
|
|
|
} else if (BrowserMutationObserver) {
|
|
|
scheduleFlush = useMutationObserver();
|
|
|
} else if (isWorker) {
|
|
|
scheduleFlush = useMessageChannel();
|
|
|
} else if (browserWindow === undefined && "function" === 'function') {
|
|
|
scheduleFlush = attemptVertx();
|
|
|
} else {
|
|
|
scheduleFlush = useSetTimeout();
|
|
|
}
|
|
|
|
|
|
function then(onFulfillment, onRejection) {
|
|
|
var _arguments = arguments;
|
|
|
|
|
|
var parent = this;
|
|
|
|
|
|
var child = new this.constructor(noop);
|
|
|
|
|
|
if (child[PROMISE_ID] === undefined) {
|
|
|
makePromise(child);
|
|
|
}
|
|
|
|
|
|
var _state = parent._state;
|
|
|
|
|
|
if (_state) {
|
|
|
(function () {
|
|
|
var callback = _arguments[_state - 1];
|
|
|
asap(function () {
|
|
|
return invokeCallback(_state, child, callback, parent._result);
|
|
|
});
|
|
|
})();
|
|
|
} else {
|
|
|
subscribe(parent, child, onFulfillment, onRejection);
|
|
|
}
|
|
|
|
|
|
return child;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
`Promise.resolve` returns a promise that will become resolved with the
|
|
|
passed `value`. It is shorthand for the following:
|
|
|
|
|
|
```javascript
|
|
|
let promise = new Promise(function(resolve, reject){
|
|
|
resolve(1);
|
|
|
});
|
|
|
|
|
|
promise.then(function(value){
|
|
|
// value === 1
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Instead of writing the above, your code now simply becomes the following:
|
|
|
|
|
|
```javascript
|
|
|
let promise = Promise.resolve(1);
|
|
|
|
|
|
promise.then(function(value){
|
|
|
// value === 1
|
|
|
});
|
|
|
```
|
|
|
|
|
|
@method resolve
|
|
|
@static
|
|
|
@param {Any} value value that the returned promise will be resolved with
|
|
|
Useful for tooling.
|
|
|
@return {Promise} a promise that will become fulfilled with the given
|
|
|
`value`
|
|
|
*/
|
|
|
function resolve$1(object) {
|
|
|
/*jshint validthis:true */
|
|
|
var Constructor = this;
|
|
|
|
|
|
if (object && typeof object === 'object' && object.constructor === Constructor) {
|
|
|
return object;
|
|
|
}
|
|
|
|
|
|
var promise = new Constructor(noop);
|
|
|
resolve(promise, object);
|
|
|
return promise;
|
|
|
}
|
|
|
|
|
|
var PROMISE_ID = Math.random().toString(36).substring(16);
|
|
|
|
|
|
function noop() {}
|
|
|
|
|
|
var PENDING = void 0;
|
|
|
var FULFILLED = 1;
|
|
|
var REJECTED = 2;
|
|
|
|
|
|
var GET_THEN_ERROR = new ErrorObject();
|
|
|
|
|
|
function selfFulfillment() {
|
|
|
return new TypeError("You cannot resolve a promise with itself");
|
|
|
}
|
|
|
|
|
|
function cannotReturnOwn() {
|
|
|
return new TypeError('A promises callback cannot return that same promise.');
|
|
|
}
|
|
|
|
|
|
function getThen(promise) {
|
|
|
try {
|
|
|
return promise.then;
|
|
|
} catch (error) {
|
|
|
GET_THEN_ERROR.error = error;
|
|
|
return GET_THEN_ERROR;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {
|
|
|
try {
|
|
|
then$$1.call(value, fulfillmentHandler, rejectionHandler);
|
|
|
} catch (e) {
|
|
|
return e;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function handleForeignThenable(promise, thenable, then$$1) {
|
|
|
asap(function (promise) {
|
|
|
var sealed = false;
|
|
|
var error = tryThen(then$$1, thenable, function (value) {
|
|
|
if (sealed) {
|
|
|
return;
|
|
|
}
|
|
|
sealed = true;
|
|
|
if (thenable !== value) {
|
|
|
resolve(promise, value);
|
|
|
} else {
|
|
|
fulfill(promise, value);
|
|
|
}
|
|
|
}, function (reason) {
|
|
|
if (sealed) {
|
|
|
return;
|
|
|
}
|
|
|
sealed = true;
|
|
|
|
|
|
reject(promise, reason);
|
|
|
}, 'Settle: ' + (promise._label || ' unknown promise'));
|
|
|
|
|
|
if (!sealed && error) {
|
|
|
sealed = true;
|
|
|
reject(promise, error);
|
|
|
}
|
|
|
}, promise);
|
|
|
}
|
|
|
|
|
|
function handleOwnThenable(promise, thenable) {
|
|
|
if (thenable._state === FULFILLED) {
|
|
|
fulfill(promise, thenable._result);
|
|
|
} else if (thenable._state === REJECTED) {
|
|
|
reject(promise, thenable._result);
|
|
|
} else {
|
|
|
subscribe(thenable, undefined, function (value) {
|
|
|
return resolve(promise, value);
|
|
|
}, function (reason) {
|
|
|
return reject(promise, reason);
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function handleMaybeThenable(promise, maybeThenable, then$$1) {
|
|
|
if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {
|
|
|
handleOwnThenable(promise, maybeThenable);
|
|
|
} else {
|
|
|
if (then$$1 === GET_THEN_ERROR) {
|
|
|
reject(promise, GET_THEN_ERROR.error);
|
|
|
GET_THEN_ERROR.error = null;
|
|
|
} else if (then$$1 === undefined) {
|
|
|
fulfill(promise, maybeThenable);
|
|
|
} else if (isFunction(then$$1)) {
|
|
|
handleForeignThenable(promise, maybeThenable, then$$1);
|
|
|
} else {
|
|
|
fulfill(promise, maybeThenable);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function resolve(promise, value) {
|
|
|
if (promise === value) {
|
|
|
reject(promise, selfFulfillment());
|
|
|
} else if (objectOrFunction(value)) {
|
|
|
handleMaybeThenable(promise, value, getThen(value));
|
|
|
} else {
|
|
|
fulfill(promise, value);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function publishRejection(promise) {
|
|
|
if (promise._onerror) {
|
|
|
promise._onerror(promise._result);
|
|
|
}
|
|
|
|
|
|
publish(promise);
|
|
|
}
|
|
|
|
|
|
function fulfill(promise, value) {
|
|
|
if (promise._state !== PENDING) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
promise._result = value;
|
|
|
promise._state = FULFILLED;
|
|
|
|
|
|
if (promise._subscribers.length !== 0) {
|
|
|
asap(publish, promise);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function reject(promise, reason) {
|
|
|
if (promise._state !== PENDING) {
|
|
|
return;
|
|
|
}
|
|
|
promise._state = REJECTED;
|
|
|
promise._result = reason;
|
|
|
|
|
|
asap(publishRejection, promise);
|
|
|
}
|
|
|
|
|
|
function subscribe(parent, child, onFulfillment, onRejection) {
|
|
|
var _subscribers = parent._subscribers;
|
|
|
var length = _subscribers.length;
|
|
|
|
|
|
parent._onerror = null;
|
|
|
|
|
|
_subscribers[length] = child;
|
|
|
_subscribers[length + FULFILLED] = onFulfillment;
|
|
|
_subscribers[length + REJECTED] = onRejection;
|
|
|
|
|
|
if (length === 0 && parent._state) {
|
|
|
asap(publish, parent);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function publish(promise) {
|
|
|
var subscribers = promise._subscribers;
|
|
|
var settled = promise._state;
|
|
|
|
|
|
if (subscribers.length === 0) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var child = undefined,
|
|
|
callback = undefined,
|
|
|
detail = promise._result;
|
|
|
|
|
|
for (var i = 0; i < subscribers.length; i += 3) {
|
|
|
child = subscribers[i];
|
|
|
callback = subscribers[i + settled];
|
|
|
|
|
|
if (child) {
|
|
|
invokeCallback(settled, child, callback, detail);
|
|
|
} else {
|
|
|
callback(detail);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
promise._subscribers.length = 0;
|
|
|
}
|
|
|
|
|
|
function ErrorObject() {
|
|
|
this.error = null;
|
|
|
}
|
|
|
|
|
|
var TRY_CATCH_ERROR = new ErrorObject();
|
|
|
|
|
|
function tryCatch(callback, detail) {
|
|
|
try {
|
|
|
return callback(detail);
|
|
|
} catch (e) {
|
|
|
TRY_CATCH_ERROR.error = e;
|
|
|
return TRY_CATCH_ERROR;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function invokeCallback(settled, promise, callback, detail) {
|
|
|
var hasCallback = isFunction(callback),
|
|
|
value = undefined,
|
|
|
error = undefined,
|
|
|
succeeded = undefined,
|
|
|
failed = undefined;
|
|
|
|
|
|
if (hasCallback) {
|
|
|
value = tryCatch(callback, detail);
|
|
|
|
|
|
if (value === TRY_CATCH_ERROR) {
|
|
|
failed = true;
|
|
|
error = value.error;
|
|
|
value.error = null;
|
|
|
} else {
|
|
|
succeeded = true;
|
|
|
}
|
|
|
|
|
|
if (promise === value) {
|
|
|
reject(promise, cannotReturnOwn());
|
|
|
return;
|
|
|
}
|
|
|
} else {
|
|
|
value = detail;
|
|
|
succeeded = true;
|
|
|
}
|
|
|
|
|
|
if (promise._state !== PENDING) {
|
|
|
// noop
|
|
|
} else if (hasCallback && succeeded) {
|
|
|
resolve(promise, value);
|
|
|
} else if (failed) {
|
|
|
reject(promise, error);
|
|
|
} else if (settled === FULFILLED) {
|
|
|
fulfill(promise, value);
|
|
|
} else if (settled === REJECTED) {
|
|
|
reject(promise, value);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function initializePromise(promise, resolver) {
|
|
|
try {
|
|
|
resolver(function resolvePromise(value) {
|
|
|
resolve(promise, value);
|
|
|
}, function rejectPromise(reason) {
|
|
|
reject(promise, reason);
|
|
|
});
|
|
|
} catch (e) {
|
|
|
reject(promise, e);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var id = 0;
|
|
|
function nextId() {
|
|
|
return id++;
|
|
|
}
|
|
|
|
|
|
function makePromise(promise) {
|
|
|
promise[PROMISE_ID] = id++;
|
|
|
promise._state = undefined;
|
|
|
promise._result = undefined;
|
|
|
promise._subscribers = [];
|
|
|
}
|
|
|
|
|
|
function Enumerator$1(Constructor, input) {
|
|
|
this._instanceConstructor = Constructor;
|
|
|
this.promise = new Constructor(noop);
|
|
|
|
|
|
if (!this.promise[PROMISE_ID]) {
|
|
|
makePromise(this.promise);
|
|
|
}
|
|
|
|
|
|
if (isArray(input)) {
|
|
|
this.length = input.length;
|
|
|
this._remaining = input.length;
|
|
|
|
|
|
this._result = new Array(this.length);
|
|
|
|
|
|
if (this.length === 0) {
|
|
|
fulfill(this.promise, this._result);
|
|
|
} else {
|
|
|
this.length = this.length || 0;
|
|
|
this._enumerate(input);
|
|
|
if (this._remaining === 0) {
|
|
|
fulfill(this.promise, this._result);
|
|
|
}
|
|
|
}
|
|
|
} else {
|
|
|
reject(this.promise, validationError());
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function validationError() {
|
|
|
return new Error('Array Methods must be provided an Array');
|
|
|
}
|
|
|
|
|
|
Enumerator$1.prototype._enumerate = function (input) {
|
|
|
for (var i = 0; this._state === PENDING && i < input.length; i++) {
|
|
|
this._eachEntry(input[i], i);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
Enumerator$1.prototype._eachEntry = function (entry, i) {
|
|
|
var c = this._instanceConstructor;
|
|
|
var resolve$$1 = c.resolve;
|
|
|
|
|
|
if (resolve$$1 === resolve$1) {
|
|
|
var _then = getThen(entry);
|
|
|
|
|
|
if (_then === then && entry._state !== PENDING) {
|
|
|
this._settledAt(entry._state, i, entry._result);
|
|
|
} else if (typeof _then !== 'function') {
|
|
|
this._remaining--;
|
|
|
this._result[i] = entry;
|
|
|
} else if (c === Promise$2) {
|
|
|
var promise = new c(noop);
|
|
|
handleMaybeThenable(promise, entry, _then);
|
|
|
this._willSettleAt(promise, i);
|
|
|
} else {
|
|
|
this._willSettleAt(new c(function (resolve$$1) {
|
|
|
return resolve$$1(entry);
|
|
|
}), i);
|
|
|
}
|
|
|
} else {
|
|
|
this._willSettleAt(resolve$$1(entry), i);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
Enumerator$1.prototype._settledAt = function (state, i, value) {
|
|
|
var promise = this.promise;
|
|
|
|
|
|
if (promise._state === PENDING) {
|
|
|
this._remaining--;
|
|
|
|
|
|
if (state === REJECTED) {
|
|
|
reject(promise, value);
|
|
|
} else {
|
|
|
this._result[i] = value;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if (this._remaining === 0) {
|
|
|
fulfill(promise, this._result);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
Enumerator$1.prototype._willSettleAt = function (promise, i) {
|
|
|
var enumerator = this;
|
|
|
|
|
|
subscribe(promise, undefined, function (value) {
|
|
|
return enumerator._settledAt(FULFILLED, i, value);
|
|
|
}, function (reason) {
|
|
|
return enumerator._settledAt(REJECTED, i, reason);
|
|
|
});
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
`Promise.all` accepts an array of promises, and returns a new promise which
|
|
|
is fulfilled with an array of fulfillment values for the passed promises, or
|
|
|
rejected with the reason of the first passed promise to be rejected. It casts all
|
|
|
elements of the passed iterable to promises as it runs this algorithm.
|
|
|
|
|
|
Example:
|
|
|
|
|
|
```javascript
|
|
|
let promise1 = resolve(1);
|
|
|
let promise2 = resolve(2);
|
|
|
let promise3 = resolve(3);
|
|
|
let promises = [ promise1, promise2, promise3 ];
|
|
|
|
|
|
Promise.all(promises).then(function(array){
|
|
|
// The array here would be [ 1, 2, 3 ];
|
|
|
});
|
|
|
```
|
|
|
|
|
|
If any of the `promises` given to `all` are rejected, the first promise
|
|
|
that is rejected will be given as an argument to the returned promises's
|
|
|
rejection handler. For example:
|
|
|
|
|
|
Example:
|
|
|
|
|
|
```javascript
|
|
|
let promise1 = resolve(1);
|
|
|
let promise2 = reject(new Error("2"));
|
|
|
let promise3 = reject(new Error("3"));
|
|
|
let promises = [ promise1, promise2, promise3 ];
|
|
|
|
|
|
Promise.all(promises).then(function(array){
|
|
|
// Code here never runs because there are rejected promises!
|
|
|
}, function(error) {
|
|
|
// error.message === "2"
|
|
|
});
|
|
|
```
|
|
|
|
|
|
@method all
|
|
|
@static
|
|
|
@param {Array} entries array of promises
|
|
|
@param {String} label optional string for labeling the promise.
|
|
|
Useful for tooling.
|
|
|
@return {Promise} promise that is fulfilled when all `promises` have been
|
|
|
fulfilled, or rejected if any of them become rejected.
|
|
|
@static
|
|
|
*/
|
|
|
function all$1(entries) {
|
|
|
return new Enumerator$1(this, entries).promise;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
`Promise.race` returns a new promise which is settled in the same way as the
|
|
|
first passed promise to settle.
|
|
|
|
|
|
Example:
|
|
|
|
|
|
```javascript
|
|
|
let promise1 = new Promise(function(resolve, reject){
|
|
|
setTimeout(function(){
|
|
|
resolve('promise 1');
|
|
|
}, 200);
|
|
|
});
|
|
|
|
|
|
let promise2 = new Promise(function(resolve, reject){
|
|
|
setTimeout(function(){
|
|
|
resolve('promise 2');
|
|
|
}, 100);
|
|
|
});
|
|
|
|
|
|
Promise.race([promise1, promise2]).then(function(result){
|
|
|
// result === 'promise 2' because it was resolved before promise1
|
|
|
// was resolved.
|
|
|
});
|
|
|
```
|
|
|
|
|
|
`Promise.race` is deterministic in that only the state of the first
|
|
|
settled promise matters. For example, even if other promises given to the
|
|
|
`promises` array argument are resolved, but the first settled promise has
|
|
|
become rejected before the other promises became fulfilled, the returned
|
|
|
promise will become rejected:
|
|
|
|
|
|
```javascript
|
|
|
let promise1 = new Promise(function(resolve, reject){
|
|
|
setTimeout(function(){
|
|
|
resolve('promise 1');
|
|
|
}, 200);
|
|
|
});
|
|
|
|
|
|
let promise2 = new Promise(function(resolve, reject){
|
|
|
setTimeout(function(){
|
|
|
reject(new Error('promise 2'));
|
|
|
}, 100);
|
|
|
});
|
|
|
|
|
|
Promise.race([promise1, promise2]).then(function(result){
|
|
|
// Code here never runs
|
|
|
}, function(reason){
|
|
|
// reason.message === 'promise 2' because promise 2 became rejected before
|
|
|
// promise 1 became fulfilled
|
|
|
});
|
|
|
```
|
|
|
|
|
|
An example real-world use case is implementing timeouts:
|
|
|
|
|
|
```javascript
|
|
|
Promise.race([ajax('foo.json'), timeout(5000)])
|
|
|
```
|
|
|
|
|
|
@method race
|
|
|
@static
|
|
|
@param {Array} promises array of promises to observe
|
|
|
Useful for tooling.
|
|
|
@return {Promise} a promise which settles in the same way as the first passed
|
|
|
promise to settle.
|
|
|
*/
|
|
|
function race$1(entries) {
|
|
|
/*jshint validthis:true */
|
|
|
var Constructor = this;
|
|
|
|
|
|
if (!isArray(entries)) {
|
|
|
return new Constructor(function (_, reject) {
|
|
|
return reject(new TypeError('You must pass an array to race.'));
|
|
|
});
|
|
|
} else {
|
|
|
return new Constructor(function (resolve, reject) {
|
|
|
var length = entries.length;
|
|
|
for (var i = 0; i < length; i++) {
|
|
|
Constructor.resolve(entries[i]).then(resolve, reject);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
`Promise.reject` returns a promise rejected with the passed `reason`.
|
|
|
It is shorthand for the following:
|
|
|
|
|
|
```javascript
|
|
|
let promise = new Promise(function(resolve, reject){
|
|
|
reject(new Error('WHOOPS'));
|
|
|
});
|
|
|
|
|
|
promise.then(function(value){
|
|
|
// Code here doesn't run because the promise is rejected!
|
|
|
}, function(reason){
|
|
|
// reason.message === 'WHOOPS'
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Instead of writing the above, your code now simply becomes the following:
|
|
|
|
|
|
```javascript
|
|
|
let promise = Promise.reject(new Error('WHOOPS'));
|
|
|
|
|
|
promise.then(function(value){
|
|
|
// Code here doesn't run because the promise is rejected!
|
|
|
}, function(reason){
|
|
|
// reason.message === 'WHOOPS'
|
|
|
});
|
|
|
```
|
|
|
|
|
|
@method reject
|
|
|
@static
|
|
|
@param {Any} reason value that the returned promise will be rejected with.
|
|
|
Useful for tooling.
|
|
|
@return {Promise} a promise rejected with the given `reason`.
|
|
|
*/
|
|
|
function reject$1(reason) {
|
|
|
/*jshint validthis:true */
|
|
|
var Constructor = this;
|
|
|
var promise = new Constructor(noop);
|
|
|
reject(promise, reason);
|
|
|
return promise;
|
|
|
}
|
|
|
|
|
|
function needsResolver() {
|
|
|
throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');
|
|
|
}
|
|
|
|
|
|
function needsNew() {
|
|
|
throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.");
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
Promise objects represent the eventual result of an asynchronous operation. The
|
|
|
primary way of interacting with a promise is through its `then` method, which
|
|
|
registers callbacks to receive either a promise's eventual value or the reason
|
|
|
why the promise cannot be fulfilled.
|
|
|
|
|
|
Terminology
|
|
|
-----------
|
|
|
|
|
|
- `promise` is an object or function with a `then` method whose behavior conforms to this specification.
|
|
|
- `thenable` is an object or function that defines a `then` method.
|
|
|
- `value` is any legal JavaScript value (including undefined, a thenable, or a promise).
|
|
|
- `exception` is a value that is thrown using the throw statement.
|
|
|
- `reason` is a value that indicates why a promise was rejected.
|
|
|
- `settled` the final resting state of a promise, fulfilled or rejected.
|
|
|
|
|
|
A promise can be in one of three states: pending, fulfilled, or rejected.
|
|
|
|
|
|
Promises that are fulfilled have a fulfillment value and are in the fulfilled
|
|
|
state. Promises that are rejected have a rejection reason and are in the
|
|
|
rejected state. A fulfillment value is never a thenable.
|
|
|
|
|
|
Promises can also be said to *resolve* a value. If this value is also a
|
|
|
promise, then the original promise's settled state will match the value's
|
|
|
settled state. So a promise that *resolves* a promise that rejects will
|
|
|
itself reject, and a promise that *resolves* a promise that fulfills will
|
|
|
itself fulfill.
|
|
|
|
|
|
|
|
|
Basic Usage:
|
|
|
------------
|
|
|
|
|
|
```js
|
|
|
let promise = new Promise(function(resolve, reject) {
|
|
|
// on success
|
|
|
resolve(value);
|
|
|
|
|
|
// on failure
|
|
|
reject(reason);
|
|
|
});
|
|
|
|
|
|
promise.then(function(value) {
|
|
|
// on fulfillment
|
|
|
}, function(reason) {
|
|
|
// on rejection
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Advanced Usage:
|
|
|
---------------
|
|
|
|
|
|
Promises shine when abstracting away asynchronous interactions such as
|
|
|
`XMLHttpRequest`s.
|
|
|
|
|
|
```js
|
|
|
function getJSON(url) {
|
|
|
return new Promise(function(resolve, reject){
|
|
|
let xhr = new XMLHttpRequest();
|
|
|
|
|
|
xhr.open('GET', url);
|
|
|
xhr.onreadystatechange = handler;
|
|
|
xhr.responseType = 'json';
|
|
|
xhr.setRequestHeader('Accept', 'application/json');
|
|
|
xhr.send();
|
|
|
|
|
|
function handler() {
|
|
|
if (this.readyState === this.DONE) {
|
|
|
if (this.status === 200) {
|
|
|
resolve(this.response);
|
|
|
} else {
|
|
|
reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
});
|
|
|
}
|
|
|
|
|
|
getJSON('/posts.json').then(function(json) {
|
|
|
// on fulfillment
|
|
|
}, function(reason) {
|
|
|
// on rejection
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Unlike callbacks, promises are great composable primitives.
|
|
|
|
|
|
```js
|
|
|
Promise.all([
|
|
|
getJSON('/posts'),
|
|
|
getJSON('/comments')
|
|
|
]).then(function(values){
|
|
|
values[0] // => postsJSON
|
|
|
values[1] // => commentsJSON
|
|
|
|
|
|
return values;
|
|
|
});
|
|
|
```
|
|
|
|
|
|
@class Promise
|
|
|
@param {function} resolver
|
|
|
Useful for tooling.
|
|
|
@constructor
|
|
|
*/
|
|
|
function Promise$2(resolver) {
|
|
|
this[PROMISE_ID] = nextId();
|
|
|
this._result = this._state = undefined;
|
|
|
this._subscribers = [];
|
|
|
|
|
|
if (noop !== resolver) {
|
|
|
typeof resolver !== 'function' && needsResolver();
|
|
|
this instanceof Promise$2 ? initializePromise(this, resolver) : needsNew();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
Promise$2.all = all$1;
|
|
|
Promise$2.race = race$1;
|
|
|
Promise$2.resolve = resolve$1;
|
|
|
Promise$2.reject = reject$1;
|
|
|
Promise$2._setScheduler = setScheduler;
|
|
|
Promise$2._setAsap = setAsap;
|
|
|
Promise$2._asap = asap;
|
|
|
|
|
|
Promise$2.prototype = {
|
|
|
constructor: Promise$2,
|
|
|
|
|
|
/**
|
|
|
The primary way of interacting with a promise is through its `then` method,
|
|
|
which registers callbacks to receive either a promise's eventual value or the
|
|
|
reason why the promise cannot be fulfilled.
|
|
|
|
|
|
```js
|
|
|
findUser().then(function(user){
|
|
|
// user is available
|
|
|
}, function(reason){
|
|
|
// user is unavailable, and you are given the reason why
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Chaining
|
|
|
--------
|
|
|
|
|
|
The return value of `then` is itself a promise. This second, 'downstream'
|
|
|
promise is resolved with the return value of the first promise's fulfillment
|
|
|
or rejection handler, or rejected if the handler throws an exception.
|
|
|
|
|
|
```js
|
|
|
findUser().then(function (user) {
|
|
|
return user.name;
|
|
|
}, function (reason) {
|
|
|
return 'default name';
|
|
|
}).then(function (userName) {
|
|
|
// If `findUser` fulfilled, `userName` will be the user's name, otherwise it
|
|
|
// will be `'default name'`
|
|
|
});
|
|
|
|
|
|
findUser().then(function (user) {
|
|
|
throw new Error('Found user, but still unhappy');
|
|
|
}, function (reason) {
|
|
|
throw new Error('`findUser` rejected and we're unhappy');
|
|
|
}).then(function (value) {
|
|
|
// never reached
|
|
|
}, function (reason) {
|
|
|
// if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.
|
|
|
// If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.
|
|
|
});
|
|
|
```
|
|
|
If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.
|
|
|
|
|
|
```js
|
|
|
findUser().then(function (user) {
|
|
|
throw new PedagogicalException('Upstream error');
|
|
|
}).then(function (value) {
|
|
|
// never reached
|
|
|
}).then(function (value) {
|
|
|
// never reached
|
|
|
}, function (reason) {
|
|
|
// The `PedgagocialException` is propagated all the way down to here
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Assimilation
|
|
|
------------
|
|
|
|
|
|
Sometimes the value you want to propagate to a downstream promise can only be
|
|
|
retrieved asynchronously. This can be achieved by returning a promise in the
|
|
|
fulfillment or rejection handler. The downstream promise will then be pending
|
|
|
until the returned promise is settled. This is called *assimilation*.
|
|
|
|
|
|
```js
|
|
|
findUser().then(function (user) {
|
|
|
return findCommentsByAuthor(user);
|
|
|
}).then(function (comments) {
|
|
|
// The user's comments are now available
|
|
|
});
|
|
|
```
|
|
|
|
|
|
If the assimliated promise rejects, then the downstream promise will also reject.
|
|
|
|
|
|
```js
|
|
|
findUser().then(function (user) {
|
|
|
return findCommentsByAuthor(user);
|
|
|
}).then(function (comments) {
|
|
|
// If `findCommentsByAuthor` fulfills, we'll have the value here
|
|
|
}, function (reason) {
|
|
|
// If `findCommentsByAuthor` rejects, we'll have the reason here
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Simple Example
|
|
|
--------------
|
|
|
|
|
|
Synchronous Example
|
|
|
|
|
|
```javascript
|
|
|
let result;
|
|
|
|
|
|
try {
|
|
|
result = findResult();
|
|
|
// success
|
|
|
} catch(reason) {
|
|
|
// failure
|
|
|
}
|
|
|
```
|
|
|
|
|
|
Errback Example
|
|
|
|
|
|
```js
|
|
|
findResult(function(result, err){
|
|
|
if (err) {
|
|
|
// failure
|
|
|
} else {
|
|
|
// success
|
|
|
}
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Promise Example;
|
|
|
|
|
|
```javascript
|
|
|
findResult().then(function(result){
|
|
|
// success
|
|
|
}, function(reason){
|
|
|
// failure
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Advanced Example
|
|
|
--------------
|
|
|
|
|
|
Synchronous Example
|
|
|
|
|
|
```javascript
|
|
|
let author, books;
|
|
|
|
|
|
try {
|
|
|
author = findAuthor();
|
|
|
books = findBooksByAuthor(author);
|
|
|
// success
|
|
|
} catch(reason) {
|
|
|
// failure
|
|
|
}
|
|
|
```
|
|
|
|
|
|
Errback Example
|
|
|
|
|
|
```js
|
|
|
|
|
|
function foundBooks(books) {
|
|
|
|
|
|
}
|
|
|
|
|
|
function failure(reason) {
|
|
|
|
|
|
}
|
|
|
|
|
|
findAuthor(function(author, err){
|
|
|
if (err) {
|
|
|
failure(err);
|
|
|
// failure
|
|
|
} else {
|
|
|
try {
|
|
|
findBoooksByAuthor(author, function(books, err) {
|
|
|
if (err) {
|
|
|
failure(err);
|
|
|
} else {
|
|
|
try {
|
|
|
foundBooks(books);
|
|
|
} catch(reason) {
|
|
|
failure(reason);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
} catch(error) {
|
|
|
failure(err);
|
|
|
}
|
|
|
// success
|
|
|
}
|
|
|
});
|
|
|
```
|
|
|
|
|
|
Promise Example;
|
|
|
|
|
|
```javascript
|
|
|
findAuthor().
|
|
|
then(findBooksByAuthor).
|
|
|
then(function(books){
|
|
|
// found books
|
|
|
}).catch(function(reason){
|
|
|
// something went wrong
|
|
|
});
|
|
|
```
|
|
|
|
|
|
@method then
|
|
|
@param {Function} onFulfilled
|
|
|
@param {Function} onRejected
|
|
|
Useful for tooling.
|
|
|
@return {Promise}
|
|
|
*/
|
|
|
then: then,
|
|
|
|
|
|
/**
|
|
|
`catch` is simply sugar for `then(undefined, onRejection)` which makes it the same
|
|
|
as the catch block of a try/catch statement.
|
|
|
|
|
|
```js
|
|
|
function findAuthor(){
|
|
|
throw new Error('couldn't find that author');
|
|
|
}
|
|
|
|
|
|
// synchronous
|
|
|
try {
|
|
|
findAuthor();
|
|
|
} catch(reason) {
|
|
|
// something went wrong
|
|
|
}
|
|
|
|
|
|
// async with promises
|
|
|
findAuthor().catch(function(reason){
|
|
|
// something went wrong
|
|
|
});
|
|
|
```
|
|
|
|
|
|
@method catch
|
|
|
@param {Function} onRejection
|
|
|
Useful for tooling.
|
|
|
@return {Promise}
|
|
|
*/
|
|
|
'catch': function _catch(onRejection) {
|
|
|
return this.then(null, onRejection);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
/*global self*/
|
|
|
function polyfill$1() {
|
|
|
var local = undefined;
|
|
|
|
|
|
if (typeof global !== 'undefined') {
|
|
|
local = global;
|
|
|
} else if (typeof self !== 'undefined') {
|
|
|
local = self;
|
|
|
} else {
|
|
|
try {
|
|
|
local = Function('return this')();
|
|
|
} catch (e) {
|
|
|
throw new Error('polyfill failed because global object is unavailable in this environment');
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var P = local.Promise;
|
|
|
|
|
|
if (P) {
|
|
|
var promiseToString = null;
|
|
|
try {
|
|
|
promiseToString = Object.prototype.toString.call(P.resolve());
|
|
|
} catch (e) {
|
|
|
// silently ignored
|
|
|
}
|
|
|
|
|
|
if (promiseToString === '[object Promise]' && !P.cast) {
|
|
|
return;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
local.Promise = Promise$2;
|
|
|
}
|
|
|
|
|
|
// Strange compat..
|
|
|
Promise$2.polyfill = polyfill$1;
|
|
|
Promise$2.Promise = Promise$2;
|
|
|
|
|
|
return Promise$2;
|
|
|
|
|
|
})));
|
|
|
|
|
|
//# sourceMappingURL=es6-promise.map
|
|
|
|
|
|
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(7), __webpack_require__(8)))
|
|
|
|
|
|
/***/ }),
|
|
|
/* 5 */
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
|
|
/***/ }),
|
|
|
/* 6 */
|
|
|
/***/ (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; }; }(); /* global VERSION */
|
|
|
|
|
|
__webpack_require__(5);
|
|
|
|
|
|
var _es6Promise = __webpack_require__(4);
|
|
|
|
|
|
var _es6Promise2 = _interopRequireDefault(_es6Promise);
|
|
|
|
|
|
var _utils = __webpack_require__(0);
|
|
|
|
|
|
var Utils = _interopRequireWildcard(_utils);
|
|
|
|
|
|
var _api = __webpack_require__(1);
|
|
|
|
|
|
var API = _interopRequireWildcard(_api);
|
|
|
|
|
|
var _button = __webpack_require__(2);
|
|
|
|
|
|
var _push = __webpack_require__(3);
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
|
|
|
|
|
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 Noty = function () {
|
|
|
/**
|
|
|
* @param {object} options
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
function Noty() {
|
|
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
|
|
|
|
_classCallCheck(this, Noty);
|
|
|
|
|
|
this.options = Utils.deepExtend({}, API.Defaults, options);
|
|
|
|
|
|
if (API.Store[this.options.id]) {
|
|
|
return API.Store[this.options.id];
|
|
|
}
|
|
|
|
|
|
this.id = this.options.id || Utils.generateID('bar');
|
|
|
this.closeTimer = -1;
|
|
|
this.barDom = null;
|
|
|
this.layoutDom = null;
|
|
|
this.progressDom = null;
|
|
|
this.showing = false;
|
|
|
this.shown = false;
|
|
|
this.closed = false;
|
|
|
this.closing = false;
|
|
|
this.killable = this.options.timeout || this.options.closeWith.length > 0;
|
|
|
this.hasSound = this.options.sounds.sources.length > 0;
|
|
|
this.soundPlayed = false;
|
|
|
this.listeners = {
|
|
|
beforeShow: [],
|
|
|
onShow: [],
|
|
|
afterShow: [],
|
|
|
onClose: [],
|
|
|
afterClose: [],
|
|
|
onClick: [],
|
|
|
onHover: [],
|
|
|
onTemplate: []
|
|
|
};
|
|
|
this.promises = {
|
|
|
show: null,
|
|
|
close: null
|
|
|
};
|
|
|
this.on('beforeShow', this.options.callbacks.beforeShow);
|
|
|
this.on('onShow', this.options.callbacks.onShow);
|
|
|
this.on('afterShow', this.options.callbacks.afterShow);
|
|
|
this.on('onClose', this.options.callbacks.onClose);
|
|
|
this.on('afterClose', this.options.callbacks.afterClose);
|
|
|
this.on('onClick', this.options.callbacks.onClick);
|
|
|
this.on('onHover', this.options.callbacks.onHover);
|
|
|
this.on('onTemplate', this.options.callbacks.onTemplate);
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {string} eventName
|
|
|
* @param {function} cb
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
|
|
|
_createClass(Noty, [{
|
|
|
key: 'on',
|
|
|
value: function on(eventName) {
|
|
|
var cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
|
|
|
|
|
|
if (typeof cb === 'function' && this.listeners.hasOwnProperty(eventName)) {
|
|
|
this.listeners[eventName].push(cb);
|
|
|
}
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'show',
|
|
|
value: function show() {
|
|
|
var _this = this;
|
|
|
|
|
|
if (this.showing || this.shown) {
|
|
|
return this; // preventing multiple show
|
|
|
}
|
|
|
|
|
|
if (this.options.killer === true) {
|
|
|
Noty.closeAll();
|
|
|
} else if (typeof this.options.killer === 'string') {
|
|
|
Noty.closeAll(this.options.killer);
|
|
|
}
|
|
|
|
|
|
var queueCounts = API.getQueueCounts(this.options.queue);
|
|
|
|
|
|
if (queueCounts.current >= queueCounts.maxVisible || API.PageHidden && this.options.visibilityControl) {
|
|
|
API.addToQueue(this);
|
|
|
|
|
|
if (API.PageHidden && this.hasSound && Utils.inArray('docHidden', this.options.sounds.conditions)) {
|
|
|
Utils.createAudioElements(this);
|
|
|
}
|
|
|
|
|
|
if (API.PageHidden && Utils.inArray('docHidden', this.options.titleCount.conditions)) {
|
|
|
API.docTitle.increment();
|
|
|
}
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
API.Store[this.id] = this;
|
|
|
|
|
|
API.fire(this, 'beforeShow');
|
|
|
|
|
|
this.showing = true;
|
|
|
|
|
|
if (this.closing) {
|
|
|
this.showing = false;
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
API.build(this);
|
|
|
API.handleModal(this);
|
|
|
|
|
|
if (this.options.force) {
|
|
|
this.layoutDom.insertBefore(this.barDom, this.layoutDom.firstChild);
|
|
|
} else {
|
|
|
this.layoutDom.appendChild(this.barDom);
|
|
|
}
|
|
|
|
|
|
if (this.hasSound && !this.soundPlayed && Utils.inArray('docVisible', this.options.sounds.conditions)) {
|
|
|
Utils.createAudioElements(this);
|
|
|
}
|
|
|
|
|
|
if (Utils.inArray('docVisible', this.options.titleCount.conditions)) {
|
|
|
API.docTitle.increment();
|
|
|
}
|
|
|
|
|
|
this.shown = true;
|
|
|
this.closed = false;
|
|
|
|
|
|
// bind button events if any
|
|
|
if (API.hasButtons(this)) {
|
|
|
Object.keys(this.options.buttons).forEach(function (key) {
|
|
|
var btn = _this.barDom.querySelector('#' + _this.options.buttons[key].id);
|
|
|
Utils.addListener(btn, 'click', function (e) {
|
|
|
Utils.stopPropagation(e);
|
|
|
_this.options.buttons[key].cb(_this);
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
this.progressDom = this.barDom.querySelector('.noty_progressbar');
|
|
|
|
|
|
if (Utils.inArray('click', this.options.closeWith)) {
|
|
|
Utils.addClass(this.barDom, 'noty_close_with_click');
|
|
|
Utils.addListener(this.barDom, 'click', function (e) {
|
|
|
Utils.stopPropagation(e);
|
|
|
API.fire(_this, 'onClick');
|
|
|
_this.close();
|
|
|
}, false);
|
|
|
}
|
|
|
|
|
|
Utils.addListener(this.barDom, 'mouseenter', function () {
|
|
|
API.fire(_this, 'onHover');
|
|
|
}, false);
|
|
|
|
|
|
if (this.options.timeout) Utils.addClass(this.barDom, 'noty_has_timeout');
|
|
|
if (this.options.progressBar) {
|
|
|
Utils.addClass(this.barDom, 'noty_has_progressbar');
|
|
|
}
|
|
|
|
|
|
if (Utils.inArray('button', this.options.closeWith)) {
|
|
|
Utils.addClass(this.barDom, 'noty_close_with_button');
|
|
|
|
|
|
var closeButton = document.createElement('div');
|
|
|
Utils.addClass(closeButton, 'noty_close_button');
|
|
|
closeButton.innerHTML = '×';
|
|
|
this.barDom.appendChild(closeButton);
|
|
|
|
|
|
Utils.addListener(closeButton, 'click', function (e) {
|
|
|
Utils.stopPropagation(e);
|
|
|
_this.close();
|
|
|
}, false);
|
|
|
}
|
|
|
|
|
|
API.fire(this, 'onShow');
|
|
|
|
|
|
if (this.options.animation.open === null) {
|
|
|
this.promises.show = new _es6Promise2.default(function (resolve) {
|
|
|
resolve();
|
|
|
});
|
|
|
} else if (typeof this.options.animation.open === 'function') {
|
|
|
this.promises.show = new _es6Promise2.default(this.options.animation.open.bind(this));
|
|
|
} else {
|
|
|
Utils.addClass(this.barDom, this.options.animation.open);
|
|
|
this.promises.show = new _es6Promise2.default(function (resolve) {
|
|
|
Utils.addListener(_this.barDom, Utils.animationEndEvents, function () {
|
|
|
Utils.removeClass(_this.barDom, _this.options.animation.open);
|
|
|
resolve();
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
this.promises.show.then(function () {
|
|
|
var _t = _this;
|
|
|
setTimeout(function () {
|
|
|
API.openFlow(_t);
|
|
|
}, 100);
|
|
|
});
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'stop',
|
|
|
value: function stop() {
|
|
|
API.dequeueClose(this);
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'resume',
|
|
|
value: function resume() {
|
|
|
API.queueClose(this);
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {int|boolean} ms
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'setTimeout',
|
|
|
value: function (_setTimeout) {
|
|
|
function setTimeout(_x) {
|
|
|
return _setTimeout.apply(this, arguments);
|
|
|
}
|
|
|
|
|
|
setTimeout.toString = function () {
|
|
|
return _setTimeout.toString();
|
|
|
};
|
|
|
|
|
|
return setTimeout;
|
|
|
}(function (ms) {
|
|
|
this.stop();
|
|
|
this.options.timeout = ms;
|
|
|
|
|
|
if (this.barDom) {
|
|
|
if (this.options.timeout) {
|
|
|
Utils.addClass(this.barDom, 'noty_has_timeout');
|
|
|
} else {
|
|
|
Utils.removeClass(this.barDom, 'noty_has_timeout');
|
|
|
}
|
|
|
|
|
|
var _t = this;
|
|
|
setTimeout(function () {
|
|
|
// ugly fix for progressbar display bug
|
|
|
_t.resume();
|
|
|
}, 100);
|
|
|
}
|
|
|
|
|
|
return this;
|
|
|
})
|
|
|
|
|
|
/**
|
|
|
* @param {string} html
|
|
|
* @param {boolean} optionsOverride
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'setText',
|
|
|
value: function setText(html) {
|
|
|
var optionsOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
|
|
|
if (this.barDom) {
|
|
|
this.barDom.querySelector('.noty_body').innerHTML = html;
|
|
|
}
|
|
|
|
|
|
if (optionsOverride) this.options.text = html;
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {string} type
|
|
|
* @param {boolean} optionsOverride
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'setType',
|
|
|
value: function setType(type) {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var optionsOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
|
|
|
if (this.barDom) {
|
|
|
var classList = Utils.classList(this.barDom).split(' ');
|
|
|
|
|
|
classList.forEach(function (c) {
|
|
|
if (c.substring(0, 11) === 'noty_type__') {
|
|
|
Utils.removeClass(_this2.barDom, c);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
Utils.addClass(this.barDom, 'noty_type__' + type);
|
|
|
}
|
|
|
|
|
|
if (optionsOverride) this.options.type = type;
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {string} theme
|
|
|
* @param {boolean} optionsOverride
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'setTheme',
|
|
|
value: function setTheme(theme) {
|
|
|
var _this3 = this;
|
|
|
|
|
|
var optionsOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
|
|
|
if (this.barDom) {
|
|
|
var classList = Utils.classList(this.barDom).split(' ');
|
|
|
|
|
|
classList.forEach(function (c) {
|
|
|
if (c.substring(0, 12) === 'noty_theme__') {
|
|
|
Utils.removeClass(_this3.barDom, c);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
Utils.addClass(this.barDom, 'noty_theme__' + theme);
|
|
|
}
|
|
|
|
|
|
if (optionsOverride) this.options.theme = theme;
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'close',
|
|
|
value: function close() {
|
|
|
var _this4 = this;
|
|
|
|
|
|
if (this.closed) return this;
|
|
|
|
|
|
if (!this.shown) {
|
|
|
// it's in the queue
|
|
|
API.removeFromQueue(this);
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
API.fire(this, 'onClose');
|
|
|
|
|
|
this.closing = true;
|
|
|
|
|
|
if (this.options.animation.close === null || this.options.animation.close === false) {
|
|
|
this.promises.close = new _es6Promise2.default(function (resolve) {
|
|
|
resolve();
|
|
|
});
|
|
|
} else if (typeof this.options.animation.close === 'function') {
|
|
|
this.promises.close = new _es6Promise2.default(this.options.animation.close.bind(this));
|
|
|
} else {
|
|
|
Utils.addClass(this.barDom, this.options.animation.close);
|
|
|
this.promises.close = new _es6Promise2.default(function (resolve) {
|
|
|
Utils.addListener(_this4.barDom, Utils.animationEndEvents, function () {
|
|
|
if (_this4.options.force) {
|
|
|
Utils.remove(_this4.barDom);
|
|
|
} else {
|
|
|
API.ghostFix(_this4);
|
|
|
}
|
|
|
resolve();
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
this.promises.close.then(function () {
|
|
|
API.closeFlow(_this4);
|
|
|
API.handleModalClose(_this4);
|
|
|
});
|
|
|
|
|
|
this.closed = true;
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
// API functions
|
|
|
|
|
|
/**
|
|
|
* @param {boolean|string} queueName
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}], [{
|
|
|
key: 'closeAll',
|
|
|
value: function closeAll() {
|
|
|
var queueName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
|
|
|
|
Object.keys(API.Store).forEach(function (id) {
|
|
|
if (queueName) {
|
|
|
if (API.Store[id].options.queue === queueName && API.Store[id].killable) {
|
|
|
API.Store[id].close();
|
|
|
}
|
|
|
} else if (API.Store[id].killable) {
|
|
|
API.Store[id].close();
|
|
|
}
|
|
|
});
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {string} queueName
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'clearQueue',
|
|
|
value: function clearQueue() {
|
|
|
var queueName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'global';
|
|
|
|
|
|
if (API.Queues.hasOwnProperty(queueName)) {
|
|
|
API.Queues[queueName].queue = [];
|
|
|
}
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {API.Queues}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'overrideDefaults',
|
|
|
|
|
|
|
|
|
/**
|
|
|
* @param {Object} obj
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
value: function overrideDefaults(obj) {
|
|
|
API.Defaults = Utils.deepExtend({}, API.Defaults, obj);
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {int} amount
|
|
|
* @param {string} queueName
|
|
|
* @return {Noty}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'setMaxVisible',
|
|
|
value: function setMaxVisible() {
|
|
|
var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : API.DefaultMaxVisible;
|
|
|
var queueName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'global';
|
|
|
|
|
|
if (!API.Queues.hasOwnProperty(queueName)) {
|
|
|
API.Queues[queueName] = { maxVisible: amount, queue: [] };
|
|
|
}
|
|
|
|
|
|
API.Queues[queueName].maxVisible = amount;
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {string} innerHtml
|
|
|
* @param {String} classes
|
|
|
* @param {Function} cb
|
|
|
* @param {Object} attributes
|
|
|
* @return {NotyButton}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'button',
|
|
|
value: function button(innerHtml) {
|
|
|
var classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
|
var cb = arguments[2];
|
|
|
var attributes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
|
|
|
|
return new _button.NotyButton(innerHtml, classes, cb, attributes);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {string}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'version',
|
|
|
value: function version() {
|
|
|
return "3.2.0-beta";
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @param {String} workerPath
|
|
|
* @return {Push}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'Push',
|
|
|
value: function Push(workerPath) {
|
|
|
return new _push.Push(workerPath);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'Queues',
|
|
|
get: function get() {
|
|
|
return API.Queues;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @return {API.PageHidden}
|
|
|
*/
|
|
|
|
|
|
}, {
|
|
|
key: 'PageHidden',
|
|
|
get: function get() {
|
|
|
return API.PageHidden;
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Noty;
|
|
|
}();
|
|
|
|
|
|
// Document visibility change controller
|
|
|
|
|
|
|
|
|
exports.default = Noty;
|
|
|
if (typeof window !== 'undefined') {
|
|
|
Utils.visibilityChangeFlow();
|
|
|
}
|
|
|
module.exports = exports['default'];
|
|
|
|
|
|
/***/ }),
|
|
|
/* 7 */
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
// shim for using process in browser
|
|
|
var process = module.exports = {};
|
|
|
|
|
|
// cached from whatever global is present so that test runners that stub it
|
|
|
// don't break things. But we need to wrap it in a try catch in case it is
|
|
|
// wrapped in strict mode code which doesn't define any globals. It's inside a
|
|
|
// function because try/catches deoptimize in certain engines.
|
|
|
|
|
|
var cachedSetTimeout;
|
|
|
var cachedClearTimeout;
|
|
|
|
|
|
function defaultSetTimout() {
|
|
|
throw new Error('setTimeout has not been defined');
|
|
|
}
|
|
|
function defaultClearTimeout () {
|
|
|
throw new Error('clearTimeout has not been defined');
|
|
|
}
|
|
|
(function () {
|
|
|
try {
|
|
|
if (typeof setTimeout === 'function') {
|
|
|
cachedSetTimeout = setTimeout;
|
|
|
} else {
|
|
|
cachedSetTimeout = defaultSetTimout;
|
|
|
}
|
|
|
} catch (e) {
|
|
|
cachedSetTimeout = defaultSetTimout;
|
|
|
}
|
|
|
try {
|
|
|
if (typeof clearTimeout === 'function') {
|
|
|
cachedClearTimeout = clearTimeout;
|
|
|
} else {
|
|
|
cachedClearTimeout = defaultClearTimeout;
|
|
|
}
|
|
|
} catch (e) {
|
|
|
cachedClearTimeout = defaultClearTimeout;
|
|
|
}
|
|
|
} ())
|
|
|
function runTimeout(fun) {
|
|
|
if (cachedSetTimeout === setTimeout) {
|
|
|
//normal enviroments in sane situations
|
|
|
return setTimeout(fun, 0);
|
|
|
}
|
|
|
// if setTimeout wasn't available but was latter defined
|
|
|
if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
|
|
|
cachedSetTimeout = setTimeout;
|
|
|
return setTimeout(fun, 0);
|
|
|
}
|
|
|
try {
|
|
|
// when when somebody has screwed with setTimeout but no I.E. maddness
|
|
|
return cachedSetTimeout(fun, 0);
|
|
|
} catch(e){
|
|
|
try {
|
|
|
// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
|
|
|
return cachedSetTimeout.call(null, fun, 0);
|
|
|
} catch(e){
|
|
|
// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
|
|
|
return cachedSetTimeout.call(this, fun, 0);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
function runClearTimeout(marker) {
|
|
|
if (cachedClearTimeout === clearTimeout) {
|
|
|
//normal enviroments in sane situations
|
|
|
return clearTimeout(marker);
|
|
|
}
|
|
|
// if clearTimeout wasn't available but was latter defined
|
|
|
if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
|
|
|
cachedClearTimeout = clearTimeout;
|
|
|
return clearTimeout(marker);
|
|
|
}
|
|
|
try {
|
|
|
// when when somebody has screwed with setTimeout but no I.E. maddness
|
|
|
return cachedClearTimeout(marker);
|
|
|
} catch (e){
|
|
|
try {
|
|
|
// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
|
|
|
return cachedClearTimeout.call(null, marker);
|
|
|
} catch (e){
|
|
|
// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
|
|
|
// Some versions of I.E. have different rules for clearTimeout vs setTimeout
|
|
|
return cachedClearTimeout.call(this, marker);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
var queue = [];
|
|
|
var draining = false;
|
|
|
var currentQueue;
|
|
|
var queueIndex = -1;
|
|
|
|
|
|
function cleanUpNextTick() {
|
|
|
if (!draining || !currentQueue) {
|
|
|
return;
|
|
|
}
|
|
|
draining = false;
|
|
|
if (currentQueue.length) {
|
|
|
queue = currentQueue.concat(queue);
|
|
|
} else {
|
|
|
queueIndex = -1;
|
|
|
}
|
|
|
if (queue.length) {
|
|
|
drainQueue();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function drainQueue() {
|
|
|
if (draining) {
|
|
|
return;
|
|
|
}
|
|
|
var timeout = runTimeout(cleanUpNextTick);
|
|
|
draining = true;
|
|
|
|
|
|
var len = queue.length;
|
|
|
while(len) {
|
|
|
currentQueue = queue;
|
|
|
queue = [];
|
|
|
while (++queueIndex < len) {
|
|
|
if (currentQueue) {
|
|
|
currentQueue[queueIndex].run();
|
|
|
}
|
|
|
}
|
|
|
queueIndex = -1;
|
|
|
len = queue.length;
|
|
|
}
|
|
|
currentQueue = null;
|
|
|
draining = false;
|
|
|
runClearTimeout(timeout);
|
|
|
}
|
|
|
|
|
|
process.nextTick = function (fun) {
|
|
|
var args = new Array(arguments.length - 1);
|
|
|
if (arguments.length > 1) {
|
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
|
args[i - 1] = arguments[i];
|
|
|
}
|
|
|
}
|
|
|
queue.push(new Item(fun, args));
|
|
|
if (queue.length === 1 && !draining) {
|
|
|
runTimeout(drainQueue);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
// v8 likes predictible objects
|
|
|
function Item(fun, array) {
|
|
|
this.fun = fun;
|
|
|
this.array = array;
|
|
|
}
|
|
|
Item.prototype.run = function () {
|
|
|
this.fun.apply(null, this.array);
|
|
|
};
|
|
|
process.title = 'browser';
|
|
|
process.browser = true;
|
|
|
process.env = {};
|
|
|
process.argv = [];
|
|
|
process.version = ''; // empty string to avoid regexp issues
|
|
|
process.versions = {};
|
|
|
|
|
|
function noop() {}
|
|
|
|
|
|
process.on = noop;
|
|
|
process.addListener = noop;
|
|
|
process.once = noop;
|
|
|
process.off = noop;
|
|
|
process.removeListener = noop;
|
|
|
process.removeAllListeners = noop;
|
|
|
process.emit = noop;
|
|
|
process.prependListener = noop;
|
|
|
process.prependOnceListener = noop;
|
|
|
|
|
|
process.listeners = function (name) { return [] }
|
|
|
|
|
|
process.binding = function (name) {
|
|
|
throw new Error('process.binding is not supported');
|
|
|
};
|
|
|
|
|
|
process.cwd = function () { return '/' };
|
|
|
process.chdir = function (dir) {
|
|
|
throw new Error('process.chdir is not supported');
|
|
|
};
|
|
|
process.umask = function() { return 0; };
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
/* 8 */
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
var g;
|
|
|
|
|
|
// This works in non-strict mode
|
|
|
g = (function() {
|
|
|
return this;
|
|
|
})();
|
|
|
|
|
|
try {
|
|
|
// This works if eval is allowed (see CSP)
|
|
|
g = g || Function("return this")() || (1,eval)("this");
|
|
|
} catch(e) {
|
|
|
// This works if the window reference is available
|
|
|
if(typeof window === "object")
|
|
|
g = window;
|
|
|
}
|
|
|
|
|
|
// g can still be undefined, but nothing to do about it...
|
|
|
// We return undefined, instead of nothing here, so it's
|
|
|
// easier to handle this case. if(!global) { ...}
|
|
|
|
|
|
module.exports = g;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
/* 9 */
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/* (ignored) */
|
|
|
|
|
|
/***/ })
|
|
|
/******/ ]);
|
|
|
});
|
|
|
//# sourceMappingURL=noty.js.map
|