/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ 		}
/******/ 	};
/******/
/******/ 	// define __esModule on exports
/******/ 	__webpack_require__.r = function(exports) {
/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 		}
/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
/******/ 	};
/******/
/******/ 	// create a fake namespace object
/******/ 	// mode & 1: value is a module id, require it
/******/ 	// mode & 2: merge all properties of value into the ns
/******/ 	// mode & 4: return value when already ns object
/******/ 	// mode & 8|1: behave like require
/******/ 	__webpack_require__.t = function(value, mode) {
/******/ 		if(mode & 1) value = __webpack_require__(value);
/******/ 		if(mode & 8) return value;
/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ 		var ns = Object.create(null);
/******/ 		__webpack_require__.r(ns);
/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ 		return ns;
/******/ 	};
/******/
/******/ 	// 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 = 0);
/******/ })
/************************************************************************/
/******/ ({

/***/ "./node_modules/webpack/buildin/global.js":
/*!***********************************!*\
  !*** (webpack)/buildin/global.js ***!
  \***********************************/
/*! no static exports found */
/***/ (function(module, exports) {

eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n//# sourceURL=webpack:///(webpack)/buildin/global.js?");

/***/ }),

/***/ "./src/css/style.styl":
/*!****************************!*\
  !*** ./src/css/style.styl ***!
  \****************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./src/css/style.styl?");

/***/ }),

/***/ "./src/js/iziToast.js":
/*!****************************!*\
  !*** ./src/js/iziToast.js ***!
  \****************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

eval("/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*\r\n* iziToast | v1.5.0\r\n* http://izitoast.marcelodolza.com\r\n* by Marcelo Dolza.\r\n*/\r\n\r\n(function (root, factory) {\r\n\tif(true) {\r\n\t\t!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory(root)),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?\n\t\t\t\t(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\r\n\t} else {}\r\n})(typeof global !== 'undefined' ? global : window || this.window || this.global, function (root) {\r\n\r\n\t'use strict';\r\n\r\n\t//\r\n\t// Variables\r\n\t//\r\n\tvar $iziToast = {},\r\n\t\tPLUGIN_NAME = 'iziToast',\r\n\t\tISMOBILE = (/Mobi/.test(navigator.userAgent)) ? true : false,\r\n\t\tISCHROME = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor),\r\n\t\tISFIREFOX = typeof InstallTrigger !== 'undefined',\r\n\t\tACCEPTSTOUCH = 'ontouchstart' in document.documentElement,\r\n\t\tPOSITIONS = ['bottomRight','bottomLeft','bottomCenter','topRight','topLeft','topCenter','center'],\r\n\t\tTHEMES = {\r\n\t\t\tinfo: {\r\n\t\t\t\tcolor: 'blue',\r\n\t\t\t\ticon: 'ico-info'\r\n\t\t\t},\r\n\t\t\tsuccess: {\r\n\t\t\t\tcolor: 'green',\r\n\t\t\t\ticon: 'ico-success'\r\n\t\t\t},\r\n\t\t\twarning: {\r\n\t\t\t\tcolor: 'orange',\r\n\t\t\t\ticon: 'ico-warning'\r\n\t\t\t},\r\n\t\t\terror: {\r\n\t\t\t\tcolor: 'red',\r\n\t\t\t\ticon: 'ico-error'\r\n\t\t\t},\r\n\t\t\tquestion: {\r\n\t\t\t\tcolor: 'yellow',\r\n\t\t\t\ticon: 'ico-question'\r\n\t\t\t}\r\n\t\t},\r\n\t\tMOBILEWIDTH = 568,\r\n\t\tCONFIG = {};\r\n\r\n\t$iziToast.children = {};\r\n\r\n\t// Default settings\r\n\tvar defaults = {\r\n\t\tid: null, \r\n\t\tclass: '',\r\n\t\ttitle: '',\r\n\t\ttitleColor: '',\r\n\t\ttitleSize: '',\r\n\t\ttitleLineHeight: '',\r\n\t\tmessage: '',\r\n\t\tmessageColor: '',\r\n\t\tmessageSize: '',\r\n\t\tmessageLineHeight: '',\r\n\t\tbackgroundColor: '',\r\n\t\ttheme: 'light', // dark\r\n\t\tcolor: '', // blue, red, green, yellow\r\n\t\ticon: '',\r\n\t\ticonText: '',\r\n\t\ticonColor: '',\r\n\t\ticonUrl: null,\r\n\t\timage: '',\r\n\t\timageWidth: 50,\r\n\t\tmaxWidth: null,\r\n\t\tzindex: null,\r\n\t\tlayout: 1,\r\n\t\tballoon: false,\r\n\t\tclose: true,\r\n\t\tcloseOnEscape: false,\r\n\t\tcloseOnClick: false,\r\n\t\tdisplayMode: 0,\r\n\t\tposition: 'bottomRight', // bottomRight, bottomLeft, topRight, topLeft, topCenter, bottomCenter, center\r\n\t\ttarget: '',\r\n\t\ttargetFirst: true,\r\n\t\ttimeout: 5000,\r\n\t\trtl: false,\r\n\t\tanimateInside: true,\r\n\t\tdrag: true,\r\n\t\tpauseOnHover: true,\r\n\t\tresetOnHover: false,\r\n\t\tprogressBar: true,\r\n\t\tprogressBarColor: '',\r\n\t\tprogressBarEasing: 'linear',\r\n\t\toverlay: false,\r\n\t\toverlayClose: false,\r\n\t\toverlayColor: 'rgba(0, 0, 0, 0.6)',\r\n\t\ttransitionIn: 'fadeInUp', // bounceInLeft, bounceInRight, bounceInUp, bounceInDown, fadeIn, fadeInDown, fadeInUp, fadeInLeft, fadeInRight, flipInX\r\n\t\ttransitionOut: 'fadeOut', // fadeOut, fadeOutUp, fadeOutDown, fadeOutLeft, fadeOutRight, flipOutX\r\n\t\ttransitionInMobile: 'fadeInUp',\r\n\t\ttransitionOutMobile: 'fadeOutDown',\r\n\t\tbuttons: {},\r\n\t\tinputs: {},\r\n\t\tonOpening: function () {},\r\n\t\tonOpened: function () {},\r\n\t\tonClosing: function () {},\r\n\t\tonClosed: function () {},\r\n\t\tonClick: function () {}\r\n\t};\r\n\r\n\r\n\t//\r\n\t// Methods\r\n\t//\r\n\r\n\r\n\t/**\r\n\t * Polyfill for remove() method\r\n\t */\r\n\tif(!('remove' in Element.prototype)) {\r\n\t\tElement.prototype.remove = function() {\r\n\t\t\tif(this.parentNode) {\r\n\t\t\t\tthis.parentNode.removeChild(this);\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\r\n\t/*\r\n     * Polyfill for CustomEvent for IE >= 9\r\n     * https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill\r\n     */\r\n    if(typeof window.CustomEvent !== 'function') {\r\n        var CustomEventPolyfill = function (event, params) {\r\n            params = params || { bubbles: false, cancelable: false, detail: undefined };\r\n            var evt = document.createEvent('CustomEvent');\r\n            evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\r\n            return evt;\r\n        };\r\n\r\n        CustomEventPolyfill.prototype = window.Event.prototype;\r\n\r\n        window.CustomEvent = CustomEventPolyfill;\r\n    }\r\n\r\n\t/**\r\n\t * A simple forEach() implementation for Arrays, Objects and NodeLists\r\n\t * @private\r\n\t * @param {Array|Object|NodeList} collection Collection of items to iterate\r\n\t * @param {Function} callback Callback function for each iteration\r\n\t * @param {Array|Object|NodeList} scope Object/NodeList/Array that forEach is iterating over (aka `this`)\r\n\t */\r\n\tvar forEach = function (collection, callback, scope) {\r\n\t\tif(Object.prototype.toString.call(collection) === '[object Object]') {\r\n\t\t\tfor (var prop in collection) {\r\n\t\t\t\tif(Object.prototype.hasOwnProperty.call(collection, prop)) {\r\n\t\t\t\t\tcallback.call(scope, collection[prop], prop, collection);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif(collection){\r\n\t\t\t\tfor (var i = 0, len = collection.length; i < len; i++) {\r\n\t\t\t\t\tcallback.call(scope, collection[i], i, collection);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Merge defaults with user options\r\n\t * @private\r\n\t * @param {Object} defaults Default settings\r\n\t * @param {Object} options User options\r\n\t * @returns {Object} Merged values of defaults and options\r\n\t */\r\n\tvar extend = function (defaults, options) {\r\n\t\tvar extended = {};\r\n\t\tforEach(defaults, function (value, prop) {\r\n\t\t\textended[prop] = defaults[prop];\r\n\t\t});\r\n\t\tforEach(options, function (value, prop) {\r\n\t\t\textended[prop] = options[prop];\r\n\t\t});\r\n\t\treturn extended;\r\n\t};\r\n\r\n\t/**\r\n\t * Create inputs\r\n\t * @private\r\n\t */\r\n\tvar createInput = function(inputObj) {\r\n\t\tvar allowedAttributes = ['type', 'id', 'class', 'name', 'style', 'placeholder', 'min', 'max', 'minlength', 'maxlength', 'min', 'disabled', 'readonly', 'required', 'size', 'multiple', 'value'],\r\n\t\t\t\tallowedInputs = ['select', 'checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'search', 'tel', 'text', 'time', 'url', 'week'],\r\n\t\t\t\twrap = document.createElement('div'),\r\n\t\t\t\tinput;\r\n\r\n\t\tif(inputObj.type && allowedInputs.indexOf(inputObj.type) !== -1){\r\n\r\n\t\t\tvar type =  inputObj.type === 'select' ? 'select' : 'input'\r\n\t\t\tinput = document.createElement(type);\r\n\t\t\tObject.keys(inputObj).forEach( function(key) {\r\n\t\t\t\tif(allowedAttributes.indexOf(key) !== -1){\r\n\t\t\t\t\tinput.setAttribute(key, inputObj[key])\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tif(inputObj.options && inputObj.options.length > 0 && inputObj.type === 'select'){\r\n\r\n\t\t\t\tinputObj.options.forEach( function(item) {\r\n\t\t\t\t\tvar option = document.createElement('option');\r\n\t\t\t\t\toption.textContent = item.text;\r\n\t\t\t\t\toption.value = item.value\r\n\t\t\t\t\t\r\n\t\t\t\t\tinput.appendChild(option);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t\twrap.appendChild(input);\r\n\r\n\t\tif(inputObj.label){\r\n\t\t\tvar label = document.createElement('label');\r\n\t\t\tif(inputObj.for){\r\n\t\t\t\tlabel.setAttribute('for', inputObj.for);\r\n\t\t\t\tlabel.textContent = inputObj.label;\r\n\t\t\t}\r\n\t\t\tinput.parentNode.insertBefore(label, input.nextSibling);\r\n\t\t}\r\n\t\treturn wrap\r\n\t};\r\n\r\n\t/**\r\n\t * Generates new ID\r\n\t * @private\r\n\t */\r\n\tvar generateId = function(params) {\r\n\t\tvar newId = btoa(encodeURIComponent(params));\r\n\t\treturn newId.replace(/=/g, \"\");\r\n\t};\r\n\r\n\t/**\r\n\t * Checks if is a color\r\n\t * @private\r\n\t */\r\n\tvar isColor = function(color){\r\n\t\tif( color.substring(0,1) == '#' || color.substring(0,3) == 'rgb' || color.substring(0,3) == 'hsl' ){\r\n\t\t\treturn true;\r\n\t\t} else {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Checks if is a Base64 string\r\n\t * @private\r\n\t */\r\n\tvar isBase64 = function(str) {\r\n\t\ttry {\r\n\t\t\treturn btoa(atob(str)) == str;\r\n\t\t} catch (err) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t};\r\n\r\n\t\t/**\r\n\t * Displays a log message\r\n\t * @private\r\n\t */\r\n\tvar Log = function(str) {\r\n\t\treturn console.warn('['+PLUGIN_NAME+']', str);\r\n\t};\r\n\r\n\t/**\r\n\t * Drag method of toasts\r\n\t * @private\r\n\t */\r\n\tvar drag = function() {\r\n\r\n\t\treturn {\r\n\t\t\tmove: function(toast, instance, settings, xpos) {\r\n\r\n\t\t\t\tvar opacity,\r\n\t\t\t\t\topacityRange = 0.3,\r\n\t\t\t\t\tdistance = 180;\r\n\t\t\t\t\t\r\n\t\t\t\tif(xpos !== 0){\r\n\t\t\t\t\t\r\n\t\t\t\t\ttoast.classList.add(PLUGIN_NAME+'-dragged');\r\n\r\n\t\t\t\t\ttoast.style.transform = 'translateX('+xpos + 'px)';\r\n\r\n\t\t\t\t\tif(xpos > 0){\r\n\t\t\t\t\t\topacity = (distance-xpos) / distance;\r\n\t\t\t\t\t\tif(opacity < opacityRange){\r\n\t\t\t\t\t\t\tinstance.hide(extend(settings, { transitionOut: 'fadeOutRight', transitionOutMobile: 'fadeOutRight' }), toast, 'drag');\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\topacity = (distance+xpos) / distance;\r\n\t\t\t\t\t\tif(opacity < opacityRange){\r\n\t\t\t\t\t\t\tinstance.hide(extend(settings, { transitionOut: 'fadeOutLeft', transitionOutMobile: 'fadeOutLeft' }), toast, 'drag');\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\ttoast.style.opacity = opacity;\r\n\r\n\t\t\t\t\tif(opacity < opacityRange){\r\n\r\n\t\t\t\t\t\tif(ISCHROME || ISFIREFOX) toast.style.left = xpos+'px';\r\n\r\n\t\t\t\t\t\ttoast.parentNode.style.opacity = opacityRange;\r\n\r\n\t\t\t\t\t\tthis.stopMoving(toast, null);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tstartMoving: function(toast, instance, settings, e) {\r\n\r\n\t\t\t\te = e || window.event;\r\n\t\t\t\tvar posX = ((ACCEPTSTOUCH) ? e.touches[0].clientX : e.clientX),\r\n\t\t\t\t\t\ttoastLeft = toast.style.transform.replace('px)', '');\r\n\t\t\t\t\t\ttoastLeft = toastLeft.replace('translateX(', '');\r\n\t\t\t\tvar offsetX = posX - toastLeft;\r\n\r\n\t\t\t\tif(settings.transitionIn){\r\n\t\t\t\t\ttoast.classList.remove(settings.transitionIn);\r\n\t\t\t\t}\r\n\t\t\t\tif(settings.transitionInMobile){\r\n\t\t\t\t\ttoast.classList.remove(settings.transitionInMobile);\r\n\t\t\t\t}\r\n\t\t\t\ttoast.style.transition = '';\r\n\r\n\t\t\t\tif(ACCEPTSTOUCH) {\r\n\t\t\t\t\tdocument.ontouchmove = function(e) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\te = e || window.event;\r\n\t\t\t\t\t\tvar posX = e.touches[0].clientX,\r\n\t\t\t\t\t\t\t\tfinalX = posX - offsetX;\r\n\t\t\t\t\t\tdrag.move(toast, instance, settings, finalX);\r\n\t\t\t\t\t};\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdocument.onmousemove = function(e) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\te = e || window.event;\r\n\t\t\t\t\t\tvar posX = e.clientX,\r\n\t\t\t\t\t\t\t\tfinalX = posX - offsetX;\r\n\t\t\t\t\t\t\tdrag.move(toast, instance, settings, finalX);\r\n\t\t\t\t\t};\r\n\t\t\t\t}\r\n\r\n\t\t\t},\r\n\t\t\tstopMoving: function(toast, e) {\r\n\r\n\t\t\t\tif(ACCEPTSTOUCH) {\r\n\t\t\t\t\t\tdocument.ontouchmove = function() {};\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdocument.onmousemove = function() {};\r\n\t\t\t\t}\r\n\r\n\t\t\t\ttoast.style.opacity = '';\r\n\t\t\t\ttoast.style.transform = '';\r\n\r\n\t\t\t\tif(toast.classList.contains(PLUGIN_NAME+'-dragged')){\r\n\t\t\t\t\t\r\n\t\t\t\t\ttoast.classList.remove(PLUGIN_NAME+'-dragged');\r\n\r\n\t\t\t\t\ttoast.style.transition = 'transform 0.4s ease, opacity 0.4s ease';\r\n\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\ttoast.style.transition = '';\r\n\t\t\t\t\t}, 400);\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t}();\r\n\r\n\r\n\t/**\r\n\t * Set settings\r\n\t * @public\r\n\t */\r\n\t$iziToast.setSetting = function (ref, option, value) {\r\n\r\n\t\t$iziToast.children[ref][option] = value;\r\n\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Get settings\r\n\t * @public\r\n\t */\r\n\t$iziToast.getSettings = function (ref, option) {\r\n\r\n\t\tif(option){\r\n\t\t\ttry {\r\n\t\t\t\treturn $iziToast.children[ref][option];\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.warn(error)\r\n\t\t\t\tLog('invalid option.')\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\treturn $iziToast.children[ref];\r\n\t\t}\r\n\r\n\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Destroy the current initialization.\r\n\t * @public\r\n\t */\r\n\t$iziToast.destroy = function () {\r\n\r\n\t\tforEach(document.querySelectorAll('.'+PLUGIN_NAME+'-overlay'), function(element, index) {\r\n\t\t\telement.remove();\r\n\t\t});\r\n\r\n\t\tforEach(document.querySelectorAll('.'+PLUGIN_NAME+'-wrapper'), function(element, index) {\r\n\t\t\telement.remove();\r\n\t\t});\r\n\r\n\t\tforEach(document.querySelectorAll('.'+PLUGIN_NAME), function(element, index) {\r\n\t\t\telement.remove();\r\n\t\t});\r\n\r\n\t\tthis.children = {};\r\n\r\n\t\t// Remove event listeners\r\n\t\tdocument.removeEventListener(PLUGIN_NAME+'-opened', {}, false);\r\n\t\tdocument.removeEventListener(PLUGIN_NAME+'-opening', {}, false);\r\n\t\tdocument.removeEventListener(PLUGIN_NAME+'-closing', {}, false);\r\n\t\tdocument.removeEventListener(PLUGIN_NAME+'-closed', {}, false);\r\n\t\tdocument.removeEventListener('keyup', {}, false);\r\n\r\n\t\t// Reset variables\r\n\t\tCONFIG = {};\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Initialize Plugin\r\n\t * @public\r\n\t * @param {Object} options User settings\r\n\t */\r\n\t$iziToast.settings = function (options) {\r\n\r\n\t\t// Destroy any existing initializations\r\n\t\t$iziToast.destroy();\r\n\r\n\t\tCONFIG = options;\r\n\t\tdefaults = extend(defaults, options || {});\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Building themes functions.\r\n\t * @public\r\n\t * @param {Object} options User settings\r\n\t */\r\n\tforEach(THEMES, function (theme, name) {\r\n\r\n\t\t$iziToast[name] = function (options) {\r\n\r\n\t\t\tvar settings = extend(CONFIG, options || {});\r\n\t\t\tsettings = extend(theme, settings || {});\r\n\r\n\t\t\tthis.show(settings);\r\n\t\t};\r\n\r\n\t});\r\n\r\n\r\n\t/**\r\n\t * Do the calculation to move the progress bar\r\n\t * @private\r\n\t */\r\n\t$iziToast.progress = function (options, $toast, callback) {\r\n\r\n\t\tvar that = this,\r\n\t\t\tref = $toast.getAttribute('data-iziToast-ref'),\r\n\t\t\tsettings = extend(this.children[ref], options || {}),\r\n\t\t\t$elem = $toast.querySelector('.'+PLUGIN_NAME+'-progressbar div');\r\n\r\n\t\treturn {\r\n\t\t\tstart: function() {\r\n\r\n\t\t\t\tif(typeof settings.time.REMAINING == 'undefined'){\r\n\r\n\t\t\t\t\t$toast.classList.remove(PLUGIN_NAME+'-reseted');\r\n\r\n\t\t\t\t\tif($elem !== null){\r\n\t\t\t\t\t\t$elem.style.transition = 'width '+ settings.timeout +'ms '+settings.progressBarEasing;\r\n\t\t\t\t\t\t$elem.style.width = '0%';\r\n\t\t\t\t\t}\r\n\t\t\t\t\tsettings.time.START = new Date().getTime();\r\n\t\t\t\t\tsettings.time.END = settings.time.START + settings.timeout;\r\n\t\t\t\t\tsettings.time.TIMER = setTimeout(function() {\r\n\r\n\t\t\t\t\t\tclearTimeout(settings.time.TIMER);\r\n\r\n\t\t\t\t\t\tif(!$toast.classList.contains(PLUGIN_NAME+'-closing')){\r\n\t\t\t\t\t\t\tthat.hide(settings, $toast, 'timeout');\r\n\r\n\t\t\t\t\t\t\tif(typeof callback === 'function'){\r\n\t\t\t\t\t\t\t\tcallback.apply(that);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}, settings.timeout);\r\n\r\n\t\t\t\t\tthat.setSetting(ref, 'time', settings.time);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tpause: function() {\r\n\r\n\t\t\t\tif(typeof settings.time.START !== 'undefined' && !$toast.classList.contains(PLUGIN_NAME+'-paused') && !$toast.classList.contains(PLUGIN_NAME+'-reseted')){\r\n\r\n\t\t\t\t\t$toast.classList.add(PLUGIN_NAME+'-paused');\r\n\r\n\t\t\t\tsettings.time.REMAINING = settings.time.END - new Date().getTime();\r\n\r\n\t\t\t\tclearTimeout(settings.time.TIMER);\r\n\r\n\t\t\t\tthat.setSetting(ref, 'time', settings.time);\r\n\r\n\t\t\t\tif($elem !== null){\r\n\t\t\t\t\tvar computedStyle = window.getComputedStyle($elem),\r\n\t\t\t\t\t\tpropertyWidth = computedStyle.getPropertyValue('width');\r\n\r\n\t\t\t\t\t$elem.style.transition = 'none';\r\n\t\t\t\t\t$elem.style.width = propertyWidth;\t\t\t\t\t\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(typeof callback === 'function'){\r\n\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\tcallback.apply(that);\t\t\t\t\t\t\r\n\t\t\t\t\t}, 10);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t},\r\n\t\t\tresume: function() {\r\n\r\n\t\t\t\tif(typeof settings.time.REMAINING !== 'undefined'){\r\n\r\n\t\t\t\t\t$toast.classList.remove(PLUGIN_NAME+'-paused');\r\n\r\n\t\t\t\t\t\tif($elem !== null){\r\n\t\t\t\t\t\t\t$elem.style.transition = 'width '+ settings.time.REMAINING +'ms '+settings.progressBarEasing;\r\n\t\t\t\t\t\t\t$elem.style.width = '0%';\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tsettings.time.END = new Date().getTime() + settings.time.REMAINING;\r\n\t\t\t\t\t\tsettings.time.TIMER = setTimeout(function() {\r\n\r\n\t\t\t\t\t\tclearTimeout(settings.time.TIMER);\r\n\r\n\t\t\t\t\t\tif(!$toast.classList.contains(PLUGIN_NAME+'-closing')){\r\n\r\n\t\t\t\t\t\t\tthat.hide(settings, $toast, 'timeout');\r\n\r\n\t\t\t\t\t\t\tif(typeof callback === 'function'){\r\n\t\t\t\t\t\t\t\tcallback.apply(that);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}, settings.time.REMAINING);\r\n\r\n\t\t\t\t\tthat.setSetting(ref, 'time', settings.time);\r\n\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.start();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\treset: function(){\r\n\r\n\t\t\t\tclearTimeout(settings.time.TIMER);\r\n\r\n\t\t\t\tdelete settings.time.REMAINING;\r\n\r\n\t\t\t\tthat.setSetting(ref, 'time', settings.time);\r\n\r\n\t\t\t\t$toast.classList.add(PLUGIN_NAME+'-reseted');\r\n\r\n\t\t\t\t$toast.classList.remove(PLUGIN_NAME+'-paused');\r\n\r\n\t\t\t\tif($elem !== null){\r\n\t\t\t\t\t$elem.style.transition = 'none';\r\n\t\t\t\t\t$elem.style.width = '100%';\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(typeof callback === 'function'){\r\n\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\tcallback.apply(that);\t\t\t\t\t\t\r\n\t\t\t\t\t}, 10);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Close the specific Toast\r\n\t * @public\r\n\t * @param {Object} options User settings\r\n\t */\r\n\t$iziToast.hide = function (options, $toast, closedBy) {\r\n\r\n\t\tif(typeof $toast != 'object'){\r\n\t\t\t$toast = document.querySelector($toast);\r\n\t\t}\t\t\r\n\r\n\t\tvar that = this,\r\n\t\t\tsettings = extend(this.children[$toast.getAttribute('data-iziToast-ref')], options || {});\r\n\t\t\tsettings.closedBy = closedBy || null;\r\n\r\n\t\tdelete settings.time.REMAINING;\r\n\r\n\t\t$toast.classList.add(PLUGIN_NAME+'-closing');\r\n\r\n\t\t// Overlay\r\n\t\t(function(){\r\n\r\n\t\t\tvar $overlay = document.querySelector('.'+PLUGIN_NAME+'-overlay');\r\n\t\t\tif($overlay !== null){\r\n\t\t\t\tvar refs = $overlay.getAttribute('data-iziToast-ref');\t\t\r\n\t\t\t\t\trefs = refs.split(',');\r\n\t\t\t\tvar index = refs.indexOf(String(settings.ref));\r\n\r\n\t\t\t\tif(index !== -1){\r\n\t\t\t\t\trefs.splice(index, 1);\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t$overlay.setAttribute('data-iziToast-ref', refs.join());\r\n\r\n\t\t\t\tif(refs.length === 0){\r\n\t\t\t\t\t$overlay.classList.remove('fadeIn');\r\n\t\t\t\t\t$overlay.classList.add('fadeOut');\r\n\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\t$overlay.remove();\r\n\t\t\t\t\t}, 700);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t})();\r\n\r\n\t\tif(settings.transitionIn){\r\n\t\t\t$toast.classList.remove(settings.transitionIn);\r\n\t\t} \r\n\r\n\t\tif(settings.transitionInMobile){\r\n\t\t\t$toast.classList.remove(settings.transitionInMobile);\r\n\t\t}\r\n\r\n\t\tif(ISMOBILE || window.innerWidth <= MOBILEWIDTH){\r\n\t\t\tif(settings.transitionOutMobile)\r\n\t\t\t\t$toast.classList.add(settings.transitionOutMobile);\r\n\t\t} else {\r\n\t\t\tif(settings.transitionOut)\r\n\t\t\t\t$toast.classList.add(settings.transitionOut);\r\n\t\t}\r\n\t\tvar H = $toast.parentNode.offsetHeight;\r\n\t\t\t\t$toast.parentNode.style.height = H+'px';\r\n\t\t\t\t$toast.style.pointerEvents = 'none';\r\n\t\t\r\n\t\tif(!ISMOBILE || window.innerWidth > MOBILEWIDTH){\r\n\t\t\t$toast.parentNode.style.transitionDelay = '0.2s';\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tvar event = new CustomEvent(PLUGIN_NAME+'-closing', {detail: settings, bubbles: true, cancelable: true});\r\n\t\t\tdocument.dispatchEvent(event);\r\n\t\t} catch(ex){\r\n\t\t\tconsole.warn(ex);\r\n\t\t}\r\n\r\n\t\tsetTimeout(function() {\r\n\t\t\t\r\n\t\t\t$toast.parentNode.style.height = '0px';\r\n\t\t\t$toast.parentNode.style.overflow = '';\r\n\r\n\t\t\tsetTimeout(function(){\r\n\t\t\t\t\r\n\t\t\t\tdelete that.children[settings.ref];\r\n\r\n\t\t\t\t$toast.parentNode.remove();\r\n\r\n\t\t\t\ttry {\r\n\t\t\t\t\tvar event = new CustomEvent(PLUGIN_NAME+'-closed', {detail: settings, bubbles: true, cancelable: true});\r\n\t\t\t\t\tdocument.dispatchEvent(event);\r\n\t\t\t\t} catch(ex){\r\n\t\t\t\t\tconsole.warn(ex);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(typeof settings.onClosed !== 'undefined' && typeof $iziToast.children[settings.ref] !== 'undefined'){\r\n\t\t\t\t\tsettings.onClosed.apply(null, [that, settings, $toast, closedBy]);\r\n\t\t\t\t}\r\n\r\n\t\t\t}, 1000);\r\n\t\t}, 200);\r\n\r\n\r\n\t\tif(typeof settings.onClosing !== 'undefined' && typeof $iziToast.children[settings.ref] !== 'undefined'){\r\n\t\t\tsettings.onClosing.apply(null, [that, settings, $toast, closedBy]);\r\n\t\t}\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Create and show the Toast\r\n\t * @public\r\n\t * @param {Object} options User settings\r\n\t */\r\n\t$iziToast.show = function (options) {\r\n\r\n\t\tvar that = this;\r\n\r\n\t\t// Merge user options with defaults\r\n\t\tvar settings = extend(CONFIG, options || {});\r\n\t\t\tsettings = extend(defaults, settings);\r\n\t\t\tsettings.time = {};\r\n\t\t\t\r\n\t\tif(settings.id === null){\r\n\t\t\tsettings.id = generateId(settings.title+settings.message+settings.color);\r\n\t\t}\r\n\r\n\t\tsettings.ref = new Date().getTime() + Math.floor((Math.random() * 10000000) + 1);\r\n\r\n\t\t$iziToast.children[settings.ref] = settings;\r\n\r\n\t\ttry {\r\n\t\t\tif(settings.displayMode === 1 || settings.displayMode == 'once'){\r\n\t\t\t\tif(document.querySelectorAll('.'+PLUGIN_NAME+'#'+settings.id).length > 0){\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif(settings.displayMode === 2 || settings.displayMode == 'replace'){\r\n\t\t\t\tforEach(document.querySelectorAll('.'+PLUGIN_NAME+'#'+settings.id), function(element, index) {\r\n\t\t\t\t\tthat.hide(settings, element, 'replaced');\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tLog('Could not find an element with this selector: '+'#'+settings.id+'. Try to set an valid id.')\r\n\t\t}\r\n\r\n\t\tvar $DOM = {\r\n\t\t\tbody: document.querySelector('body'),\r\n\t\t\toverlay: document.createElement('div'),\r\n\t\t\ttoast: document.createElement('div'),\r\n\t\t\ttoastBody: document.createElement('div'),\r\n\t\t\ttoastTexts: document.createElement('div'),\r\n\t\t\ttoastCapsule: document.createElement('div'),\r\n\t\t\tcover: document.createElement('div'),\r\n\t\t\tbuttons: document.createElement('div'),\r\n\t\t\tinputs: document.createElement('div'),\r\n\t\t\ticon: !settings.iconUrl ? document.createElement('i') : document.createElement('img'),\r\n\t\t\twrapper: null\r\n\t\t};\r\n\r\n\t\t$DOM.toast.setAttribute('data-iziToast-ref', settings.ref);\r\n\t\t$DOM.toast.setAttribute('role', 'alert');\r\n\t\t$DOM.toast.setAttribute('aria-live', 'assertive');\r\n\t\t$DOM.toast.setAttribute('aria-atomic', 'true');\r\n\t\t$DOM.toast.appendChild($DOM.toastBody);\r\n\t\t$DOM.toastCapsule.appendChild($DOM.toast);\r\n\r\n\t\t// CSS Settings\r\n\t\t(function(){\r\n\r\n\t\t\t$DOM.toast.classList.add(PLUGIN_NAME);\r\n\t\t\t$DOM.toast.classList.add(PLUGIN_NAME+'-opening');\r\n\t\t\t$DOM.toastCapsule.classList.add(PLUGIN_NAME+'-capsule');\r\n\t\t\t$DOM.toastBody.classList.add(PLUGIN_NAME + '-body');\r\n\t\t\t$DOM.toastTexts.classList.add(PLUGIN_NAME + '-texts');\r\n\r\n\t\t\tif(ISMOBILE || window.innerWidth <= MOBILEWIDTH){\r\n\t\t\t\tif(settings.transitionInMobile)\r\n\t\t\t\t\t$DOM.toast.classList.add(settings.transitionInMobile);\r\n\t\t\t} else {\r\n\t\t\t\tif(settings.transitionIn)\r\n\t\t\t\t\t$DOM.toast.classList.add(settings.transitionIn);\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.class){\r\n\t\t\t\tvar classes = settings.class.split(' ');\r\n\t\t\t\tforEach(classes, function (value, index) {\r\n\t\t\t\t\t$DOM.toast.classList.add(value);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.id){ $DOM.toast.id = settings.id; }\r\n\r\n\t\t\tif(settings.rtl){\r\n\t\t\t\t$DOM.toast.classList.add(PLUGIN_NAME + '-rtl');\r\n\t\t\t\t$DOM.toast.setAttribute('dir', 'rtl');\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.layout > 1){ $DOM.toast.classList.add(PLUGIN_NAME+'-layout'+settings.layout); }\r\n\r\n\t\t\tif(settings.balloon){ $DOM.toast.classList.add(PLUGIN_NAME+'-balloon'); }\r\n\r\n\t\t\tif(settings.maxWidth){\r\n\t\t\t\tif( !isNaN(settings.maxWidth) ){\r\n\t\t\t\t\t$DOM.toast.style.maxWidth = settings.maxWidth+'px';\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.toast.style.maxWidth = settings.maxWidth;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.theme !== '' || settings.theme !== 'light') {\r\n\r\n\t\t\t\t$DOM.toast.classList.add(PLUGIN_NAME+'-theme-'+settings.theme);\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.color) { //#, rgb, rgba, hsl\r\n\t\t\t\t\r\n\t\t\t\tif( isColor(settings.color) ){\r\n\t\t\t\t\t$DOM.toast.style.background = settings.color;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.toast.classList.add(PLUGIN_NAME+'-color-'+settings.color);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.backgroundColor) {\r\n\t\t\t\t$DOM.toast.style.background = settings.backgroundColor;\r\n\t\t\t\tif(settings.balloon){\r\n\t\t\t\t\t$DOM.toast.style.borderColor = settings.backgroundColor;\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t// Cover image\r\n\t\t(function(){\r\n\t\t\tif(settings.image) {\r\n\t\t\t\t$DOM.cover.classList.add(PLUGIN_NAME + '-cover');\r\n\t\t\t\t$DOM.cover.style.width = settings.imageWidth + 'px';\r\n\r\n\t\t\t\tif(isBase64(settings.image.replace(/ /g,''))){\r\n\t\t\t\t\t$DOM.cover.style.backgroundImage = 'url(data:image/png;base64,' + settings.image.replace(/ /g,'') + ')';\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.cover.style.backgroundImage = 'url(' + settings.image + ')';\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(settings.rtl){\r\n\t\t\t\t\t$DOM.toastBody.style.marginRight = (settings.imageWidth + 10) + 'px';\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.toastBody.style.marginLeft = (settings.imageWidth + 10) + 'px';\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t$DOM.toast.appendChild($DOM.cover);\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t// Button close\r\n\t\t(function(){\r\n\t\t\tif(settings.close){\r\n\t\t\t\t\r\n\t\t\t\t$DOM.buttonClose = document.createElement('button');\r\n\t\t\t\t$DOM.buttonClose.type = 'button';\r\n\t\t\t\t$DOM.buttonClose.classList.add(PLUGIN_NAME + '-close');\r\n\t\t\t\t$DOM.buttonClose.setAttribute('aria-label', 'Close');\r\n\t\t\t\t$DOM.buttonClose.addEventListener('click', function (e) {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\tvar button = e.target;\r\n\t\t\t\t\tthat.hide(settings, $DOM.toast, 'button');\r\n\t\t\t\t});\r\n\t\t\t\t$DOM.toast.appendChild($DOM.buttonClose);\r\n\t\t\t} else {\r\n\t\t\t\tif(settings.rtl){\r\n\t\t\t\t\t$DOM.toast.style.paddingLeft = '18px';\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.toast.style.paddingRight = '18px';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t// Progress Bar & Timeout\r\n\t\t(function(){\r\n\r\n\t\t\tif(settings.progressBar){\r\n\t\t\t\t$DOM.progressBar = document.createElement('div');\r\n\t\t\t\t$DOM.progressBarDiv = document.createElement('div');\r\n\t\t\t\t$DOM.progressBar.classList.add(PLUGIN_NAME + '-progressbar');\r\n\t\t\t\t$DOM.progressBarDiv.style.background = settings.progressBarColor;\r\n\t\t\t\t$DOM.progressBar.appendChild($DOM.progressBarDiv);\r\n\t\t\t\t$DOM.toast.appendChild($DOM.progressBar);\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.timeout) {\r\n\r\n\t\t\t\tif(settings.pauseOnHover && !settings.resetOnHover){\r\n\t\t\t\t\t\r\n\t\t\t\t\t$DOM.toast.addEventListener('mouseenter', function (e) {\r\n\t\t\t\t\t\tthat.progress(settings, $DOM.toast).pause();\r\n\t\t\t\t\t});\r\n\t\t\t\t\t$DOM.toast.addEventListener('mouseleave', function (e) {\r\n\t\t\t\t\t\tthat.progress(settings, $DOM.toast).resume();\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(settings.resetOnHover){\r\n\r\n\t\t\t\t\t$DOM.toast.addEventListener('mouseenter', function (e) {\r\n\t\t\t\t\t\tthat.progress(settings, $DOM.toast).reset();\r\n\t\t\t\t\t});\r\n\t\t\t\t\t$DOM.toast.addEventListener('mouseleave', function (e) {\r\n\t\t\t\t\t\tthat.progress(settings, $DOM.toast).start();\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t// Icon\r\n\t\t(function(){\r\n\r\n\t\t\tif(settings.iconUrl) {\r\n\r\n\t\t\t\t$DOM.icon.setAttribute('class', PLUGIN_NAME + '-icon');\r\n\t\t\t\t$DOM.icon.setAttribute('src', settings.iconUrl);\r\n\r\n\t\t\t} else if(settings.icon) {\r\n\t\t\t\t$DOM.icon.setAttribute('class', PLUGIN_NAME + '-icon ' + settings.icon);\r\n\t\t\t\t\r\n\t\t\t\tif(settings.iconText){\r\n\t\t\t\t\t$DOM.icon.appendChild(document.createTextNode(settings.iconText));\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tif(settings.iconColor){\r\n\t\t\t\t\t$DOM.icon.style.color = settings.iconColor;\r\n\t\t\t\t}\t\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.icon || settings.iconUrl) {\r\n\r\n\t\t\t\tif(settings.rtl){\r\n\t\t\t\t\t$DOM.toastBody.style.paddingRight = '33px';\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.toastBody.style.paddingLeft = '33px';\t\t\t\t\r\n\t\t\t\t}\r\n\r\n\t\t\t\t$DOM.toastBody.appendChild($DOM.icon);\r\n\t\t\t}\r\n\r\n\t\t})();\r\n\r\n\t\t// Title & Message\r\n\t\t(function(){\r\n\t\t\tif(settings.title.length > 0) {\r\n\r\n\t\t\t\t$DOM.strong = document.createElement('strong');\r\n\t\t\t\t$DOM.strong.classList.add(PLUGIN_NAME + '-title');\r\n\t\t\t\t$DOM.strong.textContent = settings.title;\r\n\t\t\t\t$DOM.toastTexts.appendChild($DOM.strong);\r\n\r\n\t\t\t\tif(settings.titleColor) {\r\n\t\t\t\t\t$DOM.strong.style.color = settings.titleColor;\r\n\t\t\t\t}\r\n\t\t\t\tif(settings.titleSize) {\r\n\t\t\t\t\tif( !isNaN(settings.titleSize) ){\r\n\t\t\t\t\t\t$DOM.strong.style.fontSize = settings.titleSize+'px';\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t$DOM.strong.style.fontSize = settings.titleSize;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif(settings.titleLineHeight) {\r\n\t\t\t\t\tif( !isNaN(settings.titleSize) ){\r\n\t\t\t\t\t\t$DOM.strong.style.lineHeight = settings.titleLineHeight+'px';\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t$DOM.strong.style.lineHeight = settings.titleLineHeight;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.message.length > 0) {\r\n\r\n\t\t\t\t$DOM.p = document.createElement('p');\r\n\t\t\t\t$DOM.p.classList.add(PLUGIN_NAME + '-message');\r\n\t\t\t\t$DOM.p.textContent = settings.message;\r\n\t\t\t\t$DOM.toastTexts.appendChild($DOM.p);\r\n\r\n\t\t\t\tif(settings.messageColor) {\r\n\t\t\t\t\t$DOM.p.style.color = settings.messageColor;\r\n\t\t\t\t}\r\n\t\t\t\tif(settings.messageSize) {\r\n\t\t\t\t\tif( !isNaN(settings.titleSize) ){\r\n\t\t\t\t\t\t$DOM.p.style.fontSize = settings.messageSize+'px';\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t$DOM.p.style.fontSize = settings.messageSize;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif(settings.messageLineHeight) {\r\n\t\t\t\t\t\r\n\t\t\t\t\tif( !isNaN(settings.titleSize) ){\r\n\t\t\t\t\t\t$DOM.p.style.lineHeight = settings.messageLineHeight+'px';\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t$DOM.p.style.lineHeight = settings.messageLineHeight;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif(settings.title.length > 0 && settings.message.length > 0) {\r\n\t\t\t\tif(settings.rtl){\r\n\t\t\t\t\t$DOM.strong.style.marginLeft = '10px';\r\n\t\t\t\t} else if(settings.layout !== 2 && !settings.rtl) {\r\n\t\t\t\t\t$DOM.strong.style.marginRight = '10px';\t\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t$DOM.toastBody.appendChild($DOM.toastTexts);\r\n\r\n\t\t// Inputs\r\n\t\tvar $inputs;\r\n\t\t(function(){\r\n\t\t\tif(settings.inputs.length > 0) {\r\n\r\n\t\t\t\t$DOM.inputs.classList.add(PLUGIN_NAME + '-inputs');\r\n\r\n\t\t\t\tforEach(settings.inputs, function (value, index) {\r\n\r\n\t\t\t\t\t$DOM.inputs.appendChild(createInput(value[0]));\r\n\r\n\t\t\t\t\t$inputs = $DOM.inputs.childNodes;\r\n\r\n\t\t\t\t\t$inputs[index].classList.add(PLUGIN_NAME + '-inputs-child');\r\n\r\n\t\t\t\t\tif(value[3]){ // Check if 'focus' param is true\r\n\t\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\t\t$inputs[index].focus();\r\n\t\t\t\t\t\t}, 300);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t$inputs[index].addEventListener(value[1], function (e) {\r\n\t\t\t\t\t\tvar ts = value[2];\r\n\r\n\t\t\t\t\t\tvar elements = {\r\n\t\t\t\t\t\t\ttoast: $DOM.toast,\r\n\t\t\t\t\t\t\tcurrentInput: this,\r\n\t\t\t\t\t\t\tbuttons: $DOM.buttons,\r\n\t\t\t\t\t\t\tinputs: $inputs\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\treturn ts(that, settings, elements, e);\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t\t$DOM.toastBody.appendChild($DOM.inputs);\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t// Buttons\r\n\t\t(function(){\r\n\t\t\tif(settings.buttons.length > 0) {\r\n\r\n\t\t\t\t$DOM.buttons.classList.add(PLUGIN_NAME + '-buttons');\r\n\r\n\t\t\t\tforEach(settings.buttons, function (value, index) {\r\n\r\n\t\t\t\t\tvar btn = document.createElement('button');\r\n\t\t\t\t\t\t\tbtn.setAttribute('type', 'button');\r\n\t\t\t\t\t\t\tbtn.textContent = value[0]\r\n\t\t\t\t\t$DOM.buttons.appendChild(btn);\r\n\r\n\t\t\t\t\tvar $btns = $DOM.buttons.childNodes;\r\n\r\n\t\t\t\t\t$btns[index].classList.add(PLUGIN_NAME + '-buttons-child');\r\n\r\n\t\t\t\t\tif(value[2]){ // Check if 'focus' param is true\r\n\t\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\t\t$btns[index].focus();\r\n\t\t\t\t\t\t}, 300);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t$btns[index].addEventListener('click', function (e) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\tvar ts = value[1];\r\n\t\t\t\t\t\t// instance, settings, toast, e\r\n\t\t\t\t\t\tvar elements = {\r\n\t\t\t\t\t\t\ttoast: $DOM.toast,\r\n\t\t\t\t\t\t\tcurrentButton: this,\r\n\t\t\t\t\t\t\tbuttons: $DOM.buttons,\r\n\t\t\t\t\t\t\tinputs: $inputs\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\treturn ts(that, settings, elements, e);\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\t$DOM.toastBody.appendChild($DOM.buttons);\r\n\t\t})();\r\n\r\n\t\t// Margin adjustments\r\n\t\t(function(){\r\n\t\t\tif(settings.message.length > 0 && (settings.inputs.length > 0 || settings.buttons.length > 0)) {\r\n\t\t\t\t$DOM.p.style.marginBottom = '0';\r\n\t\t\t}\r\n\t\r\n\t\t\tif(settings.inputs.length > 0 || settings.buttons.length > 0){\r\n\t\t\t\tif(settings.rtl){\r\n\t\t\t\t\t$DOM.toastTexts.style.marginLeft = '10px';\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.toastTexts.style.marginRight = '10px';\r\n\t\t\t\t}\r\n\t\t\t\tif(settings.inputs.length > 0 && settings.buttons.length > 0){\r\n\t\t\t\t\tif(settings.rtl){\r\n\t\t\t\t\t\t$DOM.inputs.style.marginLeft = '8px';\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t$DOM.inputs.style.marginRight = '8px';\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\r\n\t\t// Wrap\r\n\t\t(function(){\r\n\t\t\t$DOM.toastCapsule.style.visibility = 'hidden';\r\n\t\t\tsetTimeout(function() {\r\n\t\t\t\tvar H = $DOM.toast.offsetHeight;\r\n\t\t\t\tvar style = $DOM.toast.currentStyle || window.getComputedStyle($DOM.toast);\r\n\t\t\t\tvar marginTop = style.marginTop;\r\n\t\t\t\t\tmarginTop = marginTop.split('px');\r\n\t\t\t\t\tmarginTop = parseInt(marginTop[0]);\r\n\t\t\t\tvar marginBottom = style.marginBottom;\r\n\t\t\t\t\tmarginBottom = marginBottom.split('px');\r\n\t\t\t\t\tmarginBottom = parseInt(marginBottom[0]);\r\n\r\n\t\t\t\t$DOM.toastCapsule.style.visibility = '';\r\n\t\t\t\t$DOM.toastCapsule.style.height = (H+marginBottom+marginTop)+'px';\r\n\r\n\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t$DOM.toastCapsule.style.height = 'auto';\r\n\t\t\t\t\tif(settings.target){\r\n\t\t\t\t\t\t$DOM.toastCapsule.style.overflow = 'visible';\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 500);\r\n\r\n\t\t\t\tif(settings.timeout) {\r\n\t\t\t\t\tthat.progress(settings, $DOM.toast).start();\r\n\t\t\t\t}\r\n\t\t\t}, 100);\r\n\t\t})();\r\n\r\n\t\t// Target\r\n\t\t(function(){\r\n\t\t\tvar position = settings.position;\r\n\r\n\t\t\tif(settings.target){\r\n\r\n\t\t\t\t$DOM.wrapper = document.querySelector(settings.target);\r\n\t\t\t\t$DOM.wrapper.classList.add(PLUGIN_NAME + '-target');\r\n\r\n\t\t\t\tif(settings.targetFirst) {\r\n\t\t\t\t\t$DOM.wrapper.insertBefore($DOM.toastCapsule, $DOM.wrapper.firstChild);\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.wrapper.appendChild($DOM.toastCapsule);\r\n\t\t\t\t}\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\tif( POSITIONS.indexOf(settings.position) == -1 ){\r\n\t\t\t\t\tLog('Incorrect position.\\nIt can be › ' + POSITIONS)\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(ISMOBILE || window.innerWidth <= MOBILEWIDTH){\r\n\t\t\t\t\tif(settings.position == 'bottomLeft' || settings.position == 'bottomRight' || settings.position == 'bottomCenter'){\r\n\t\t\t\t\t\tposition = PLUGIN_NAME+'-wrapper-bottomCenter';\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if(settings.position == 'topLeft' || settings.position == 'topRight' || settings.position == 'topCenter'){\r\n\t\t\t\t\t\tposition = PLUGIN_NAME+'-wrapper-topCenter';\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\tposition = PLUGIN_NAME+'-wrapper-center';\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tposition = PLUGIN_NAME+'-wrapper-'+position;\r\n\t\t\t\t}\r\n\t\t\t\t$DOM.wrapper = document.querySelector('.' + PLUGIN_NAME + '-wrapper.'+position);\r\n\r\n\t\t\t\tif(!$DOM.wrapper) {\r\n\t\t\t\t\t$DOM.wrapper = document.createElement('div');\r\n\t\t\t\t\t$DOM.wrapper.classList.add(PLUGIN_NAME + '-wrapper');\r\n\t\t\t\t\t$DOM.wrapper.classList.add(position);\r\n\t\t\t\t\tdocument.body.appendChild($DOM.wrapper);\r\n\t\t\t\t}\r\n\t\t\t\tif(settings.position == 'topLeft' || settings.position == 'topCenter' || settings.position == 'topRight'){\r\n\t\t\t\t\t$DOM.wrapper.insertBefore($DOM.toastCapsule, $DOM.wrapper.firstChild);\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.wrapper.appendChild($DOM.toastCapsule);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif(!isNaN(settings.zindex)) {\r\n\t\t\t\t$DOM.wrapper.style.zIndex = settings.zindex;\r\n\t\t\t} else {\r\n\t\t\t\tLog('Invalid zIndex value.')\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t// Overlay\r\n\t\t(function(){\r\n\r\n\t\t\tif(settings.overlay) {\r\n\r\n\t\t\t\tif( document.querySelector('.'+PLUGIN_NAME+'-overlay.fadeIn') !== null ){\r\n\r\n\t\t\t\t\t$DOM.overlay = document.querySelector('.'+PLUGIN_NAME+'-overlay');\r\n\t\t\t\t\t$DOM.overlay.setAttribute('data-iziToast-ref', $DOM.overlay.getAttribute('data-iziToast-ref') + ',' + settings.ref);\r\n\r\n\t\t\t\t\tif(!isNaN(settings.zindex) && settings.zindex !== null) {\r\n\t\t\t\t\t\t$DOM.overlay.style.zIndex = settings.zindex-1;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t} else {\r\n\r\n\t\t\t\t\t$DOM.overlay.classList.add(PLUGIN_NAME+'-overlay');\r\n\t\t\t\t\t$DOM.overlay.classList.add('fadeIn');\r\n\t\t\t\t\t$DOM.overlay.style.background = settings.overlayColor;\r\n\t\t\t\t\t$DOM.overlay.setAttribute('data-iziToast-ref', settings.ref);\r\n\t\t\t\t\tif(!isNaN(settings.zindex) && settings.zindex !== null) {\r\n\t\t\t\t\t\t$DOM.overlay.style.zIndex = settings.zindex-1;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t$DOM.body.appendChild($DOM.overlay);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(settings.overlayClose) {\r\n\r\n\t\t\t\t\t$DOM.overlay.removeEventListener('click', {});\r\n\t\t\t\t\t$DOM.overlay.addEventListener('click', function (e) {\r\n\t\t\t\t\t\tthat.hide(settings, $DOM.toast, 'overlay');\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$DOM.overlay.removeEventListener('click', {});\r\n\t\t\t\t}\r\n\t\t\t}\t\t\t\r\n\t\t})();\r\n\r\n\t\t// Inside animations\r\n\t\t(function(){\r\n\t\t\tif(settings.animateInside){\r\n\t\t\t\t$DOM.toast.classList.add(PLUGIN_NAME+'-animateInside');\r\n\t\t\t\r\n\t\t\t\tvar animationTimes = [200, 100, 300];\r\n\t\t\t\tif(settings.transitionIn == 'bounceInLeft' || settings.transitionIn == 'bounceInRight'){\r\n\t\t\t\t\tanimationTimes = [400, 200, 400];\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(settings.title.length > 0) {\r\n\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t$DOM.strong.classList.add('slideIn');\r\n\t\t\t\t\t}, animationTimes[0]);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(settings.message.length > 0) {\r\n\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t$DOM.p.classList.add('slideIn');\r\n\t\t\t\t\t}, animationTimes[1]);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(settings.icon || settings.iconUrl) {\r\n\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t$DOM.icon.classList.add('revealIn');\r\n\t\t\t\t\t}, animationTimes[2]);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar counter = 150;\r\n\t\t\t\tif(settings.buttons.length > 0 && $DOM.buttons) {\r\n\r\n\t\t\t\t\tsetTimeout(function(){\r\n\r\n\t\t\t\t\t\tforEach($DOM.buttons.childNodes, function(element, index) {\r\n\r\n\t\t\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t\t\telement.classList.add('revealIn');\r\n\t\t\t\t\t\t\t}, counter);\r\n\t\t\t\t\t\t\tcounter = counter + 150;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t}, settings.inputs.length > 0 ? 150 : 0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(settings.inputs.length > 0 && $DOM.inputs) {\r\n\t\t\t\t\tcounter = 150;\r\n\t\t\t\t\tforEach($DOM.inputs.childNodes, function(element, index) {\r\n\r\n\t\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t\telement.classList.add('revealIn');\r\n\t\t\t\t\t\t}, counter);\r\n\t\t\t\t\t\tcounter = counter + 150;\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\tif(typeof settings.onClick === 'function' && settings.onClick.length !== 0){\r\n\t\t\t$DOM.toast.addEventListener('click', function (e) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tsettings.onClick.apply(null, [that, settings, $DOM.toast, e]);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif(typeof settings.onOpening === 'function' && settings.onOpening.length !== 0){\r\n\t\t\tsettings.onOpening.apply(null, [that, settings, $DOM.toast]);\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tvar event = new CustomEvent(PLUGIN_NAME + '-opening', {detail: settings, bubbles: true, cancelable: true});\r\n\t\t\tdocument.dispatchEvent(event);\r\n\t\t} catch(ex){\r\n\t\t\tconsole.warn(ex);\r\n\t\t}\r\n\r\n\t\tsetTimeout(function() {\r\n\r\n\t\t\t$DOM.toast.classList.remove(PLUGIN_NAME+'-opening');\r\n\t\t\t$DOM.toast.classList.add(PLUGIN_NAME+'-opened');\r\n\r\n\t\t\ttry {\r\n\t\t\t\tvar event = new CustomEvent(PLUGIN_NAME + '-opened', {detail: settings, bubbles: true, cancelable: true});\r\n\t\t\t\tdocument.dispatchEvent(event);\r\n\t\t\t} catch(ex){\r\n\t\t\t\tconsole.warn(ex);\r\n\t\t\t}\r\n\r\n\t\t\tif(typeof $iziToast.children[settings.ref] !== 'undefined'){\r\n\t\t\t\tsettings.onOpened.apply(null, [that, settings, $DOM.toast]);\r\n\t\t\t}\r\n\t\t}, 1000);\r\n\r\n\t\tif(settings.drag){\r\n\t\t\tif(ACCEPTSTOUCH) {\r\n\r\n\t\t\t\t$DOM.toast.addEventListener('touchstart', function(e) {\r\n\t\t\t\t\tdrag.startMoving(this, that, settings, e);\r\n\t\t\t\t}, false);\r\n\r\n\t\t\t\t$DOM.toast.addEventListener('touchend', function(e) {\r\n\t\t\t\t\tdrag.stopMoving(this, e);\r\n\t\t\t\t}, false);\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\t$DOM.toast.addEventListener('mousedown', function(e) {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tdrag.startMoving(this, that, settings, e);\r\n\t\t\t\t}, false);\r\n\r\n\t\t\t\t$DOM.toast.addEventListener('mouseup', function(e) {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tdrag.stopMoving(this, e);\r\n\t\t\t\t}, false);\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif(settings.closeOnEscape) {\r\n\r\n\t\t\tdocument.addEventListener('keyup', function (evt) {\r\n\t\t\t\tevt = evt || window.event;\r\n\t\t\t\tif(evt.keyCode == 27) {\r\n\t\t\t\t\tthat.hide(settings, $DOM.toast, 'esc');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif(settings.closeOnClick) {\r\n\t\t\t$DOM.toast.addEventListener('click', function (evt) {\r\n\t\t\t\tthat.hide(settings, $DOM.toast, 'toast');\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthat.toast = $DOM.toast;\t\t\r\n\t};\r\n\t\r\n\r\n\treturn $iziToast;\r\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/webpack/buildin/global.js */ \"./node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:///./src/js/iziToast.js?");

/***/ }),

/***/ 0:
/*!*******************************************************!*\
  !*** multi ./src/js/iziToast.js ./src/css/style.styl ***!
  \*******************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

eval("__webpack_require__(/*! /Users/dolza/Projects/GITHUB/iziToast/dist/github/src/js/iziToast.js */\"./src/js/iziToast.js\");\nmodule.exports = __webpack_require__(/*! /Users/dolza/Projects/GITHUB/iziToast/dist/github/src/css/style.styl */\"./src/css/style.styl\");\n\n\n//# sourceURL=webpack:///multi_./src/js/iziToast.js_./src/css/style.styl?");

/***/ })

/******/ });