diff --git a/dist/simplert.bundle.js b/dist/simplert.bundle.js
index 674ee90..456bdf0 100644
--- a/dist/simplert.bundle.js
+++ b/dist/simplert.bundle.js
@@ -1,5 +1,5 @@
 /*!
- * Vue2-Simplert v.0.5.6
+ * Vue2-Simplert v.0.5.7
  * Irfan Maulana (https://github.com/mazipan)
  */
 !function(n,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("Vue")):"function"==typeof define&&define.amd?define("Simplert",["Vue"],r):"object"==typeof exports?exports.Simplert=r(require("Vue")):n.Simplert=r(n.Vue)}(this,function(n){return function(n){function r(t){if(e[t])return e[t].exports;var i=e[t]={i:t,l:!1,exports:{}};return n[t].call(i.exports,i,i.exports,r),i.l=!0,i.exports}var e={};return r.m=n,r.c=e,r.i=function(n){return n},r.d=function(n,e,t){r.o(n,e)||Object.defineProperty(n,e,{configurable:!1,enumerable:!0,get:t})},r.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return r.d(e,"a",e),e},r.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},r.p="/dist",r(r.s=2)}([function(n,r,e){var t=e(3);"string"==typeof t&&(t=[[n.i,t,""]]),t.locals&&(n.exports=t.locals);e(5)("1e24e68c",t,!0)},function(r,e){r.exports=n},function(n,r,e){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var t=e(1),i=e.n(t);e(0),i.a.component("simplert",{template:'\n  <div class="simplert" role="modal" :class="classSimplert" @click="closeOverlay">\n    <div class="simplert__content" :class="classContent">\n      <div class="simplert__header">      \n      <div class="simplert__x" v-if="showXclose" @click="justCloseSimplert">&#9587;</div>\n        <div v-if="useIcon">\n          <div class="simplert__icon simplert__icon--info" v-if="type === \'info\'">\n            <div class="simplert__line simplert__line--info">\n            </div>\n            <div class="simplert__line simplert__line--info-2">\n            </div>\n          </div>\n          <div class="simplert__icon simplert__icon--success" v-if="type === \'success\'">\n            <div class="simplert__line simplert__line--success">\n            </div>\n            <div class="simplert__line simplert__line--success-2">\n            </div>\n          </div>\n          <div class="simplert__icon simplert__icon--warning" v-if="type === \'warning\'">\n            <div class="simplert__line simplert__line--warning">\n            </div>\n            <div class="simplert__line simplert__line--warning-2">\n            </div>\n          </div>\n          <div class="simplert__icon simplert__icon--error" v-if="type === \'error\'">\n            <div class="simplert__line simplert__line--error">\n            </div>\n            <div class="simplert__line simplert__line--error-2">\n            </div>\n          </div>\n          <div class="simplert__icon" v-if="customIconUrl !== \'\'">\n            <img :src="customIconUrl" />\n          </div>\n        </div>\n        <b class="simplert__title">{{ title }}</b>\n      </div>\n      <div class="simplert__body">\n        <div v-html="message"></div>\n      </div>\n      <div class="simplert__footer">\n        <button :class="classBtnConfirm" v-if="useConfirmBtn && !hideAllButton"  @click="whenConfirm">\n          {{ customConfirmBtnText }}\n        </button>\n        <button :class="classBtnClose" v-if="!hideAllButton" @click="closeSimplert">\n          {{ customCloseBtnText }}\n        </button>\n      </div>\n    </div>\n  </div>\n  ',props:{useRadius:{type:Boolean,default:!0},useIcon:{type:Boolean,default:!0}},data:function(){return{DEFAULT_TYPE:"info",DEFAULT_BTN_CLOSE_TEXT:"Close",DEFAULT_BTN_CONFIRM_TEXT:"Confirm",INVALID_TYPE:"INVALID_TYPE",showSimplert:!1,title:"",message:"",type:this.DEFAULT_TYPE,customClass:"",customIconUrl:"",onOpen:null,customCloseBtnText:this.DEFAULT_BTN_CLOSE_TEXT,customCloseBtnClass:"",onClose:null,useConfirmBtn:!1,customConfirmBtnText:this.DEFAULT_BTN_CONFIRM_TEXT,customConfirmBtnClass:"",onConfirm:null,disableOverlayClick:!1,hideAllButton:!1,showXclose:!1}},computed:{classSimplert:function(){var n=this.customClass;return this.showSimplert&&(n=this.customClass+" simplert--shown"),n},classContent:function(){var n="";return this.useRadius&&(n="simplert__content--radius"),n},classBtnClose:function(){var n="simplert__close";return this.useRadius&&(n="simplert__close simplert__close--radius"),this.customCloseBtnClass&&(n=this.customCloseBtnClass),n},classBtnConfirm:function(){var n="simplert__confirm";return this.useRadius&&(n="simplert__confirm simplert__confirm--radius"),this.customConfirmBtnClass&&(n=this.customConfirmBtnClass),n}},methods:{justCloseSimplert:function(){this.showSimplert=!1},closeOverlay:function(n){var r=this;n.target.className.indexOf("simplert--shown")>0&&!r.disableOverlayClick&&(r.showSimplert=!1)},whenConfirm:function(n){var r=this;n.preventDefault(),r.showSimplert=!1,null!==r.onConfirm&&r.onConfirm()},closeSimplert:function(n){var r=this;n.preventDefault(),r.showSimplert=!1,null!==r.onClose&&r.onClose()},openSimplert:function(n){var r=this;void 0!==n&&(r.showSimplert=!0,r.title=n.title,void 0!==n.message?r.message=n.message:r.message="",void 0!==n.type?r.type=n.type:r.type=r.DEFAULT_TYPE,void 0!==n.customClass?r.customClass=n.customClass:r.customClass="",void 0!==n.customIconUrl&&""!==n.customCloseBtnText?(r.customIconUrl=n.customIconUrl,r.type=r.INVALID_TYPE):r.customIconUrl="",void 0!==n.customCloseBtnText&&""!==n.customCloseBtnText?r.customCloseBtnText=n.customCloseBtnText:r.customCloseBtnText=r.DEFAULT_BTN_CLOSE_TEXT,void 0!==n.customCloseBtnClass?r.customCloseBtnClass=n.customCloseBtnClass:r.customCloseBtnClass="",void 0!==n.onClose&&null!==n.onClose?r.onClose=n.onClose:r.onClose=null,void 0!==n.useConfirmBtn?r.useConfirmBtn=n.useConfirmBtn:r.useConfirmBtn=!1,void 0!==n.customConfirmBtnText&&""!==n.customConfirmBtnText?r.customConfirmBtnText=n.customConfirmBtnText:r.customConfirmBtnText=r.DEFAULT_BTN_CONFIRM_TEXT,void 0!==n.customConfirmBtnClass?r.customConfirmBtnClass=n.customConfirmBtnClass:r.customConfirmBtnClass="",void 0!==n.onConfirm&&null!==n.onConfirm?r.onConfirm=n.onConfirm:r.onConfirm=null,void 0!==n.disableOverlayClick?r.disableOverlayClick=n.disableOverlayClick:r.disableOverlayClick=!1,void 0!==n.hideAllButton?r.hideAllButton=n.hideAllButton:r.hideAllButton=!1,void 0!==n.showXclose?r.showXclose=n.showXclose:r.showXclose=!1,void 0!==n.onOpen?r.onOpen=n.onOpen:r.onOpen=null,null!==r.onOpen&&r.onOpen())}}})},function(n,r,e){r=n.exports=e(4)(),r.push([n.i,".simplert {\r\n  box-sizing: border-box;\r\n  font-size: 14px;\r\n  line-height: 1.15;\r\n}\r\n\r\n.simplert *, .simplert *:before, .simplert *:after {\r\n  box-sizing: inherit;\r\n}\r\n\r\n.simplert {\r\n  position: fixed;\r\n  z-index: 999;\r\n  top: 0;\r\n  left: 0;\r\n  display: none;\r\n  overflow: auto;\r\n  width: 100%;\r\n  height: 100%;\r\n  text-align: center;\r\n  background-color: black;\r\n  background-color: rgba(0, 0, 0, 0.4);\r\n}\r\n.simplert--shown {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.simplert--shown .simplert__content {\r\n  animation-name: zoomIn;\r\n  animation-duration: .3s;\r\n  animation-fill-mode: both;\r\n}\r\n.simplert__x{\r\n  position: absolute;\r\n  right: 15px;\r\n  top: 15px;\r\n  cursor: pointer;\r\n  color: #b3aaaa;\r\n  font-weight: bold;\r\n  font-size: 11px;\r\n}\r\n.simplert__header {\r\n  padding: 2em 0;\r\n}\r\n.simplert__title {\r\n  font-size: 30px;\r\n  display: block;\r\n}\r\n.simplert__content {\r\n  position: relative;\r\n  width: 90%;\r\n  max-width: 400px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  background-color: #fff;\r\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\n}\r\n@media only screen and (min-width: 768px) {\r\n  .simplert__content {\r\n    width: 30%;\r\n  }\r\n}\r\n.simplert__content--radius {\r\n  -webkit-border-radius: 0.3em;\r\n  -moz-border-radius: 0.3em;\r\n  border-radius: 0.3em;\r\n}\r\n.simplert__body {\r\n  padding-bottom: 1em;\r\n}\r\n.simplert__icon {\r\n  position: relative;\r\n  width: 80px;\r\n  height: 80px;\r\n  margin: 10px auto;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  border-radius: 50%;\r\n}\r\n.simplert__icon--info {\r\n  border: 4px solid #c9dae1;\r\n}\r\n.simplert__icon--success {\r\n  border: 4px solid #a5dc86;\r\n}\r\n.simplert__icon--warning {\r\n  border: 4px solid #f8bb86;\r\n}\r\n.simplert__icon--error {\r\n  border: 4px solid #f27474;\r\n}\r\n.simplert__icon img {\r\n  width: 80px;\r\n  height: 80px;\r\n}\r\n.simplert__line {\r\n  position: absolute;\r\n  z-index: 2;\r\n  display: block;\r\n  height: 5px;\r\n  border-radius: 2px;\r\n}\r\n.simplert__line--info {\r\n  position: absolute;\r\n  top: 19px;\r\n  left: 50%;\r\n  width: 7px;\r\n  height: 7px;\r\n  margin-left: -3px;\r\n  border-radius: 50%;\r\n  background-color: #c9dae1;\r\n}\r\n.simplert__line--info-2 {\r\n  position: absolute;\r\n  bottom: 15px;\r\n  left: 50%;\r\n  width: 5px;\r\n  height: 29px;\r\n  margin-left: -2px;\r\n  border-radius: 2px;\r\n  background-color: #c9dae1;\r\n}\r\n.simplert__line--success {\r\n  top: 44px;\r\n  left: 6px;\r\n  width: 25px;\r\n  -webkit-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n  background-color: #a5dc86;\r\n}\r\n.simplert__line--success-2 {\r\n  top: 38px;\r\n  right: 6px;\r\n  width: 47px;\r\n  -webkit-transform: rotate(-45deg);\r\n  transform: rotate(-45deg);\r\n  background-color: #a5dc86;\r\n}\r\n.simplert__line--warning {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 50%;\r\n  width: 5px;\r\n  height: 35px;\r\n  margin-left: -2px;\r\n  -webkit-border-radius: 2px;\r\n  border-radius: 2px;\r\n  background-color: #f8bb86;\r\n}\r\n.simplert__line--warning-2 {\r\n  position: absolute;\r\n  bottom: 10px;\r\n  left: 50%;\r\n  width: 7px;\r\n  height: 7px;\r\n  margin-left: -3px;\r\n  -webkit-border-radius: 50%;\r\n  border-radius: 50%;\r\n  background-color: #f8bb86;\r\n}\r\n.simplert__line--error {\r\n  top: 35px;\r\n  left: 13px;\r\n  width: 47px;\r\n  -webkit-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n  background-color: #f27474;\r\n}\r\n.simplert__line--error-2 {\r\n  top: 35px;\r\n  right: 13px;\r\n  width: 47px;\r\n  -webkit-transform: rotate(-45deg);\r\n  transform: rotate(-45deg);\r\n  background-color: #f27474;\r\n}\r\n.simplert__footer {\r\n  padding: 1em 0;\r\n}\r\n.simplert__close, .simplert__confirm {\r\n  display: inline-block;\r\n  margin: 0 .5em;\r\n  padding: 10px 20px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  color: #fff;\r\n  border: none;\r\n  outline: none;\r\n  background-color: #068ac9;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n}\r\n.simplert__close--radius, .simplert__confirm--radius {\r\n  -webkit-border-radius: 0.3em;\r\n  -moz-border-radius: 0.3em;\r\n  border-radius: 0.3em;\r\n}\r\n\r\n@keyframes zoomIn {\r\n  from {\r\n    transform: scale3d(0.3, 0.3, 0.3);\r\n    opacity: 0;\r\n  }\r\n  50% {\r\n    opacity: 1;\r\n  }\r\n}\r\n",""])},function(n,r){n.exports=function(){var n=[];return n.toString=function(){for(var n=[],r=0;r<this.length;r++){var e=this[r];e[2]?n.push("@media "+e[2]+"{"+e[1]+"}"):n.push(e[1])}return n.join("")},n.i=function(r,e){"string"==typeof r&&(r=[[null,r,""]]);for(var t={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(t[o]=!0)}for(i=0;i<r.length;i++){var s=r[i];"number"==typeof s[0]&&t[s[0]]||(e&&!s[2]?s[2]=e:e&&(s[2]="("+s[2]+") and ("+e+")"),n.push(s))}},n}},function(n,r,e){function t(n){for(var r=0;r<n.length;r++){var e=n[r],t=p[e.id];if(t){t.refs++;for(var i=0;i<t.parts.length;i++)t.parts[i](e.parts[i]);for(;i<e.parts.length;i++)t.parts.push(o(e.parts[i]));t.parts.length>e.parts.length&&(t.parts.length=e.parts.length)}else{for(var s=[],i=0;i<e.parts.length;i++)s.push(o(e.parts[i]));p[e.id]={id:e.id,refs:1,parts:s}}}}function i(){var n=document.createElement("style");return n.type="text/css",d.appendChild(n),n}function o(n){var r,e,t=document.querySelector('style[data-vue-ssr-id~="'+n.id+'"]');if(t){if(f)return _;t.parentNode.removeChild(t)}if(h){var o=u++;t=m||(m=i()),r=s.bind(null,t,o,!1),e=s.bind(null,t,o,!0)}else t=i(),r=l.bind(null,t),e=function(){t.parentNode.removeChild(t)};return r(n),function(t){if(t){if(t.css===n.css&&t.media===n.media&&t.sourceMap===n.sourceMap)return;r(n=t)}else e()}}function s(n,r,e,t){var i=e?"":t.css;if(n.styleSheet)n.styleSheet.cssText=v(r,i);else{var o=document.createTextNode(i),s=n.childNodes;s[r]&&n.removeChild(s[r]),s.length?n.insertBefore(o,s[r]):n.appendChild(o)}}function l(n,r){var e=r.css,t=r.media,i=r.sourceMap;if(t&&n.setAttribute("media",t),i&&(e+="\n/*# sourceURL="+i.sources[0]+" */",e+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}var a="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!a)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=e(6),p={},d=a&&(document.head||document.getElementsByTagName("head")[0]),m=null,u=0,f=!1,_=function(){},h="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());n.exports=function(n,r,e){f=e;var i=c(n,r);return t(i),function(r){for(var e=[],o=0;o<i.length;o++){var s=i[o],l=p[s.id];l.refs--,e.push(l)}r?(i=c(n,r),t(i)):i=[];for(var o=0;o<e.length;o++){var l=e[o];if(0===l.refs){for(var a=0;a<l.parts.length;a++)l.parts[a]();delete p[l.id]}}}};var v=function(){var n=[];return function(r,e){return n[r]=e,n.filter(Boolean).join("\n")}}()},function(n,r){n.exports=function(n,r){for(var e=[],t={},i=0;i<r.length;i++){var o=r[i],s=o[0],l=o[1],a=o[2],c=o[3],p={id:n+":"+i,css:l,media:a,sourceMap:c};t[s]?t[s].parts.push(p):e.push(t[s]={id:s,parts:[p]})}return e}}])});
diff --git a/package.json b/package.json
index 0ad05e1..f70be76 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue2-simplert",
   "description": "Vue 2 Alert Component (SweetAlert Inspired)",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "license": "MIT",
   "author": "Irfan Maulana (https://github.com/mazipan/)",
   "homepage": "https://mazipan.github.io/vue2-simplert/",  
@@ -35,7 +35,7 @@
   "main": "./src/main-dist.js",
   "files": [
     "dist/simplert.umd.js",
-    "dist/simplert.umd.js.map",
+    "dist/simplert.umd.js.gz",
     "dist/simplert.bundle.js",
     "dist/simplert.bundle.js.map",
     "src/main-dist.js",
@@ -44,36 +44,35 @@
     "src/simplert.es5.js"
   ],
   "devDependencies": {
-    "autoprefixer": "^7.1.4",
+    "autoprefixer": "^7.1.5",
     "babel-core": "^6.26.0",
-    "babel-eslint": "^7.2.3",
+    "babel-eslint": "^8.0.1",
     "babel-loader": "^7.1.2",
-    "babel-plugin-istanbul": "^4.1.4",
+    "babel-plugin-istanbul": "^4.1.5",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-stage-2": "^6.24.1",
     "babel-register": "^6.26.0",
     "chai": "^4.1.2",
-    "chalk": "^2.1.0",
-    "chromedriver": "^2.32.2",
-    "compression": "^1.7.0",
-    "compression-webpack-plugin": "^1.0.0",
+    "chalk": "^2.2.0",
+    "compression": "^1.7.1",
+    "compression-webpack-plugin": "^1.0.1",
     "concat-files": "^0.1.1",
-    "connect-history-api-fallback": "^1.3.0",
-    "cross-env": "^5.0.5",
+    "connect-history-api-fallback": "^1.4.0",
+    "cross-env": "^5.1.0",
     "cross-spawn": "^5.1.0",
     "css-loader": "^0.28.7",
-    "eslint": "^4.6.1",
+    "eslint": "^4.9.0",
     "eslint-config-standard": "^10.2.1",
     "eslint-friendly-formatter": "^3.0.0",
     "eslint-loader": "^1.9.0",
-    "eslint-plugin-html": "^3.2.1",
-    "eslint-plugin-promise": "^3.5.0",
+    "eslint-plugin-html": "^3.2.2",
+    "eslint-plugin-promise": "^3.6.0",
     "eslint-plugin-standard": "^3.0.1",
     "eventsource-polyfill": "^0.9.6",
-    "express": "^4.15.4",
-    "extract-text-webpack-plugin": "^3.0.0",
-    "file-loader": "^0.11.2",
+    "express": "^4.16.2",
+    "extract-text-webpack-plugin": "^3.0.1",
+    "file-loader": "^1.1.5",
     "friendly-errors-webpack-plugin": "^1.6.1",
     "function-bind": "^1.1.1",
     "html-webpack-plugin": "^2.30.1",
@@ -86,31 +85,31 @@
     "karma-sinon-chai": "^1.3.2",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-spec-reporter": "0.0.31",
-    "karma-webpack": "^2.0.4",
-    "lolex": "^2.1.2",
-    "mocha": "^3.5.2",
+    "karma-webpack": "^2.0.5",
+    "lolex": "^2.1.3",
+    "mocha": "^4.0.1",
     "nightwatch": "^0.9.16",
     "node-sass": "^4.5.3",
     "opn": "^5.1.0",
     "ora": "^1.3.0",
     "phantomjs-prebuilt": "^2.1.15",
     "sass-loader": "^6.0.6",
-    "selenium-server": "^3.5.3",
+    "selenium-server": "^3.6.0",
     "semver": "^5.4.1",
     "shelljs": "^0.7.8",
-    "sinon": "^3.2.1",
-    "sinon-chai": "^2.13.0",
-    "url-loader": "^0.5.9",
+    "sinon": "^4.0.1",
+    "sinon-chai": "^2.14.0",
+    "url-loader": "^0.6.2",
     "vue": "^2.4.2",
     "vue-loader": "^13.0.4",
     "vue-resource": "^1.3.4",
-    "vue-router": "^2.7.0",
+    "vue-router": "^3.0.1",
     "vue-style-loader": "^3.0.1",
     "vue-template-compiler": "^2.4.2",
-    "webpack": "^3.5.6",
+    "webpack": "^3.8.1",
     "webpack-bundle-analyzer": "^2.9.0",
     "webpack-dev-middleware": "^1.12.0",
-    "webpack-hot-middleware": "^2.19.1",
+    "webpack-hot-middleware": "^2.20.0",
     "webpack-merge": "^4.1.0",
     "webpack-shell-plugin": "^0.5.0"
   }