notie - npm Package Compare versions

Comparing version 4.0.0 to 4.1.0

dist/notie.js

@@ -183,5 +183,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-var getTransitionStyle = function getTransitionStyle() {
-  return options.transitionSelector + ' ' + options.transitionDuration + 's ' + options.transitionCurve;
-};
+var transitionFull = options.transitionSelector + ' ' + options.transitionDuration + 's ' + options.transitionCurve;
 
@@ -206,3 +204,3 @@ var enterClicked = function enterClicked(event) {
   tick().then(function () {
-    element.style.transition = getTransitionStyle();
+    element.style.transition = transitionFull;
     element.style[from] = 0;
@@ -242,3 +240,3 @@ });
   tick().then(function () {
-    element.style.transition = getTransitionStyle();
+    element.style.transition = transitionFull;
     element.style.opacity = options.overlayOpacity;
@@ -308,3 +306,3 @@ });
 
-var force = exports.force = function force(_ref2, callback) {
+var force = exports.force = function force(_ref2, callbackArg) {
   var _ref2$type = _ref2.type,
@@ -314,3 +312,4 @@ type = _ref2$type === undefined ? 5 : _ref2$type,
       _ref2$buttonText = _ref2.buttonText,
-      buttonText = _ref2$buttonText === undefined ? 'OK' : _ref2$buttonText;
+      buttonText = _ref2$buttonText === undefined ? 'OK' : _ref2$buttonText,
+      callback = _ref2.callback;
 
@@ -324,6 +323,6 @@ blur();
 
-  var elementMessage = document.createElement('div');
-  elementMessage.classList.add(options.classes.textbox);
-  elementMessage.classList.add(options.classes.backgroundInfo);
-  elementMessage.innerHTML = '<div class="' + options.classes.textboxInner + '">' + text + '</div>';
+  var elementText = document.createElement('div');
+  elementText.classList.add(options.classes.textbox);
+  elementText.classList.add(options.classes.backgroundInfo);
+  elementText.innerHTML = '<div class="' + options.classes.textboxInner + '">' + text + '</div>';
 
@@ -337,6 +336,6 @@ var elementButton = document.createElement('div');
     removeOverlayFromDocument();
-    if (callback) callback();
+    if (callback) callback();else if (callbackArg) callbackArg();
   };
 
-  element.appendChild(elementMessage);
+  element.appendChild(elementText);
   element.appendChild(elementButton);
@@ -353,8 +352,10 @@
 
-var confirm = exports.confirm = function confirm(_ref3, yesCallback, noCallback) {
+var confirm = exports.confirm = function confirm(_ref3, submitCallbackArg, cancelCallbackArg) {
   var text = _ref3.text,
-      _ref3$yesText = _ref3.yesText,
-      yesText = _ref3$yesText === undefined ? 'Yes' : _ref3$yesText,
-      _ref3$noText = _ref3.noText,
-      noText = _ref3$noText === undefined ? 'Cancel' : _ref3$noText;
+      _ref3$submitText = _ref3.submitText,
+      submitText = _ref3$submitText === undefined ? 'Yes' : _ref3$submitText,
+      _ref3$cancelText = _ref3.cancelText,
+      cancelText = _ref3$cancelText === undefined ? 'Cancel' : _ref3$cancelText,
+      submitCallback = _ref3.submitCallback,
+      cancelCallback = _ref3.cancelCallback;
 
@@ -368,6 +369,6 @@ blur();
 
-  var elementMessage = document.createElement('div');
-  elementMessage.classList.add(options.classes.textbox);
-  elementMessage.classList.add(options.classes.backgroundInfo);
-  elementMessage.innerHTML = '<div class="' + options.classes.textboxInner + '">' + text + '</div>';
+  var elementText = document.createElement('div');
+  elementText.classList.add(options.classes.textbox);
+  elementText.classList.add(options.classes.backgroundInfo);
+  elementText.innerHTML = '<div class="' + options.classes.textboxInner + '">' + text + '</div>';
 
@@ -378,7 +379,7 @@ var elementButtonLeft = document.createElement('div');
   elementButtonLeft.classList.add(options.classes.backgroundSuccess);
-  elementButtonLeft.innerHTML = yesText;
+  elementButtonLeft.innerHTML = submitText;
   elementButtonLeft.onclick = function () {
     removeFromDocument(id);
     removeOverlayFromDocument();
-    if (yesCallback) yesCallback();
+    if (submitCallback) submitCallback();else if (submitCallbackArg) submitCallbackArg();
   };
@@ -390,10 +391,10 @@
   elementButtonRight.classList.add(options.classes.backgroundError);
-  elementButtonRight.innerHTML = noText;
+  elementButtonRight.innerHTML = cancelText;
   elementButtonRight.onclick = function () {
     removeFromDocument(id);
     removeOverlayFromDocument();
-    if (noCallback) noCallback();
+    if (cancelCallback) cancelCallback();else if (cancelCallbackArg) cancelCallbackArg();
   };
 
-  element.appendChild(elementMessage);
+  element.appendChild(elementText);
   element.appendChild(elementButtonLeft);
@@ -411,3 +412,3 @@ element.appendChild(elementButtonRight);
 
-var input = function input(_ref4, submitCallback, cancelCallback) {
+var input = function input(_ref4, submitCallbackArg, cancelCallbackArg) {
   var text = _ref4.text,
@@ -418,3 +419,5 @@ _ref4$submitText = _ref4.submitText,
       cancelText = _ref4$cancelText === undefined ? 'Cancel' : _ref4$cancelText,
-      settings = _objectWithoutProperties(_ref4, ['text', 'submitText', 'cancelText']);
+      submitCallback = _ref4.submitCallback,
+      cancelCallback = _ref4.cancelCallback,
+      settings = _objectWithoutProperties(_ref4, ['text', 'submitText', 'cancelText', 'submitCallback', 'cancelCallback']);
 
@@ -428,6 +431,6 @@ blur();
 
-  var elementMessage = document.createElement('div');
-  elementMessage.classList.add(options.classes.textbox);
-  elementMessage.classList.add(options.classes.backgroundInfo);
-  elementMessage.innerHTML = '<div class="' + options.classes.textboxInner + '">' + text + '</div>';
+  var elementText = document.createElement('div');
+  elementText.classList.add(options.classes.textbox);
+  elementText.classList.add(options.classes.backgroundInfo);
+  elementText.innerHTML = '<div class="' + options.classes.textboxInner + '">' + text + '</div>';
 
@@ -480,3 +483,3 @@ var elementInput = document.createElement('input');
     removeOverlayFromDocument();
-    if (submitCallback) submitCallback(elementInput.value);
+    if (submitCallback) submitCallback(elementInput.value);else if (submitCallbackArg) submitCallbackArg(elementInput.value);
   };
@@ -492,6 +495,6 @@
     removeOverlayFromDocument();
-    if (cancelCallback) cancelCallback(elementInput.value);
+    if (cancelCallback) cancelCallback(elementInput.value);else if (cancelCallbackArg) cancelCallbackArg(elementInput.value);
   };
 
-  element.appendChild(elementMessage);
+  element.appendChild(elementText);
   element.appendChild(elementInput);
@@ -513,6 +516,7 @@ element.appendChild(elementButtonLeft);
 exports.input = input;
-var select = exports.select = function select(_ref5) {
+var select = exports.select = function select(_ref5, cancelCallbackArg) {
   var text = _ref5.text,
       _ref5$cancelText = _ref5.cancelText,
       cancelText = _ref5$cancelText === undefined ? 'Cancel' : _ref5$cancelText,
+      cancelCallback = _ref5.cancelCallback,
       choices = _ref5.choices;
@@ -529,8 +533,8 @@
 
-  var elementMessage = document.createElement('div');
-  elementMessage.classList.add(options.classes.textbox);
-  elementMessage.classList.add(options.classes.backgroundInfo);
-  elementMessage.innerHTML = '<div class="' + options.classes.textboxInner + '">' + text + '</div>';
+  var elementText = document.createElement('div');
+  elementText.classList.add(options.classes.textbox);
+  elementText.classList.add(options.classes.backgroundInfo);
+  elementText.innerHTML = '<div class="' + options.classes.textboxInner + '">' + text + '</div>';
 
-  element.appendChild(elementMessage);
+  element.appendChild(elementText);
 
@@ -571,2 +575,3 @@ choices.forEach(function (_ref6, index) {
     removeOverlayFromDocument();
+    if (cancelCallback) cancelCallback();else if (cancelCallbackArg) cancelCallbackArg();
   };
@@ -585,3 +590,3 @@
 
-var date = exports.date = function date(_ref7, submitCallback, cancelCallback) {
+var date = exports.date = function date(_ref7, submitCallbackArg, cancelCallbackArg) {
   var _ref7$value = _ref7.value,
@@ -592,3 +597,5 @@ value = _ref7$value === undefined ? new Date() : _ref7$value,
       _ref7$cancelText = _ref7.cancelText,
-      cancelText = _ref7$cancelText === undefined ? 'Cancel' : _ref7$cancelText;
+      cancelText = _ref7$cancelText === undefined ? 'Cancel' : _ref7$cancelText,
+      submitCallback = _ref7.submitCallback,
+      cancelCallback = _ref7.cancelCallback;
 
@@ -702,3 +709,3 @@ blur();
     removeOverlayFromDocument();
-    if (submitCallback) submitCallback(value);
+    if (submitCallback) submitCallback(value);else if (submitCallbackArg) submitCallbackArg(value);
   };
@@ -714,3 +721,3 @@
     removeOverlayFromDocument();
-    if (cancelCallback) cancelCallback(value);
+    if (cancelCallback) cancelCallback(value);else if (cancelCallbackArg) cancelCallbackArg(value);
   };
@@ -717,0 +724,0 @@

dist/notie.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.notie=t():e.notie=t()}(this,function(){return function(e){function t(s){if(n[s])return n[s].exports;var a=n[s]={i:s,l:!1,exports:{}};return e[s].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,s){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:s})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=1)}([function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t,n){"use strict";(function(e){var n,s,a,c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};!function(i,o){"object"===c(t)&&"object"===c(e)?e.exports=o():(s=[],n=o,a="function"==typeof n?n.apply(t,s):n,!(void 0!==a&&(e.exports=a)))}(void 0,function(){return function(e){function t(s){if(n[s])return n[s].exports;var a=n[s]={i:s,l:!1,exports:{}};return e[s].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,s){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:s})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){function s(e,t){var n={};for(var s in e)t.indexOf(s)>=0||Object.prototype.hasOwnProperty.call(e,s)&&(n[s]=e[s]);return n}Object.defineProperty(t,"__esModule",{value:!0});var a="function"==typeof Symbol&&"symbol"===c(Symbol.iterator)?function(e){return"undefined"==typeof e?"undefined":c(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":"undefined"==typeof e?"undefined":c(e)},i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},o={alertTime:3,dateMonths:["January","February","March","April","May","June","July","August","September","October","November","December"],overlayClickDismiss:!0,overlayOpacity:.75,transitionCurve:"ease",transitionDuration:.3,transitionSelector:"all",classes:{container:"notie-container",textbox:"notie-textbox",textboxInner:"notie-textbox-inner",button:"notie-button",element:"notie-element",elementHalf:"notie-element-half",elementThird:"notie-element-third",overlay:"notie-overlay",backgroundSuccess:"notie-background-success",backgroundWarning:"notie-background-warning",backgroundError:"notie-background-error",backgroundInfo:"notie-background-info",backgroundNeutral:"notie-background-neutral",backgroundOverlay:"notie-background-overlay",alert:"notie-alert",inputField:"notie-input-field",selectChoiceRepeated:"notie-select-choice-repeated",dateSelectorInner:"notie-date-selector-inner",dateSelectorUp:"notie-date-selector-up"},ids:{overlay:"notie-overlay"}},r=t.setOptions=function(e){o=i({},o,e,{classes:i({},o.classes,e.classes),ids:i({},o.ids,e.ids)})},l=function(){return new Promise(function(e){return setTimeout(e,0)})},d=function(e){return new Promise(function(t){return setTimeout(t,1e3*e)})},u=function(){document.activeElement&&document.activeElement.blur()},f=function(){var e="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0,n="x"===e?t:3&t|8;return n.toString(16)});return"notie-"+e},p={1:o.classes.backgroundSuccess,success:o.classes.backgroundSuccess,2:o.classes.backgroundWarning,warning:o.classes.backgroundWarning,3:o.classes.backgroundError,error:o.classes.backgroundError,4:o.classes.backgroundInfo,info:o.classes.backgroundInfo,5:o.classes.backgroundNeutral,neutral:o.classes.backgroundNeutral},m=function(){return o.transitionSelector+" "+o.transitionDuration+"s "+o.transitionCurve},v=function(e){return 13===e.keyCode},b=function(e){return 27===e.keyCode},x=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top";e.classList.add(o.classes.container),e.style[t]="-10000px",document.body.appendChild(e),e.style[t]="-"+e.offsetHeight+"px",e.listener&&window.addEventListener("keydown",e.listener),l().then(function(){e.style.transition=m(),e.style[t]=0})},y=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",n=document.getElementById(e);n&&(n.style[t]="-"+n.offsetHeight+"px",n.listener&&window.removeEventListener("keydown",n.listener),d(o.transitionDuration).then(function(){n.parentNode&&n.parentNode.removeChild(n)}))},L=function(e,t){var n=document.createElement("div");n.id=o.ids.overlay,n.classList.add(o.classes.overlay),n.classList.add(o.classes.backgroundOverlay),n.style.opacity=0,e&&o.overlayClickDismiss&&(n.onclick=function(){y(e.id,t),h()}),document.body.appendChild(n),l().then(function(){n.style.transition=m(),n.style.opacity=o.overlayOpacity})},h=function(){var e=document.getElementById(o.ids.overlay);e.style.opacity=0,d(o.transitionDuration).then(function(){e.parentNode&&e.parentNode.removeChild(e)})},g=t.hideAlerts=function(e){var t=document.getElementsByClassName(o.classes.alert);if(t.length){for(var n=0;n<t.length;n++){var s=t[n];y(s.id)}e&&d(o.transitionDuration).then(function(){return e()})}},k=t.alert=function(e){var t=e.type,n=void 0===t?4:t,s=e.text,a=e.time,c=void 0===a?o.alertTime:a,i=e.stay,r=void 0!==i&&i;u(),g();var l=document.createElement("div"),m=f();l.id=m,l.classList.add(o.classes.textbox),l.classList.add(p[n]),l.classList.add(o.classes.alert),l.innerHTML='<div class="'+o.classes.textboxInner+'">'+s+"</div>",l.onclick=function(){return y(m)},l.listener=function(e){(v(e)||b(e))&&g()},x(l),c&&c<1&&(c=1),!r&&c&&d(c).then(function(){return y(m)})},T=t.force=function(e,t){var n=e.type,s=void 0===n?5:n,a=e.text,c=e.buttonText,i=void 0===c?"OK":c;u(),g();var r=document.createElement("div"),l=f();r.id=l;var d=document.createElement("div");d.classList.add(o.classes.textbox),d.classList.add(o.classes.backgroundInfo),d.innerHTML='<div class="'+o.classes.textboxInner+'">'+a+"</div>";var m=document.createElement("div");m.classList.add(o.classes.button),m.classList.add(p[s]),m.innerHTML=i,m.onclick=function(){y(l),h(),t&&t()},r.appendChild(d),r.appendChild(m),r.listener=function(e){v(e)&&m.click()},x(r),L()},E=t.confirm=function(e,t,n){var s=e.text,a=e.yesText,c=void 0===a?"Yes":a,i=e.noText,r=void 0===i?"Cancel":i;u(),g();var l=document.createElement("div"),d=f();l.id=d;var p=document.createElement("div");p.classList.add(o.classes.textbox),p.classList.add(o.classes.backgroundInfo),p.innerHTML='<div class="'+o.classes.textboxInner+'">'+s+"</div>";var m=document.createElement("div");m.classList.add(o.classes.button),m.classList.add(o.classes.elementHalf),m.classList.add(o.classes.backgroundSuccess),m.innerHTML=c,m.onclick=function(){y(d),h(),t&&t()};var k=document.createElement("div");k.classList.add(o.classes.button),k.classList.add(o.classes.elementHalf),k.classList.add(o.classes.backgroundError),k.innerHTML=r,k.onclick=function(){y(d),h(),n&&n()},l.appendChild(p),l.appendChild(m),l.appendChild(k),l.listener=function(e){v(e)?m.click():b(e)&&k.click()},x(l),L(l)},C=function(e,t,n){var c=e.text,i=e.submitText,r=void 0===i?"Submit":i,l=e.cancelText,d=void 0===l?"Cancel":l,p=s(e,["text","submitText","cancelText"]);u(),g();var m=document.createElement("div"),k=f();m.id=k;var T=document.createElement("div");T.classList.add(o.classes.textbox),T.classList.add(o.classes.backgroundInfo),T.innerHTML='<div class="'+o.classes.textboxInner+'">'+c+"</div>";var E=document.createElement("input");E.classList.add(o.classes.inputField),E.setAttribute("autocapitalize",p.autocapitalize||"none"),E.setAttribute("autocomplete",p.autocomplete||"off"),E.setAttribute("autocorrect",p.autocorrect||"off"),E.setAttribute("autofocus",p.autofocus||"true"),E.setAttribute("inputmode",p.inputmode||"verbatim"),E.setAttribute("max",p.max||""),E.setAttribute("maxlength",p.maxlength||""),E.setAttribute("min",p.min||""),E.setAttribute("minlength",p.minlength||""),E.setAttribute("placeholder",p.placeholder||""),E.setAttribute("spellcheck",p.spellcheck||"default"),E.setAttribute("step",p.step||"any"),E.setAttribute("type",p.type||"text"),E.value=p.value||"",p.allowed&&(E.oninput=function(){var e=void 0;if(Array.isArray(p.allowed)){for(var t="",n=p.allowed,s=0;s<n.length;s++)"an"===n[s]?t+="0-9a-zA-Z":"a"===n[s]?t+="a-zA-Z":"n"===n[s]&&(t+="0-9"),"s"===n[s]&&(t+=" ");e=new RegExp("[^"+t+"]","g")}else"object"===a(p.allowed)&&(e=p.allowed);E.value=E.value.replace(e,"")});var C=document.createElement("div");C.classList.add(o.classes.button),C.classList.add(o.classes.elementHalf),C.classList.add(o.classes.backgroundSuccess),C.innerHTML=r,C.onclick=function(){y(k),h(),t&&t(E.value)};var M=document.createElement("div");M.classList.add(o.classes.button),M.classList.add(o.classes.elementHalf),M.classList.add(o.classes.backgroundError),M.innerHTML=d,M.onclick=function(){y(k),h(),n&&n(E.value)},m.appendChild(T),m.appendChild(E),m.appendChild(C),m.appendChild(M),m.listener=function(e){v(e)?C.click():b(e)&&M.click()},x(m),E.focus(),L(m)};t.input=C;var M=t.select=function(e){var t=e.text,n=e.cancelText,s=void 0===n?"Cancel":n,a=e.choices;u(),g();var c="bottom",i=document.createElement("div"),r=f();i.id=r;var l=document.createElement("div");l.classList.add(o.classes.textbox),l.classList.add(o.classes.backgroundInfo),l.innerHTML='<div class="'+o.classes.textboxInner+'">'+t+"</div>",i.appendChild(l),a.forEach(function(e,t){var n=e.type,s=void 0===n?1:n,l=e.text,d=e.handler,u=document.createElement("div");u.classList.add(p[s]),u.classList.add(o.classes.button),u.classList.add(o.classes.selectChoice);var f=a[t+1];f&&!f.type&&(f.type=1),f&&f.type===s&&u.classList.add(o.classes.selectChoiceRepeated),u.innerHTML=l,u.onclick=function(){y(r,c),h(),d()},i.appendChild(u)});var d=document.createElement("div");d.classList.add(o.classes.backgroundNeutral),d.classList.add(o.classes.button),d.innerHTML=s,d.onclick=function(){y(r,c),h()},i.appendChild(d),i.listener=function(e){b(e)&&d.click()},x(i,c),L(i,c)},H=t.date=function(e,t,n){var s=e.value,a=void 0===s?new Date:s,c=e.submitText,i=void 0===c?"OK":c,r=e.cancelText,l=void 0===r?"Cancel":r;u(),g();var d="&#9662",p=document.createElement("div"),m=f();p.id=m;var k=document.createElement("div");k.classList.add(o.classes.backgroundInfo);var T=document.createElement("div");T.classList.add(o.classes.dateSelectorInner);var E=document.createElement("div");E.classList.add(o.classes.button),E.classList.add(o.classes.elementThird),E.classList.add(o.classes.dateSelectorUp),E.innerHTML=d;var C=document.createElement("div");C.classList.add(o.classes.button),C.classList.add(o.classes.elementThird),C.classList.add(o.classes.dateSelectorUp),C.innerHTML=d;var M=document.createElement("div");M.classList.add(o.classes.button),M.classList.add(o.classes.elementThird),M.classList.add(o.classes.dateSelectorUp),M.innerHTML=d;var H=document.createElement("div");H.classList.add(o.classes.element),H.classList.add(o.classes.elementThird),H.innerHTML=o.dateMonths[a.getMonth()];var S=document.createElement("div");S.classList.add(o.classes.element),S.classList.add(o.classes.elementThird),S.innerHTML=a.getDate();var O=document.createElement("div");O.classList.add(o.classes.element),O.classList.add(o.classes.elementThird),O.innerHTML=a.getFullYear();var w=document.createElement("div");w.classList.add(o.classes.button),w.classList.add(o.classes.elementThird),w.innerHTML=d;var A=document.createElement("div");A.classList.add(o.classes.button),A.classList.add(o.classes.elementThird),A.innerHTML=d;var I=document.createElement("div");I.classList.add(o.classes.button),I.classList.add(o.classes.elementThird),I.innerHTML=d;var j=function(e){H.innerHTML=o.dateMonths[e.getMonth()],S.innerHTML=e.getDate(),O.innerHTML=e.getFullYear()};E.onclick=function(){a.setMonth(a.getMonth()-1),j(a)},C.onclick=function(){a.setDate(a.getDate()-1),j(a)},M.onclick=function(){a.setFullYear(a.getFullYear()-1),j(a)},w.onclick=function(){a.setMonth(a.getMonth()+1),j(a)},A.onclick=function(){a.setDate(a.getDate()+1),j(a)},I.onclick=function(){a.setFullYear(a.getFullYear()+1),j(a)};var D=document.createElement("div");D.classList.add(o.classes.button),D.classList.add(o.classes.elementHalf),D.classList.add(o.classes.backgroundSuccess),D.innerHTML=i,D.onclick=function(){y(m),h(),t&&t(a)};var P=document.createElement("div");P.classList.add(o.classes.button),P.classList.add(o.classes.elementHalf),P.classList.add(o.classes.backgroundError),P.innerHTML=l,P.onclick=function(){y(m),h(),n&&n(a)},T.appendChild(E),T.appendChild(C),T.appendChild(M),T.appendChild(H),T.appendChild(S),T.appendChild(O),T.appendChild(w),T.appendChild(A),T.appendChild(I),k.appendChild(T),p.appendChild(k),p.appendChild(D),p.appendChild(P),p.listener=function(e){v(e)?D.click():b(e)&&P.click()},x(p),L(p)};t.default={alert:k,force:T,confirm:E,input:C,select:M,date:H,setOptions:r,hideAlerts:g}}])})}).call(t,n(0)(e))}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.notie=t():e.notie=t()}(this,function(){return function(e){function t(s){if(n[s])return n[s].exports;var a=n[s]={i:s,l:!1,exports:{}};return e[s].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,s){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:s})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=1)}([function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t,n){"use strict";(function(e){var n,s,a,c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};!function(i,l){"object"===c(t)&&"object"===c(e)?e.exports=l():(s=[],n=l,a="function"==typeof n?n.apply(t,s):n,!(void 0!==a&&(e.exports=a)))}(void 0,function(){return function(e){function t(s){if(n[s])return n[s].exports;var a=n[s]={i:s,l:!1,exports:{}};return e[s].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,s){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:s})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){function s(e,t){var n={};for(var s in e)t.indexOf(s)>=0||Object.prototype.hasOwnProperty.call(e,s)&&(n[s]=e[s]);return n}Object.defineProperty(t,"__esModule",{value:!0});var a="function"==typeof Symbol&&"symbol"===c(Symbol.iterator)?function(e){return"undefined"==typeof e?"undefined":c(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":"undefined"==typeof e?"undefined":c(e)},i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},l={alertTime:3,dateMonths:["January","February","March","April","May","June","July","August","September","October","November","December"],overlayClickDismiss:!0,overlayOpacity:.75,transitionCurve:"ease",transitionDuration:.3,transitionSelector:"all",classes:{container:"notie-container",textbox:"notie-textbox",textboxInner:"notie-textbox-inner",button:"notie-button",element:"notie-element",elementHalf:"notie-element-half",elementThird:"notie-element-third",overlay:"notie-overlay",backgroundSuccess:"notie-background-success",backgroundWarning:"notie-background-warning",backgroundError:"notie-background-error",backgroundInfo:"notie-background-info",backgroundNeutral:"notie-background-neutral",backgroundOverlay:"notie-background-overlay",alert:"notie-alert",inputField:"notie-input-field",selectChoiceRepeated:"notie-select-choice-repeated",dateSelectorInner:"notie-date-selector-inner",dateSelectorUp:"notie-date-selector-up"},ids:{overlay:"notie-overlay"}},o=t.setOptions=function(e){l=i({},l,e,{classes:i({},l.classes,e.classes),ids:i({},l.ids,e.ids)})},r=function(){return new Promise(function(e){return setTimeout(e,0)})},d=function(e){return new Promise(function(t){return setTimeout(t,1e3*e)})},u=function(){document.activeElement&&document.activeElement.blur()},f=function(){var e="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0,n="x"===e?t:3&t|8;return n.toString(16)});return"notie-"+e},p={1:l.classes.backgroundSuccess,success:l.classes.backgroundSuccess,2:l.classes.backgroundWarning,warning:l.classes.backgroundWarning,3:l.classes.backgroundError,error:l.classes.backgroundError,4:l.classes.backgroundInfo,info:l.classes.backgroundInfo,5:l.classes.backgroundNeutral,neutral:l.classes.backgroundNeutral},m=l.transitionSelector+" "+l.transitionDuration+"s "+l.transitionCurve,v=function(e){return 13===e.keyCode},b=function(e){return 27===e.keyCode},x=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top";e.classList.add(l.classes.container),e.style[t]="-10000px",document.body.appendChild(e),e.style[t]="-"+e.offsetHeight+"px",e.listener&&window.addEventListener("keydown",e.listener),r().then(function(){e.style.transition=m,e.style[t]=0})},y=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",n=document.getElementById(e);n&&(n.style[t]="-"+n.offsetHeight+"px",n.listener&&window.removeEventListener("keydown",n.listener),d(l.transitionDuration).then(function(){n.parentNode&&n.parentNode.removeChild(n)}))},L=function(e,t){var n=document.createElement("div");n.id=l.ids.overlay,n.classList.add(l.classes.overlay),n.classList.add(l.classes.backgroundOverlay),n.style.opacity=0,e&&l.overlayClickDismiss&&(n.onclick=function(){y(e.id,t),h()}),document.body.appendChild(n),r().then(function(){n.style.transition=m,n.style.opacity=l.overlayOpacity})},h=function(){var e=document.getElementById(l.ids.overlay);e.style.opacity=0,d(l.transitionDuration).then(function(){e.parentNode&&e.parentNode.removeChild(e)})},k=t.hideAlerts=function(e){var t=document.getElementsByClassName(l.classes.alert);if(t.length){for(var n=0;n<t.length;n++){var s=t[n];y(s.id)}e&&d(l.transitionDuration).then(function(){return e()})}},g=t.alert=function(e){var t=e.type,n=void 0===t?4:t,s=e.text,a=e.time,c=void 0===a?l.alertTime:a,i=e.stay,o=void 0!==i&&i;u(),k();var r=document.createElement("div"),m=f();r.id=m,r.classList.add(l.classes.textbox),r.classList.add(p[n]),r.classList.add(l.classes.alert),r.innerHTML='<div class="'+l.classes.textboxInner+'">'+s+"</div>",r.onclick=function(){return y(m)},r.listener=function(e){(v(e)||b(e))&&k()},x(r),c&&c<1&&(c=1),!o&&c&&d(c).then(function(){return y(m)})},C=t.force=function(e,t){var n=e.type,s=void 0===n?5:n,a=e.text,c=e.buttonText,i=void 0===c?"OK":c,o=e.callback;u(),k();var r=document.createElement("div"),d=f();r.id=d;var m=document.createElement("div");m.classList.add(l.classes.textbox),m.classList.add(l.classes.backgroundInfo),m.innerHTML='<div class="'+l.classes.textboxInner+'">'+a+"</div>";var b=document.createElement("div");b.classList.add(l.classes.button),b.classList.add(p[s]),b.innerHTML=i,b.onclick=function(){y(d),h(),o?o():t&&t()},r.appendChild(m),r.appendChild(b),r.listener=function(e){v(e)&&b.click()},x(r),L()},T=t.confirm=function(e,t,n){var s=e.text,a=e.submitText,c=void 0===a?"Yes":a,i=e.cancelText,o=void 0===i?"Cancel":i,r=e.submitCallback,d=e.cancelCallback;u(),k();var p=document.createElement("div"),m=f();p.id=m;var g=document.createElement("div");g.classList.add(l.classes.textbox),g.classList.add(l.classes.backgroundInfo),g.innerHTML='<div class="'+l.classes.textboxInner+'">'+s+"</div>";var C=document.createElement("div");C.classList.add(l.classes.button),C.classList.add(l.classes.elementHalf),C.classList.add(l.classes.backgroundSuccess),C.innerHTML=c,C.onclick=function(){y(m),h(),r?r():t&&t()};var T=document.createElement("div");T.classList.add(l.classes.button),T.classList.add(l.classes.elementHalf),T.classList.add(l.classes.backgroundError),T.innerHTML=o,T.onclick=function(){y(m),h(),d?d():n&&n()},p.appendChild(g),p.appendChild(C),p.appendChild(T),p.listener=function(e){v(e)?C.click():b(e)&&T.click()},x(p),L(p)},E=function(e,t,n){var c=e.text,i=e.submitText,o=void 0===i?"Submit":i,r=e.cancelText,d=void 0===r?"Cancel":r,p=e.submitCallback,m=e.cancelCallback,g=s(e,["text","submitText","cancelText","submitCallback","cancelCallback"]);u(),k();var C=document.createElement("div"),T=f();C.id=T;var E=document.createElement("div");E.classList.add(l.classes.textbox),E.classList.add(l.classes.backgroundInfo),E.innerHTML='<div class="'+l.classes.textboxInner+'">'+c+"</div>";var M=document.createElement("input");M.classList.add(l.classes.inputField),M.setAttribute("autocapitalize",g.autocapitalize||"none"),M.setAttribute("autocomplete",g.autocomplete||"off"),M.setAttribute("autocorrect",g.autocorrect||"off"),M.setAttribute("autofocus",g.autofocus||"true"),M.setAttribute("inputmode",g.inputmode||"verbatim"),M.setAttribute("max",g.max||""),M.setAttribute("maxlength",g.maxlength||""),M.setAttribute("min",g.min||""),M.setAttribute("minlength",g.minlength||""),M.setAttribute("placeholder",g.placeholder||""),M.setAttribute("spellcheck",g.spellcheck||"default"),M.setAttribute("step",g.step||"any"),M.setAttribute("type",g.type||"text"),M.value=g.value||"",g.allowed&&(M.oninput=function(){var e=void 0;if(Array.isArray(g.allowed)){for(var t="",n=g.allowed,s=0;s<n.length;s++)"an"===n[s]?t+="0-9a-zA-Z":"a"===n[s]?t+="a-zA-Z":"n"===n[s]&&(t+="0-9"),"s"===n[s]&&(t+=" ");e=new RegExp("[^"+t+"]","g")}else"object"===a(g.allowed)&&(e=g.allowed);M.value=M.value.replace(e,"")});var H=document.createElement("div");H.classList.add(l.classes.button),H.classList.add(l.classes.elementHalf),H.classList.add(l.classes.backgroundSuccess),H.innerHTML=o,H.onclick=function(){y(T),h(),p?p(M.value):t&&t(M.value)};var S=document.createElement("div");S.classList.add(l.classes.button),S.classList.add(l.classes.elementHalf),S.classList.add(l.classes.backgroundError),S.innerHTML=d,S.onclick=function(){y(T),h(),m?m(M.value):n&&n(M.value)},C.appendChild(E),C.appendChild(M),C.appendChild(H),C.appendChild(S),C.listener=function(e){v(e)?H.click():b(e)&&S.click()},x(C),M.focus(),L(C)};t.input=E;var M=t.select=function(e,t){var n=e.text,s=e.cancelText,a=void 0===s?"Cancel":s,c=e.cancelCallback,i=e.choices;u(),k();var o="bottom",r=document.createElement("div"),d=f();r.id=d;var m=document.createElement("div");m.classList.add(l.classes.textbox),m.classList.add(l.classes.backgroundInfo),m.innerHTML='<div class="'+l.classes.textboxInner+'">'+n+"</div>",r.appendChild(m),i.forEach(function(e,t){var n=e.type,s=void 0===n?1:n,a=e.text,c=e.handler,u=document.createElement("div");u.classList.add(p[s]),u.classList.add(l.classes.button),u.classList.add(l.classes.selectChoice);var f=i[t+1];f&&!f.type&&(f.type=1),f&&f.type===s&&u.classList.add(l.classes.selectChoiceRepeated),u.innerHTML=a,u.onclick=function(){y(d,o),h(),c()},r.appendChild(u)});var v=document.createElement("div");v.classList.add(l.classes.backgroundNeutral),v.classList.add(l.classes.button),v.innerHTML=a,v.onclick=function(){y(d,o),h(),c?c():t&&t()},r.appendChild(v),r.listener=function(e){b(e)&&v.click()},x(r,o),L(r,o)},H=t.date=function(e,t,n){var s=e.value,a=void 0===s?new Date:s,c=e.submitText,i=void 0===c?"OK":c,o=e.cancelText,r=void 0===o?"Cancel":o,d=e.submitCallback,p=e.cancelCallback;u(),k();var m="&#9662",g=document.createElement("div"),C=f();g.id=C;var T=document.createElement("div");T.classList.add(l.classes.backgroundInfo);var E=document.createElement("div");E.classList.add(l.classes.dateSelectorInner);var M=document.createElement("div");M.classList.add(l.classes.button),M.classList.add(l.classes.elementThird),M.classList.add(l.classes.dateSelectorUp),M.innerHTML=m;var H=document.createElement("div");H.classList.add(l.classes.button),H.classList.add(l.classes.elementThird),H.classList.add(l.classes.dateSelectorUp),H.innerHTML=m;var S=document.createElement("div");S.classList.add(l.classes.button),S.classList.add(l.classes.elementThird),S.classList.add(l.classes.dateSelectorUp),S.innerHTML=m;var O=document.createElement("div");O.classList.add(l.classes.element),O.classList.add(l.classes.elementThird),O.innerHTML=l.dateMonths[a.getMonth()];var w=document.createElement("div");w.classList.add(l.classes.element),w.classList.add(l.classes.elementThird),w.innerHTML=a.getDate();var A=document.createElement("div");A.classList.add(l.classes.element),A.classList.add(l.classes.elementThird),A.innerHTML=a.getFullYear();var I=document.createElement("div");I.classList.add(l.classes.button),I.classList.add(l.classes.elementThird),I.innerHTML=m;var j=document.createElement("div");j.classList.add(l.classes.button),j.classList.add(l.classes.elementThird),j.innerHTML=m;var D=document.createElement("div");D.classList.add(l.classes.button),D.classList.add(l.classes.elementThird),D.innerHTML=m;var P=function(e){O.innerHTML=l.dateMonths[e.getMonth()],w.innerHTML=e.getDate(),A.innerHTML=e.getFullYear()};M.onclick=function(){a.setMonth(a.getMonth()-1),P(a)},H.onclick=function(){a.setDate(a.getDate()-1),P(a)},S.onclick=function(){a.setFullYear(a.getFullYear()-1),P(a)},I.onclick=function(){a.setMonth(a.getMonth()+1),P(a)},j.onclick=function(){a.setDate(a.getDate()+1),P(a)},D.onclick=function(){a.setFullYear(a.getFullYear()+1),P(a)};var N=document.createElement("div");N.classList.add(l.classes.button),N.classList.add(l.classes.elementHalf),N.classList.add(l.classes.backgroundSuccess),N.innerHTML=i,N.onclick=function(){y(C),h(),d?d(a):t&&t(a)};var F=document.createElement("div");F.classList.add(l.classes.button),F.classList.add(l.classes.elementHalf),F.classList.add(l.classes.backgroundError),F.innerHTML=r,F.onclick=function(){y(C),h(),p?p(a):n&&n(a)},E.appendChild(M),E.appendChild(H),E.appendChild(S),E.appendChild(O),E.appendChild(w),E.appendChild(A),E.appendChild(I),E.appendChild(j),E.appendChild(D),T.appendChild(E),g.appendChild(T),g.appendChild(N),g.appendChild(F),g.listener=function(e){v(e)?N.click():b(e)&&F.click()},x(g),L(g)};t.default={alert:g,force:C,confirm:T,input:E,select:M,date:H,setOptions:o,hideAlerts:k}}])})}).call(t,n(0)(e))}])});

package.json

@@ -5,3 +5,3 @@ {
   "author": "Jared Reich",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "main": "./dist/notie.min.js",
@@ -8,0 +8,0 @@ "files": [

README.md

@@ -35,3 +35,3 @@ # notie
 
-HTML:
+#### HTML:
 ```html
@@ -55,3 +55,3 @@ <head>
 
-npm:
+#### npm:
 ```bash
@@ -82,3 +82,3 @@ npm install notie
   type: Number|String, // optional, default = 4, enum: [1, 2, 3, 4, 5, 'success', 'warning', 'error', 'info', 'neutral']
-  message: String,
+  text: String,
   stay: Boolean, // optional, default = false
@@ -91,10 +91,13 @@ time: Number // optional, default = 3, minimum = 1
   text: String,
-  buttonText: String // optional, default = 'OK'
-}, callback())
+  buttonText: String, // optional, default = 'OK'
+  callback: Function // optional
+}, callbackOptional())
 
 notie.confirm({
   text: String,
-  yesText: String, // optional, default = 'Yes'
-  noText: String // optional, default = 'Cancel'
-}, yesCallbackOptional(), noCallbackOptional())
+  submitText: String, // optional, default = 'Yes'
+  cancelText: String, // optional, default = 'Cancel'
+  submitCallback: Function, // optional
+  cancelCallback: Function // optional
+}, submitCallbackOptional(), cancelCallbackOptional())
 
@@ -105,2 +108,4 @@ notie.input({
   cancelText: String // optional, default = 'Cancel'
+  submitCallback: Function(value), // optional
+  cancelCallback: Function(value), // optional
   autocapitalize: 'words', // default: 'none'
@@ -124,3 +129,4 @@ autocomplete: 'on', // default: 'off'
   text: String,
-  cancelText: String,
+  cancelText: String, // optional, default = 'Cancel'
+  cancelCallback: Function, // optional
   choices: [
@@ -134,3 +140,3 @@ {
   ]
-})
+}, cancelCallbackOptional())
 
@@ -140,3 +146,5 @@ notie.date({
   submitText: String, // optional, default = 'OK'
-  cancelText: String // optional, default = 'Cancel'
+  cancelText: String, // optional, default = 'Cancel'
+  submitCallback: Function(date), // optional
+  cancelCallback: Function(date) // optional
 }, submitCallbackOptional(date), cancelCallbackOptional(date))
@@ -160,15 +168,16 @@ ```
   text: 'You cannot do that, sending you back.',
-  buttonText: 'OK'
-}, function () {
-  notie.alert({ type: 3, text: 'Maybe when you\'re older...' })
+  buttonText: 'OK',
+  callback: function () {
+    notie.alert({ type: 3, text: 'Maybe when you\'re older...' })
+  }
 })
 
 notie.confirm({
-  text: 'Are you sure you want to do that?',
-  yesText: 'Yes',
-  noText: 'Cancel'
-}, function () {
-  notie.alert({ type: 1, text: 'Good choice!' })
-}, function () {
-  notie.alert({ type: 3, text: 'Aw, why not? :(' })
+  text: 'Are you sure you want to do that?<br><b>That\'s a bold move...</b>',
+  cancelCallback: function () {
+    notie.alert({ type: 3, text: 'Aw, why not? :(', time: 2 })
+  },
+  submitCallback: function () {
+    notie.alert({ type: 1, text: 'Good choice! :D', time: 2 })
+  }
 })
@@ -187,9 +196,11 @@ notie.confirm({ text: 'Are you sure?' }, function() {
   cancelText: 'Cancel',
+  cancelCallback: function (value) {
+    notie.alert({ type: 3, text: 'You cancelled with this value: ' + value })
+  },
+  submitCallback: function (value) {
+    notie.alert({ type: 1, text: 'You entered: ' + value })
+  },
   value: '[e-mail]',
   type: 'email',
   placeholder: '[e-mail]'
-}, function(value) {
-  notie.alert({ type: 1, text: 'You entered: ' + value })
-}, function(value) {
-  notie.alert({ type: 3, text: 'You cancelled with this value: ' + value })
 })
@@ -210,9 +221,11 @@
   text: 'Please enter the price:',
+  cancelCallback: function (value) {
+    notie.alert({ type: 3, text: 'You cancelled with this value: ' + value })
+  },
+  submitCallback: function (value) {
+    notie.alert({ type: 1, text: 'You entered: ' + value })
+  },
   type: 'text',
   placeholder: '500',
   allowed: new RegExp('[^0-9]', 'g')
-}, function(value) {
-  notie.alert({ type: 1, text: 'You entered: ' + value })
-}, function(value) {
-  notie.alert({ type: 3, text: 'You cancelled with this value: ' + value })
 })
@@ -222,3 +235,6 @@
   text: 'Demo item #1, owner is Jane Smith',
-  cancelText: 'Cancel',
+  cancelText: 'Close',
+  cancelCallback: function () {
+    notie.alert({ type: 5, text: 'Cancel!' })
+  },
   choices: [
@@ -254,11 +270,13 @@ {
 
-notie.date({
-  value: new Date(2015, 8, 27),
-  submitText: 'Submit',
-  cancelText: 'Cancel'
-}, function (date) {
-  notie.alert({ type: 1, text: 'You selected: ' + date.toISOString() })
-}, function (date) {
-  notie.alert({ type: 3, text: 'You cancelled: ' + date.toISOString() })
-})
+function date() {
+  notie.date({
+    value: new Date(2015, 8, 27),
+    cancelCallback: function (date) {
+      notie.alert({ type: 3, text: 'You cancelled: ' + date.toISOString() })
+    },
+    submitCallback: function (date) {
+      notie.alert({ type: 1, text: 'You selected: ' + date.toISOString() })
+    }
+  })
+}
 ```
@@ -273,4 +291,28 @@
 
-## Options
-#### General
+## Custom Styles
+
+#### SASS:
+```scss
+// Before notie is imported:
+$notie-color-success: #57BF57;
+$notie-color-warning: #D6A14D;
+$notie-color-error: #E1715B;
+$notie-color-info: #4D82D6;
+$notie-color-neutral: #A0A0A0;
+// See all overwriteable variables in src/notie.scss
+
+// Then import notie:
+@import '../../node_modules/notie/src/notie';
+```
+
+#### CSS:
+```css
+/* After notie styles are applied to DOM: */
+.notie-container {
+  box-shadow: none;
+}
+```
+
+## Options & Methods
+
 ```javascript
@@ -313,3 +355,2 @@ // Showing all available options with defaults
 
-## Other Methods
 ```javascript
@@ -316,0 +357,0 @@ // programmatically hide all alerts with an optional callback function

src/notie.js

@@ -7,3 +7,4 @@ // ====================
   alertTime: 3,
-  dateMonths: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+  dateMonths: ['January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December'],
   overlayClickDismiss: true,
@@ -83,5 +84,3 @@ overlayOpacity: 0.75,
 
-const getTransitionStyle = () => (
-  `${options.transitionSelector} ${options.transitionDuration}s ${options.transitionCurve}`
-)
+const transitionFull = `${options.transitionSelector} ${options.transitionDuration}s ${options.transitionCurve}`
 
@@ -100,3 +99,3 @@ const enterClicked = event => event.keyCode === 13
   tick().then(() => {
-    element.style.transition = getTransitionStyle()
+    element.style.transition = transitionFull
     element.style[from] = 0
@@ -134,3 +133,3 @@ })
   tick().then(() => {
-    element.style.transition = getTransitionStyle()
+    element.style.transition = transitionFull
     element.style.opacity = options.overlayOpacity
@@ -163,3 +162,8 @@ })
 
-export const alert = ({ type = 4, text, time = options.alertTime, stay = false }) => {
+export const alert = ({
+  type = 4,
+  text,
+  time = options.alertTime,
+  stay = false
+}) => {
   blur()
@@ -187,3 +191,8 @@ hideAlerts()
 
-export const force = ({ type = 5, text, buttonText = 'OK' }, callback) => {
+export const force = ({
+  type = 5,
+  text,
+  buttonText = 'OK',
+  callback
+}, callbackArg) => {
   blur()
@@ -196,6 +205,6 @@ hideAlerts()
 
-  const elementMessage = document.createElement('div')
-  elementMessage.classList.add(options.classes.textbox)
-  elementMessage.classList.add(options.classes.backgroundInfo)
-  elementMessage.innerHTML = `<div class="${options.classes.textboxInner}">${text}</div>`
+  const elementText = document.createElement('div')
+  elementText.classList.add(options.classes.textbox)
+  elementText.classList.add(options.classes.backgroundInfo)
+  elementText.innerHTML = `<div class="${options.classes.textboxInner}">${text}</div>`
 
@@ -210,5 +219,6 @@ const elementButton = document.createElement('div')
     if (callback) callback()
+    else if (callbackArg) callbackArg()
   }
 
-  element.appendChild(elementMessage)
+  element.appendChild(elementText)
   element.appendChild(elementButton)
@@ -225,3 +235,9 @@
 
-export const confirm = ({ text, yesText = 'Yes', noText = 'Cancel' }, yesCallback, noCallback) => {
+export const confirm = ({
+  text,
+  submitText = 'Yes',
+  cancelText = 'Cancel',
+  submitCallback,
+  cancelCallback
+}, submitCallbackArg, cancelCallbackArg) => {
   blur()
@@ -234,6 +250,6 @@ hideAlerts()
 
-  const elementMessage = document.createElement('div')
-  elementMessage.classList.add(options.classes.textbox)
-  elementMessage.classList.add(options.classes.backgroundInfo)
-  elementMessage.innerHTML = `<div class="${options.classes.textboxInner}">${text}</div>`
+  const elementText = document.createElement('div')
+  elementText.classList.add(options.classes.textbox)
+  elementText.classList.add(options.classes.backgroundInfo)
+  elementText.innerHTML = `<div class="${options.classes.textboxInner}">${text}</div>`
 
@@ -244,7 +260,8 @@ const elementButtonLeft = document.createElement('div')
   elementButtonLeft.classList.add(options.classes.backgroundSuccess)
-  elementButtonLeft.innerHTML = yesText
+  elementButtonLeft.innerHTML = submitText
   elementButtonLeft.onclick = () => {
     removeFromDocument(id)
     removeOverlayFromDocument()
-    if (yesCallback) yesCallback()
+    if (submitCallback) submitCallback()
+    else if (submitCallbackArg) submitCallbackArg()
   }
@@ -256,10 +273,11 @@
   elementButtonRight.classList.add(options.classes.backgroundError)
-  elementButtonRight.innerHTML = noText
+  elementButtonRight.innerHTML = cancelText
   elementButtonRight.onclick = () => {
     removeFromDocument(id)
     removeOverlayFromDocument()
-    if (noCallback) noCallback()
+    if (cancelCallback) cancelCallback()
+    else if (cancelCallbackArg) cancelCallbackArg()
   }
 
-  element.appendChild(elementMessage)
+  element.appendChild(elementText)
   element.appendChild(elementButtonLeft)
@@ -278,3 +296,10 @@ element.appendChild(elementButtonRight)
 
-export const input = ({ text, submitText = 'Submit', cancelText = 'Cancel', ...settings }, submitCallback, cancelCallback) => {
+export const input = ({
+  text,
+  submitText = 'Submit',
+  cancelText = 'Cancel',
+  submitCallback,
+  cancelCallback,
+  ...settings
+}, submitCallbackArg, cancelCallbackArg) => {
   blur()
@@ -287,6 +312,6 @@ hideAlerts()
 
-  const elementMessage = document.createElement('div')
-  elementMessage.classList.add(options.classes.textbox)
-  elementMessage.classList.add(options.classes.backgroundInfo)
-  elementMessage.innerHTML = `<div class="${options.classes.textboxInner}">${text}</div>`
+  const elementText = document.createElement('div')
+  elementText.classList.add(options.classes.textbox)
+  elementText.classList.add(options.classes.backgroundInfo)
+  elementText.innerHTML = `<div class="${options.classes.textboxInner}">${text}</div>`
 
@@ -342,2 +367,3 @@ const elementInput = document.createElement('input')
     if (submitCallback) submitCallback(elementInput.value)
+    else if (submitCallbackArg) submitCallbackArg(elementInput.value)
   }
@@ -354,5 +380,6 @@
     if (cancelCallback) cancelCallback(elementInput.value)
+    else if (cancelCallbackArg) cancelCallbackArg(elementInput.value)
   }
 
-  element.appendChild(elementMessage)
+  element.appendChild(elementText)
   element.appendChild(elementInput)
@@ -374,3 +401,8 @@ element.appendChild(elementButtonLeft)
 
-export const select = ({ text, cancelText = 'Cancel', choices }) => {
+export const select = ({
+  text,
+  cancelText = 'Cancel',
+  cancelCallback,
+  choices
+}, cancelCallbackArg) => {
   blur()
@@ -385,8 +417,8 @@ hideAlerts()
 
-  const elementMessage = document.createElement('div')
-  elementMessage.classList.add(options.classes.textbox)
-  elementMessage.classList.add(options.classes.backgroundInfo)
-  elementMessage.innerHTML = `<div class="${options.classes.textboxInner}">${text}</div>`
+  const elementText = document.createElement('div')
+  elementText.classList.add(options.classes.textbox)
+  elementText.classList.add(options.classes.backgroundInfo)
+  elementText.innerHTML = `<div class="${options.classes.textboxInner}">${text}</div>`
 
-  element.appendChild(elementMessage)
+  element.appendChild(elementText)
 
@@ -422,2 +454,4 @@ choices.forEach(({ type = 1, text, handler }, index) => {
     removeOverlayFromDocument()
+    if (cancelCallback) cancelCallback()
+    else if (cancelCallbackArg) cancelCallbackArg()
   }
@@ -436,3 +470,9 @@
 
-export const date = ({ value = new Date(), submitText = 'OK', cancelText = 'Cancel' }, submitCallback, cancelCallback) => {
+export const date = ({
+  value = new Date(),
+  submitText = 'OK',
+  cancelText = 'Cancel',
+  submitCallback,
+  cancelCallback
+}, submitCallbackArg, cancelCallbackArg) => {
   blur()
@@ -546,2 +586,3 @@ hideAlerts()
     if (submitCallback) submitCallback(value)
+    else if (submitCallbackArg) submitCallbackArg(value)
   }
@@ -558,2 +599,3 @@
     if (cancelCallback) cancelCallback(value)
+    else if (cancelCallbackArg) cancelCallbackArg(value)
   }
@@ -560,0 +602,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

78797

increased by3.78%

Lines of code

1210

increased by4.22%

Number of lines in readme file

348

increased by13.36%

No dependency changes