simple-modal-vue - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

build/bundle.js

@@ -1,1 +0,1 @@
-module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(e,t,n){var o=n(5);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,n(3).default)("04613f3f",o,!0,{})},function(e,t,n){var o=n(7);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,n(3).default)("1342a411",o,!0,{})},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var r=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(o),i=o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"});return[n].concat(i).concat([r]).join("\n")}return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<e.length;r++){var a=e[r];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){"use strict";function o(e,t){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],a=i[0],s={id:e+":"+r,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}n.r(t),n.d(t,"default",function(){return v});var r="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!r)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 i={},a=r&&(document.head||document.getElementsByTagName("head")[0]),s=null,d=0,u=!1,l=function(){},c=null,f="data-vue-ssr-id",p="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function v(e,t,n,r){u=n,c=r||{};var a=o(e,t);return m(a),function(t){for(var n=[],r=0;r<a.length;r++){var s=a[r];(d=i[s.id]).refs--,n.push(d)}t?m(a=o(e,t)):a=[];for(r=0;r<n.length;r++){var d;if(0===(d=n[r]).refs){for(var u=0;u<d.parts.length;u++)d.parts[u]();delete i[d.id]}}}}function m(e){for(var t=0;t<e.length;t++){var n=e[t],o=i[n.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](n.parts[r]);for(;r<n.parts.length;r++)o.parts.push(g(n.parts[r]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{var a=[];for(r=0;r<n.parts.length;r++)a.push(g(n.parts[r]));i[n.id]={id:n.id,refs:1,parts:a}}}}function h(){var e=document.createElement("style");return e.type="text/css",a.appendChild(e),e}function g(e){var t,n,o=document.querySelector("style["+f+'~="'+e.id+'"]');if(o){if(u)return l;o.parentNode.removeChild(o)}if(p){var r=d++;o=s||(s=h()),t=y.bind(null,o,r,!1),n=y.bind(null,o,r,!0)}else o=h(),t=function(e,t){var n=t.css,o=t.media,r=t.sourceMap;o&&e.setAttribute("media",o);c.ssrId&&e.setAttribute(f,t.id);r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,o),n=function(){o.parentNode.removeChild(o)};return t(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;t(e=o)}else n()}}var b=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function y(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=b(t,r);else{var i=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}},function(e,t,n){"use strict";var o=n(0);n.n(o).a},function(e,t,n){(e.exports=n(2)(!1)).push([e.i,"\n.vsm[data-v-1d08c294] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1050;\n  background: rgba(0, 0, 0, 0.5);\n  overflow: auto;\n}\n.vsm-modal[data-v-1d08c294] {\n  box-sizing: border-box;\n  margin: 50px auto 16px;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n  box-sizing: border-box;\n  position: relative;\n  width: auto;\n  margin-left: 16px;\n  margin-right: 16px;\n}\n.vsm-modal-body[data-v-1d08c294], .vsm-modal-footer[data-v-1d08c294], .vsm-modal-header[data-v-1d08c294] {\n    padding: 16px;\n}\n.vsm-modal-header[data-v-1d08c294] {\n    background: #f7f7f7;\n}\n.vsm-modal-header .title[data-v-1d08c294] {\n      margin: 0;\n      font-size: 20px;\n}\n.vsm-modal-footer[data-v-1d08c294] {\n    border-top: 1px solid #f7f7f7;\n}\n.vsm-modal .btn-close[data-v-1d08c294] {\n    position: absolute;\n    right: 16px;\n    top: 8px;\n    border: none;\n    background: transparent;\n    font-size: 24px;\n    color: #b4c0c1;\n    cursor: pointer;\n}\n.vsm-modal .btn-close[data-v-1d08c294]:focus {\n      outline: none;\n}\n@media (min-width: 576px) {\n.vsm-modal.responsive[data-v-1d08c294] {\n      max-width: 500px;\n      margin-left: auto;\n      margin-right: auto;\n}\n}\n@media (min-width: 992px) {\n.vsm-modal.responsive[data-v-1d08c294] {\n      max-width: 800px;\n}\n}\n.vsm-modal.small[data-v-1d08c294] {\n    max-width: 500px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.fade-enter-active[data-v-1d08c294], .fade-leave-active[data-v-1d08c294] {\n  padding-top: 0;\n  transition: opacity .25s ease-in-out, padding .35s ease-in-out;\n}\n.fade-enter[data-v-1d08c294], .fade-leave-to[data-v-1d08c294] {\n  padding-top: 150px;\n  opacity: 0;\n}\n",""])},function(e,t,n){"use strict";var o=n(1);n.n(o).a},function(e,t,n){(e.exports=n(2)(!1)).push([e.i,"\n.vsm-overflow-hidden {\n  overflow: hidden;\n}\n.vsm-overflow-hidden-ipad {\n  position: fixed;\n  width: 100%;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var o={name:"VueSimpleModal",props:{title:{type:String,default:""},value:{type:Boolean,default:!1},hasButtonClose:{type:Boolean,default:!0},hasFooter:{type:Boolean,default:!1},size:{type:String,default:"responsive"}},data:function(){return{previousScrollPosition:0}},methods:{open:function(){this.value||(this.$emit("input",!0),this.$emit("onOpen"))},close:function(){this.$emit("input",!1),this.$emit("onClose")},disableScrollOnIpad:function(e){var t=this;if(e)return this.previousScrollPosition=window.pageYOffset||document.documentElement.scrollTop,document.body.classList.add("vsm-overflow-hidden-ipad"),void(document.body.style.top="-"+this.previousScrollPosition+"px");this.$nextTick(function(){document.documentElement.scrollTop=document.body.scrollTop=t.previousScrollPosition,t.previousScrollPosition=0,document.body.style.top=0}),document.body.classList.remove("vsm-overflow-hidden-ipad")}},watch:{value:function(){this.isIpad?this.disableScrollOnIpad(this.isShow):this.value?document.body.classList.add("vsm-overflow-hidden"):document.body.classList.remove("vsm-overflow-hidden")}},computed:{isIpad:function(){var e=window.navigator.userAgent.toLowerCase();return/ipad/.test(e)}}};n(4),n(6);var r=function(e,t,n,o,r,i,a,s){var d,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),o&&(u.functional=!0),i&&(u._scopeId="data-v-"+i),a?(d=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},u._ssrRegister=d):r&&(d=s?function(){r.call(this,this.$root.$options.shadowRoot)}:r),d)if(u.functional){u._injectStyles=d;var l=u.render;u.render=function(e,t){return d.call(t),l(e,t)}}else{var c=u.beforeCreate;u.beforeCreate=c?[].concat(c,d):[d]}return{exports:e,options:u}}(o,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"fade"}},[e.value?n("div",{staticClass:"vsm",attrs:{tabindex:"-1"},on:{click:function(t){return t.target!==t.currentTarget?null:e.close(t)},keyup:function(t){return"button"in t||!e._k(t.keyCode,"esc",27,t.key,"Escape")?e.close(t):null}}},[n("div",{staticClass:"vsm-modal",class:e.size},[e.hasButtonClose?n("button",{staticClass:"btn-close",attrs:{type:"button"},on:{click:e.close}},[n("span",{attrs:{"aria-hidden":"true"}},[e._v("×")])]):e._e(),e.title?n("div",{staticClass:"vsm-modal-header"},[n("h4",{staticClass:"title"},[e._v(e._s(e.title))])]):e._e(),n("div",{staticClass:"vsm-modal-body"},[e._t("body")],2),e.hasFooter?n("div",{staticClass:"vsm-modal-footer"},[e._t("footer")],2):e._e()])]):e._e()])},[],!1,null,"1d08c294",null);r.options.__file="SimpleModal.vue";t.default=r.exports}]);
+module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(e,t,n){var o=n(5);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,n(3).default)("6c940a5e",o,!0,{})},function(e,t,n){var o=n(7);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,n(3).default)("1342a411",o,!0,{})},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var r=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(o),a=o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"});return[n].concat(a).concat([r]).join("\n")}return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(o[a]=!0)}for(r=0;r<e.length;r++){var i=e[r];"number"==typeof i[0]&&o[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),t.push(i))}},t}},function(e,t,n){"use strict";function o(e,t){for(var n=[],o={},r=0;r<t.length;r++){var a=t[r],i=a[0],s={id:e+":"+r,css:a[1],media:a[2],sourceMap:a[3]};o[i]?o[i].parts.push(s):n.push(o[i]={id:i,parts:[s]})}return n}n.r(t),n.d(t,"default",function(){return v});var r="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!r)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 a={},i=r&&(document.head||document.getElementsByTagName("head")[0]),s=null,d=0,l=!1,u=function(){},c=null,f="data-vue-ssr-id",p="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function v(e,t,n,r){l=n,c=r||{};var i=o(e,t);return b(i),function(t){for(var n=[],r=0;r<i.length;r++){var s=i[r];(d=a[s.id]).refs--,n.push(d)}t?b(i=o(e,t)):i=[];for(r=0;r<n.length;r++){var d;if(0===(d=n[r]).refs){for(var l=0;l<d.parts.length;l++)d.parts[l]();delete a[d.id]}}}}function b(e){for(var t=0;t<e.length;t++){var n=e[t],o=a[n.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](n.parts[r]);for(;r<n.parts.length;r++)o.parts.push(h(n.parts[r]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{var i=[];for(r=0;r<n.parts.length;r++)i.push(h(n.parts[r]));a[n.id]={id:n.id,refs:1,parts:i}}}}function m(){var e=document.createElement("style");return e.type="text/css",i.appendChild(e),e}function h(e){var t,n,o=document.querySelector("style["+f+'~="'+e.id+'"]');if(o){if(l)return u;o.parentNode.removeChild(o)}if(p){var r=d++;o=s||(s=m()),t=y.bind(null,o,r,!1),n=y.bind(null,o,r,!0)}else o=m(),t=function(e,t){var n=t.css,o=t.media,r=t.sourceMap;o&&e.setAttribute("media",o);c.ssrId&&e.setAttribute(f,t.id);r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,o),n=function(){o.parentNode.removeChild(o)};return t(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;t(e=o)}else n()}}var g=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function y(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=g(t,r);else{var a=document.createTextNode(r),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}},function(e,t,n){"use strict";var o=n(0);n.n(o).a},function(e,t,n){(e.exports=n(2)(!1)).push([e.i,"\n.vsm[data-v-bb0f3b34] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1050;\n  background: rgba(0, 0, 0, 0.5);\n  overflow: auto;\n}\n.vsm-modal[data-v-bb0f3b34] {\n  box-sizing: border-box;\n  margin: 50px auto 16px;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n  box-sizing: border-box;\n  position: relative;\n  width: auto;\n  margin-left: 16px;\n  margin-right: 16px;\n}\n.vsm-modal-body[data-v-bb0f3b34], .vsm-modal-footer[data-v-bb0f3b34], .vsm-modal-header[data-v-bb0f3b34] {\n    padding: 16px;\n}\n.vsm-modal-header[data-v-bb0f3b34] {\n    background: #f7f7f7;\n}\n.vsm-modal-header .title[data-v-bb0f3b34] {\n      margin: 0;\n      font-size: 20px;\n}\n.vsm-modal-footer[data-v-bb0f3b34] {\n    border-top: 1px solid #f7f7f7;\n}\n.vsm-modal .btn-close[data-v-bb0f3b34] {\n    position: absolute;\n    right: 16px;\n    top: 8px;\n    border: none;\n    background: transparent;\n    font-size: 24px;\n    color: #b4c0c1;\n    cursor: pointer;\n}\n.vsm-modal .btn-close[data-v-bb0f3b34]:focus {\n      outline: none;\n}\n@media (min-width: 576px) {\n.vsm-modal.responsive[data-v-bb0f3b34] {\n      max-width: 500px;\n      margin-left: auto;\n      margin-right: auto;\n}\n}\n@media (min-width: 992px) {\n.vsm-modal.responsive[data-v-bb0f3b34] {\n      max-width: 800px;\n}\n}\n.vsm-modal.small[data-v-bb0f3b34] {\n    max-width: 500px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.fade-enter-active[data-v-bb0f3b34],\n.fade-leave-active[data-v-bb0f3b34] {\n  padding-top: 0;\n  transition: opacity 0.25s ease-in-out, padding 0.35s ease-in-out;\n}\n.fade-enter[data-v-bb0f3b34],\n.fade-leave-to[data-v-bb0f3b34] {\n  padding-top: 150px;\n  opacity: 0;\n}\n",""])},function(e,t,n){"use strict";var o=n(1);n.n(o).a},function(e,t,n){(e.exports=n(2)(!1)).push([e.i,"\n.vsm-overflow-hidden {\n  overflow: hidden;\n}\n.vsm-overflow-hidden-ipad {\n  position: fixed;\n  width: 100%;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var o={name:"VueSimpleModal",props:{title:{type:String,default:""},value:{type:Boolean,default:!1},hasButtonClose:{type:Boolean,default:!0},hasFooter:{type:Boolean,default:!1},size:{type:String,default:"responsive"}},methods:{close:function(){this.$emit("input",!1)},disableScrollOnIpad:function(e){var t=this;if(e)return this.previousScrollPosition=window.pageYOffset||document.documentElement.scrollTop,document.body.classList.add("vsm-overflow-hidden-ipad"),void(document.body.style.top="-".concat(this.previousScrollPosition,"px"));this.$nextTick(function(){document.documentElement.scrollTop=document.body.scrollTop=t.previousScrollPosition,t.previousScrollPosition=0,document.body.style.top=0}),document.body.classList.remove("vsm-overflow-hidden-ipad")}},watch:{value:function(){this.$emit(this.value?"onOpen":"onClose"),this.isIpad?this.disableScrollOnIpad(this.value):this.value?document.body.classList.add("vsm-overflow-hidden"):document.body.classList.remove("vsm-overflow-hidden")}},computed:{isIpad:function(){var e=window.navigator.userAgent.toLowerCase();return/ipad/.test(e)}}};n(4),n(6);var r=function(e,t,n,o,r,a,i,s){var d,l="function"==typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),o&&(l.functional=!0),a&&(l._scopeId="data-v-"+a),i?(d=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},l._ssrRegister=d):r&&(d=s?function(){r.call(this,this.$root.$options.shadowRoot)}:r),d)if(l.functional){l._injectStyles=d;var u=l.render;l.render=function(e,t){return d.call(t),u(e,t)}}else{var c=l.beforeCreate;l.beforeCreate=c?[].concat(c,d):[d]}return{exports:e,options:l}}(o,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"fade"}},[e.value?n("div",{staticClass:"vsm",attrs:{tabindex:"-1"},on:{click:function(t){return t.target!==t.currentTarget?null:e.close(t)},keyup:function(t){return"button"in t||!e._k(t.keyCode,"esc",27,t.key,"Escape")?e.close(t):null}}},[n("div",{staticClass:"vsm-modal",class:e.size},[e.hasButtonClose?n("button",{staticClass:"btn-close",attrs:{type:"button"},on:{click:e.close}},[n("span",{attrs:{"aria-hidden":"true"}},[e._v("×")])]):e._e(),e.title?n("div",{staticClass:"vsm-modal-header"},[n("h4",{staticClass:"title"},[e._v(e._s(e.title))])]):e._e(),n("div",{staticClass:"vsm-modal-body"},[e._t("body")],2),e.hasFooter?n("div",{staticClass:"vsm-modal-footer"},[e._t("footer")],2):e._e()])]):e._e()])},[],!1,null,"bb0f3b34",null);r.options.__file="SimpleModal.vue";t.default=r.exports}]);

package.json

 {
   "name": "simple-modal-vue",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Build an extremely easy modal component in Vuejs",
@@ -10,3 +10,5 @@ "author": "toannt181 <[e-mail]>",
     "dev": "npm start",
-    "build": "cross-env NODE_ENV=production webpack --mode=production"
+    "build": "cross-env NODE_ENV=production webpack --mode=production",
+    "test": "jest --config jest.config.js",
+    "test2": "cross-env NODE_ENV=test mocha-webpack --mode development --webpack-config webpack.config.js --require test/setup.js test/**/*.spec.js"
   },
@@ -41,5 +43,8 @@ "main": "build/bundle.js",
   "devDependencies": {
-    "@babel/core": "^7.1.0",
+    "@babel/core": "^7.1.2",
     "@babel/preset-env": "^7.1.0",
+    "@vue/test-utils": "^1.0.0-beta.25",
+    "babel-core": "^7.0.0-bridge.0",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.2",
@@ -52,2 +57,5 @@ "babel-plugin-syntax-jsx": "^6.18.0",
     "html-webpack-plugin": "^3.2.0",
+    "jest": "^23.6.0",
+    "jsdom": "^12.2.0",
+    "jsdom-global": "^3.0.2",
     "node-sass": "^4.9.3",
@@ -57,8 +65,10 @@ "pug": "^2.0.3",
     "sass-loader": "^7.1.0",
+    "vue-jest": "^2.6.0",
     "vue-loader": "^15.4.2",
     "vue-style-loader": "^4.1.2",
     "vue-template-compiler": "^2.5.17",
-    "webpack": "^4.19.1",
+    "webpack": "^4.20.0",
     "webpack-cli": "^3.1.1",
-    "webpack-dev-server": "^3.1.8"
+    "webpack-dev-server": "^3.1.8",
+    "webpack-node-externals": "^1.7.2"
   },
@@ -65,0 +75,0 @@ "engines": {

README.md

@@ -15,3 +15,3 @@ # Simple Modal Vue
 Usage in example
-```js
+```html
 <template>
@@ -18,0 +18,0 @@ <div>

webpack.config.js

 const path = require('path')
 const VueLoaderPlugin = require('vue-loader/lib/plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
+
 module.exports = {
@@ -38,12 +39,3 @@ entry: './src/main.js',
       },
-      // this will apply to both plain `.js` files
-      // AND `<script>` blocks in `.vue` files
       {
-        test: /\.js$/,
-        loader: 'babel-loader'
-      },
-      // this will apply to both plain `.css` files
-      // AND `<style>` blocks in `.vue` files
-      // AND `<style lang="scss">` blocks in `.vue` files
-      {
         test: /\.s?css$/,
@@ -56,3 +48,2 @@ use: [
       },
-      // this will apply to pug template
       {
@@ -70,3 +61,3 @@ test: /\.pug$/,
     })
-  ]
+  ],
 }
@@ -78,2 +69,9 @@
   module.exports.output.libraryTarget = 'commonjs2'
+}
+
+// test specific setups
+if (process.env.NODE_ENV === 'test') {
+  module.exports.externals = [require('webpack-node-externals')()]
+  module.exports.devtool = 'eval'
+  module.exports.mode = 'development'
 }

New alerts

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

Worsened metrics

Total package byte prevSize

28725

decreased by-85.62%

Dev dependency count

28

increased by40%

Number of package files

23

decreased by-11.54%

Lines of code

291

decreased by-94.3%

Number of low supply chain risk alerts

3

increased by50%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes