toast-me - npm Package Compare versions

Comparing version 1.0.12 to 1.0.13

lib/toast-me.min.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("toast-me",[],e):"object"==typeof exports?exports["toast-me"]=e():t["toast-me"]=e()}("undefined"!=typeof self?self:this,function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=5)}([function(t,e,n){var o=n(1);"string"==typeof o&&(o=[[t.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};n(3)(o,r);o.locals&&(t.exports=o.locals)},function(t,e,n){(e=t.exports=n(2)(!1)).push([t.i,'.index__container___1eyTh{position:fixed;top:0;width:100%;color:#fff}.index__container___1eyTh .index__toast___233-Y{height:48px;width:40%;min-width:270px;padding:0 15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;background-color:rgba(0,0,0,.9);border-radius:4px;position:absolute;top:12px;left:50%;-webkit-animation:index__toast-in___HT-va .3s ease-out forwards;animation:index__toast-in___HT-va .3s ease-out forwards}@-webkit-keyframes index__toast-in___HT-va{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@keyframes index__toast-in___HT-va{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@-webkit-keyframes index__toast-out___1NqCu{0%{opacity:1}to{opacity:0}}@keyframes index__toast-out___1NqCu{0%{opacity:1}to{opacity:0}}.index__container___1eyTh .index__toast___233-Y .index__message___2bel9{-ms-flex:1 1;flex:1 1;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.index__container___1eyTh .index__toast___233-Y button{outline:none;border:none;border-radius:4px;background-color:transparent;position:relative;margin-left:10px;cursor:pointer;color:#fff;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.index__container___1eyTh .index__toast___233-Y button:hover{background-color:hsla(0,0%,100%,.1)}.index__container___1eyTh .index__toast___233-Y button:active{background-color:hsla(0,0%,100%,.2)}.index__container___1eyTh .index__toast___233-Y .index__action___2faCa{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;padding:0 8px;line-height:24px;color:#0b8aff}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK{-ms-flex:0 0 24px;flex:0 0 24px;width:24px;height:24px}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:after,.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:before{content:"";display:block;position:absolute;width:20px;height:2px;top:calc(50% - 1px);left:50%;background-color:#fff}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:before{-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:after{-webkit-transform:translateX(-50%) rotate(135deg);-ms-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK.index__hidden___Ov2Dy{display:none}.index__container___1eyTh .index__toast___233-Y.index__remove___nvwuo{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-animation:index__toast-out___1NqCu .2s forwards;animation:index__toast-out___1NqCu .2s forwards}.index__container___1eyTh .index__toast___233-Y.index__error___38eWT{background-color:#d40d00}',""]),e.locals={container:"index__container___1eyTh",toast:"index__toast___233-Y","toast-in":"index__toast-in___HT-va",message:"index__message___2bel9",action:"index__action___2faCa",close:"index__close___2o6CK",hidden:"index__hidden___Ov2Dy",remove:"index__remove___nvwuo","toast-out":"index__toast-out___1NqCu",error:"index__error___38eWT"}},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n=function(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var r=(a=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"});return[n].concat(i).concat([r]).join("\n")}var a;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];null!=i&&(o[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];null!=a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){var o,r,i={},a=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===r&&(r=o.apply(this,arguments)),r}),s=function(t){var e={};return function(t,n){if("function"==typeof t)return t();if(void 0===e[t]){var o=function(t,e){return e?e.querySelector(t):document.querySelector(t)}.call(this,t,n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[t]=o}return e[t]}}(),c=null,_=0,l=[],u=n(4);function f(t,e){for(var n=0;n<t.length;n++){var o=t[n],r=i[o.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](o.parts[a]);for(;a<o.parts.length;a++)r.parts.push(x(o.parts[a],e))}else{var s=[];for(a=0;a<o.parts.length;a++)s.push(x(o.parts[a],e));i[o.id]={id:o.id,refs:1,parts:s}}}}function d(t,e){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],a=e.base?i[0]+e.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};o[a]?o[a].parts.push(s):n.push(o[a]={id:a,parts:[s]})}return n}function p(t,e){var n=s(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=l[l.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),l.push(e);else if("bottom"===t.insertAt)n.appendChild(e);else{if("object"!=typeof t.insertAt||!t.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var r=s(t.insertAt.before,n);n.insertBefore(e,r)}}function h(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var e=l.indexOf(t);e>=0&&l.splice(e,1)}function m(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var o=function(){0;return n.nc}();o&&(t.attrs.nonce=o)}return v(e,t.attrs),p(t,e),e}function v(t,e){Object.keys(e).forEach(function(n){t.setAttribute(n,e[n])})}function x(t,e){var n,o,r,i;if(e.transform&&t.css){if(!(i="function"==typeof e.transform?e.transform(t.css):e.transform.default(t.css)))return function(){};t.css=i}if(e.singleton){var a=_++;n=c||(c=m(e)),o=g.bind(null,n,a,!1),r=g.bind(null,n,a,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",v(e,t.attrs),p(t,e),e}(e),o=function(t,e,n){var o=n.css,r=n.sourceMap,i=void 0===e.convertToAbsoluteUrls&&r;(e.convertToAbsoluteUrls||i)&&(o=u(o));r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var a=new Blob([o],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}.bind(null,n,e),r=function(){h(n),n.href&&URL.revokeObjectURL(n.href)}):(n=m(e),o=function(t,e){var n=e.css,o=e.media;o&&t.setAttribute("media",o);if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}.bind(null,n),r=function(){h(n)});return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else r()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=a()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=d(t,e);return f(n,e),function(t){for(var o=[],r=0;r<n.length;r++){var a=n[r];(s=i[a.id]).refs--,o.push(s)}t&&f(d(t,e),e);for(r=0;r<o.length;r++){var s;if(0===(s=o[r]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete i[s.id]}}}};var y,b=(y=[],function(t,e){return y[t]=e,y.filter(Boolean).join("\n")});function g(t,e,n,o){var r=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=b(e,r);else{var i=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}},function(t,e){t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,o=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,e){var r,i=e.trim().replace(/^"(.*)"$/,function(t,e){return e}).replace(/^'(.*)'$/,function(t,e){return e});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?t:(r=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:o+i.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}},function(t,e,n){"use strict";function o(t,e){e.split(" ").forEach(function(e){return t.classList.add(e)})}n.r(e);var r=n(0),i=n.n(r),a={error:{toastClass:i.a.error,timeoutOnRemove:1e3,showDuration:5e3},notify:{timeoutOnRemove:1e3,showDuration:5e3}};function s(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var c=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"notify",o=arguments.length>2?arguments[2]:void 0;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),t.removeAll();var r="string"==typeof n?a[n]:n;this.options=r||{},this.content=e,this.container=t.getContainer(),this.domNode=this.createToastNode(o),this.container.appendChild(this.domNode),this.startTimer()}var e,n,r;return e=t,r=[{key:"getContainer",value:function(){var t=document.querySelector("."+i.a.container);return t||((t=document.createElement("div")).classList.add(i.a.container),document.body.appendChild(t)),t}},{key:"removeAll",value:function(){for(var e=t.getContainer().querySelectorAll("."+i.a.close),n=0,o=e.length;n<o;n+=1)e[n].click()}}],(n=[{key:"createToastNode",value:function(t){var e=this,n=document.createElement("div");o(n,i.a.toast);var r=document.createElement("div");if(o(r,i.a.message),r.textContent=this.content,n.appendChild(r),n.title=this.content,this.options&&this.options.toastClass&&o(n,this.options.toastClass),t){var a=document.createElement("button");o(a,i.a.action),t.class&&o(a,t.class),a.textContent=t.name,a.addEventListener("click",function(){t.action(),e.close()}),a.title=t.name,n.appendChild(a)}var s=document.createElement("button");return o(s,i.a.close),this.options&&this.options.closeable&&o(s,i.a.hidden),s.title="Close",s.addEventListener("click",function(){return e.close()}),n.appendChild(s),n.addEventListener("mouseenter",function(){return e.stopTimer()}),n.addEventListener("mouseleave",function(){return e.startTimer()}),n}},{key:"close",value:function(){var t=this;this.stopTimer(),this.domNode&&(o(this.domNode,i.a.remove),this.options.removedToastClass&&o(this.domNode,this.options.removedToastClass),setTimeout(function(){t.domNode.remove()},this.options.timeoutOnRemove||1e3))}},{key:"startTimer",value:function(){var t=this;this.timerShow=setTimeout(function(){return t.close()},this.options.showDuration||5e3)}},{key:"stopTimer",value:function(){clearTimeout(this.timerShow)}}])&&s(e.prototype,n),r&&s(e,r),t}(),_=function(t,e,n){return new c(t,e,n)};n.d(e,"ToastOptions",function(){return a});e.default=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"notify",n=arguments.length>2?arguments[2]:void 0;return new _(t,e,n)}}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("toast-me",[],e):"object"==typeof exports?exports["toast-me"]=e():t["toast-me"]=e()}("undefined"!=typeof self?self:this,function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=5)}([function(t,e,n){var o=n(1);"string"==typeof o&&(o=[[t.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};n(3)(o,r);o.locals&&(t.exports=o.locals)},function(t,e,n){(e=t.exports=n(2)(!1)).push([t.i,'.index__container___1eyTh{position:fixed;top:0;width:100%;color:#fff}.index__container___1eyTh .index__toast___233-Y{height:48px;width:40%;min-width:270px;padding:0 15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;background-color:rgba(0,0,0,.9);border-radius:4px;position:absolute;top:12px;left:50%;-webkit-animation:index__toast-in___HT-va .3s ease-out forwards;animation:index__toast-in___HT-va .3s ease-out forwards}@-webkit-keyframes index__toast-in___HT-va{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@keyframes index__toast-in___HT-va{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@-webkit-keyframes index__toast-out___1NqCu{0%{opacity:1}to{opacity:0}}@keyframes index__toast-out___1NqCu{0%{opacity:1}to{opacity:0}}.index__container___1eyTh .index__toast___233-Y .index__message___2bel9{-ms-flex:1 1;flex:1 1;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.index__container___1eyTh .index__toast___233-Y button{outline:none;border:none;border-radius:4px;background-color:transparent;position:relative;margin-left:10px;cursor:pointer;color:#fff;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.index__container___1eyTh .index__toast___233-Y button:hover{background-color:hsla(0,0%,100%,.1)}.index__container___1eyTh .index__toast___233-Y button:active{background-color:hsla(0,0%,100%,.2)}.index__container___1eyTh .index__toast___233-Y .index__action___2faCa{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;padding:0 8px;line-height:24px;color:#0b8aff}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK{-ms-flex:0 0 24px;flex:0 0 24px;width:24px;height:24px}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:after,.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:before{content:"";display:block;position:absolute;width:20px;height:2px;top:calc(50% - 1px);left:50%;background-color:#fff}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:before{-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:after{-webkit-transform:translateX(-50%) rotate(135deg);-ms-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK.index__hidden___Ov2Dy{display:none}.index__container___1eyTh .index__toast___233-Y.index__remove___nvwuo{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-animation:index__toast-out___1NqCu .2s forwards;animation:index__toast-out___1NqCu .2s forwards}.index__container___1eyTh .index__toast___233-Y.index__error___38eWT{background-color:#d40d00}',""]),e.locals={container:"index__container___1eyTh",toast:"index__toast___233-Y","toast-in":"index__toast-in___HT-va",message:"index__message___2bel9",action:"index__action___2faCa",close:"index__close___2o6CK",hidden:"index__hidden___Ov2Dy",remove:"index__remove___nvwuo","toast-out":"index__toast-out___1NqCu",error:"index__error___38eWT"}},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n=function(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var r=(a=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"});return[n].concat(i).concat([r]).join("\n")}var a;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];null!=i&&(o[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];null!=a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){var o,r,i={},a=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===r&&(r=o.apply(this,arguments)),r}),s=function(t){var e={};return function(t,n){if("function"==typeof t)return t();if(void 0===e[t]){var o=function(t,e){return e?e.querySelector(t):document.querySelector(t)}.call(this,t,n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[t]=o}return e[t]}}(),c=null,_=0,l=[],u=n(4);function f(t,e){for(var n=0;n<t.length;n++){var o=t[n],r=i[o.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](o.parts[a]);for(;a<o.parts.length;a++)r.parts.push(x(o.parts[a],e))}else{var s=[];for(a=0;a<o.parts.length;a++)s.push(x(o.parts[a],e));i[o.id]={id:o.id,refs:1,parts:s}}}}function d(t,e){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],a=e.base?i[0]+e.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};o[a]?o[a].parts.push(s):n.push(o[a]={id:a,parts:[s]})}return n}function p(t,e){var n=s(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=l[l.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),l.push(e);else if("bottom"===t.insertAt)n.appendChild(e);else{if("object"!=typeof t.insertAt||!t.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var r=s(t.insertAt.before,n);n.insertBefore(e,r)}}function h(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var e=l.indexOf(t);e>=0&&l.splice(e,1)}function m(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var o=function(){0;return n.nc}();o&&(t.attrs.nonce=o)}return v(e,t.attrs),p(t,e),e}function v(t,e){Object.keys(e).forEach(function(n){t.setAttribute(n,e[n])})}function x(t,e){var n,o,r,i;if(e.transform&&t.css){if(!(i="function"==typeof e.transform?e.transform(t.css):e.transform.default(t.css)))return function(){};t.css=i}if(e.singleton){var a=_++;n=c||(c=m(e)),o=g.bind(null,n,a,!1),r=g.bind(null,n,a,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",v(e,t.attrs),p(t,e),e}(e),o=function(t,e,n){var o=n.css,r=n.sourceMap,i=void 0===e.convertToAbsoluteUrls&&r;(e.convertToAbsoluteUrls||i)&&(o=u(o));r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var a=new Blob([o],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}.bind(null,n,e),r=function(){h(n),n.href&&URL.revokeObjectURL(n.href)}):(n=m(e),o=function(t,e){var n=e.css,o=e.media;o&&t.setAttribute("media",o);if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}.bind(null,n),r=function(){h(n)});return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else r()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=a()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=d(t,e);return f(n,e),function(t){for(var o=[],r=0;r<n.length;r++){var a=n[r];(s=i[a.id]).refs--,o.push(s)}t&&f(d(t,e),e);for(r=0;r<o.length;r++){var s;if(0===(s=o[r]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete i[s.id]}}}};var y,b=(y=[],function(t,e){return y[t]=e,y.filter(Boolean).join("\n")});function g(t,e,n,o){var r=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=b(e,r);else{var i=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}},function(t,e){t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,o=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,e){var r,i=e.trim().replace(/^"(.*)"$/,function(t,e){return e}).replace(/^'(.*)'$/,function(t,e){return e});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?t:(r=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:o+i.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}},function(t,e,n){"use strict";n.r(e);var o=n(0),r=n.n(o),i={error:{toastClass:r.a.error,timeoutOnRemove:1e3,showDuration:5e3},notify:{timeoutOnRemove:1e3,showDuration:5e3}};function a(t,e){e.split(" ").forEach(function(e){return t.classList.add(e)})}function s(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var c=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"notify",o=arguments.length>2?arguments[2]:void 0;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),t.removeAll();var r="string"==typeof n?i[n]:n;this.options=r||{},this.content=e,this.container=t.getContainer(),this.domNode=this.createToastNode(o),this.container.appendChild(this.domNode),this.startTimer()}var e,n,o;return e=t,o=[{key:"getContainer",value:function(){var t=document.querySelector("."+r.a.container);return t||((t=document.createElement("div")).classList.add(r.a.container),document.body.appendChild(t)),t}},{key:"removeAll",value:function(){for(var e=t.getContainer().querySelectorAll("."+r.a.close),n=0,o=e.length;n<o;n+=1)e[n].click()}}],(n=[{key:"createToastNode",value:function(t){var e=this,n=document.createElement("div");a(n,r.a.toast);var o=document.createElement("div");if(a(o,r.a.message),o.textContent=this.content,n.appendChild(o),n.title=this.content,this.options&&this.options.toastClass&&a(n,this.options.toastClass),t){var i=document.createElement("button");a(i,r.a.action),t.class&&a(i,t.class),i.textContent=t.name,i.addEventListener("click",function(){t.action(),e.close()}),i.title=t.name,n.appendChild(i)}var s=document.createElement("button");return a(s,r.a.close),this.options&&this.options.closeable&&a(s,r.a.hidden),s.title="Close",s.addEventListener("click",function(){return e.close()}),n.appendChild(s),n.addEventListener("mouseenter",function(){return e.stopTimer()}),n.addEventListener("mouseleave",function(){return e.startTimer()}),n}},{key:"close",value:function(){var t=this;this.stopTimer(),this.domNode&&(a(this.domNode,r.a.remove),this.options.removedToastClass&&a(this.domNode,this.options.removedToastClass),setTimeout(function(){t.domNode.remove()},this.options.timeoutOnRemove||void 0))}},{key:"startTimer",value:function(){var t=this;this.timerShow=setTimeout(function(){return t.close()},this.options.showDuration||void 0)}},{key:"stopTimer",value:function(){clearTimeout(this.timerShow)}}])&&s(e.prototype,n),o&&s(e,o),t}(),_=function(t,e,n){return new c(t,e,n)};n.d(e,"test",function(){return l}),n.d(e,"ToastOptions",function(){return i});var l="my test";e.default=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"notify",n=arguments.length>2?arguments[2]:void 0;return new _(t,e,n)}}])});

package.json

 {
   "name": "toast-me",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "Creates toast messages",
@@ -9,5 +9,4 @@ "main": "lib/toast-me.min.js",
     "run-dev": "node scripts/dev-server",
-    "watch": "webpack --progress --colors --watch --env dev",
-    "watch2": "webpack --colors --watch --env dev --config scripts/config/webpack.config.devLib.js",
-    "test": "node scripts/test.js --env=jsdom --config scripts/config/jest.config.js"
+    "watch": "webpack --colors --watch --env dev --config scripts/config/webpack.config.devLib.js",
+    "test": "node scripts/test.js --env=jsdom --config jest.config.js"
   },
@@ -14,0 +13,0 @@ "repository": {

src/helper.js

@@ -7,4 +7,1 @@ // @flow
 }
-
-export const DEFAULT_TIMEOUT_BEFORE_REMOVE = 1000;
-export const DEFAULT_SHOW_DURATION = 5000;

src/index.js

 // @flow
-import ToastMe from './toastMe';
-import ToastOptions from './optionsLib';
+import ToastMeClass, { ToastOptions } from './toastMe';
 
@@ -9,2 +8,3 @@ import type { ToastActionType, ToastOptionsType } from './types';
   ToastOptions,
+  ToastMeClass,
 };
@@ -17,3 +17,3 @@
 ) {
-  return new ToastMe(content, receivedOptions, action);
+  return new ToastMeClass(content, receivedOptions, action);
 }

src/optionsLib.js

 // @flow
-import {
-  DEFAULT_TIMEOUT_BEFORE_REMOVE,
-  DEFAULT_SHOW_DURATION,
-} from './helper';
+export const DEFAULT_TIMEOUT_BEFORE_REMOVE = 1000;
+export const DEFAULT_SHOW_DURATION = 5000;
 
@@ -12,8 +10,13 @@ import styles from './index.scss';
 const ToastOptions: { [string]: ToastOptionsType } = {
-  error: {
-    toastClass: styles.error,
+  default: {
+    position: 'top',
+    toastClass: '',
+    removedToastClass: '',
+    closeable: true,
+    // showAll: false,
     timeoutOnRemove: DEFAULT_TIMEOUT_BEFORE_REMOVE,
     showDuration: DEFAULT_SHOW_DURATION,
   },
-  notify: {
+  error: {
+    toastClass: styles.error,
     timeoutOnRemove: DEFAULT_TIMEOUT_BEFORE_REMOVE,
@@ -20,0 +23,0 @@ showDuration: DEFAULT_SHOW_DURATION,

src/toastMe.js

 // @flow
-import ToastOptions from './optionsLib';
-import {
-  setClass,
-  DEFAULT_TIMEOUT_BEFORE_REMOVE,
-  DEFAULT_SHOW_DURATION,
-} from './helper';
+import ToastOptions, { DEFAULT_TIMEOUT_BEFORE_REMOVE, DEFAULT_SHOW_DURATION } from './optionsLib';
+import { setClass } from './helper';
 import styles from './index.scss';
@@ -12,3 +8,3 @@
 
-class ToastMeClass {
+export default class ToastMeClass {
   /**
@@ -26,9 +22,12 @@ * @param content {String} - text to show
 
-    const options = typeof receivedOptions === 'string'
-      ? ToastOptions[receivedOptions]
-      : receivedOptions;
+    let options = {};
+    if (typeof receivedOptions === 'string' && ToastOptions[receivedOptions]) {
+      options = ToastOptions[receivedOptions];
+    } else if (typeof receivedOptions === 'object') {
+      options = receivedOptions
+    }
 
-    this.options = options || {};
+    this.options = { ...ToastOptions.default, ...options };
     this.content = content;
-    this.container = ToastMeClass.getContainer();
+    this.container = ToastMeClass.getContainer(this.options.position);
     this.domNode = this.createToastNode(action);
@@ -61,5 +60,10 @@ this.container.appendChild(this.domNode);
 
+    if (this.options && this.options.position === 'bottom') {
+      setClass(node, styles.toastBottom);
+    }
+
     if (action) {
       const actionNode = document.createElement('button');
       setClass(actionNode, styles.action);
+      setClass(actionNode, styles.button);
       if (action.class) {
@@ -79,3 +83,4 @@ setClass(actionNode, action.class);
     setClass(closeNode, styles.close);
-    if (this.options && this.options.closeable) {
+    setClass(closeNode, styles.button);
+    if (this.options && !this.options.closeable) {
       setClass(closeNode, styles.hidden);
@@ -93,5 +98,4 @@ }
 
-  static getContainer(): Element {
-    // eslint-disable-next-line prefer-template
-    let node = document.querySelector('.' + styles.container);
+  static getContainer(position): Element {
+    let node = document.querySelector(`.${styles.container}`);
     if (!node) {
@@ -102,2 +106,7 @@ node = document.createElement('div');
     }
+    if (position !== 'bottom' && node.classList.contains('bottom')) {
+      node.classList.remove(styles.bottom);
+    } else if (position === 'bottom' && !node.classList.contains('bottom')) {
+      node.classList.add(styles.bottom);
+    }
     return node;
@@ -108,4 +117,3 @@ }
     const node = ToastMeClass.getContainer();
-    // eslint-disable-next-line prefer-template
-    const closeButtons = node.querySelectorAll('.' + styles.close);
+    const closeButtons = node.querySelectorAll(`.${styles.close}`);
     for (let i = 0, l = closeButtons.length; i < l; i += 1) {
@@ -143,9 +151,2 @@ closeButtons[i].click();
 
-export default function (
-  content,
-  receivedOptions,
-  action,
-) {
-  return new ToastMeClass(content, receivedOptions, action);
-};
 export { ToastOptions };

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

349498

increased by0.41%

Number of package files

17

increased by6.25%

Lines of code

213

increased by22.41%

No dependency changes