fixpattern issue

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": ["env"],
+  "plugins": [
+    "transform-class-properties"
+  ]
+}

.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+*.log
+.cache

.npmignore

@@ -0,0 +1,9 @@
+node_modules/
+src/
+.cache
+
+.gitignore
+rollup.config.js
+postcss.config.js
+
+.babelrc

MIT-LICENSE.txt

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) <2016> <Sudhanshu Yadav>
+Copyright (c) <2018> <Sudhanshu Yadav>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,32 +1,51 @@
-patternLock
+PatternLock
 ===========
 
 A light weight plugin to simulate android like pattern lock mechanism for your hybrid app or for a website. It's easy to configure and style so you can have different type of pattern lock according to your need. Is also provide some methods to use this plugin securely.
 
-<strong>How to use?</strong><br>
-Include jquery and patternLock.js and patternLock.css to your page.
-<pre class="brush: xml;">
-&lt;link href=&quot;patternLock.css&quot;  rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
-&lt;script src=&quot;jquery.js&quot;&gt;&lt;/script&gt;
-&lt;script src=&quot;patternLock.js&quot;&gt;&lt;/script&gt;
-</pre>
-Than with simple initialization you have your pattern lock.
-<pre class="brush: js;">
-var lock = new PatternLock("#patternContainer");
-</pre>
-<br/>
-Check demo and documentation on <a href="http://ignitersworld.com/lab/patternLock.html">http://ignitersworld.com/lab/patternLock.html</a>
-
-<h3>Major updates</h3>
-
-<strong>v0.6.0</strong>
+### Installation
+The easiest way to use PatternLock is to install it from npm and build it into your app with Webpack.
+
+```js
+npm install patternlock
+```
+
+You can then import react-select and its styles in your application as follows:
+
+```js
+import PatternLock from 'patternlock';
+import 'patternlock/dist/patternlock.css'; //or import this directly on css file if you are not using any bundler 
+```
+
+You can also use the standalone UMD build by including `dist/patternlock.min.js` and `dist/patternlock.min.css` in your page.
+
+### Documentation
+
+Check demo and documentation on 
+
+### Major updates
+
+**v2.0.0**
+- Removed jQuery dependency
+- Rewrite on es6
+- Added rollup to bundle and parcel to run dev environment
+- Removed bower and jquery json
+
+**v1.0.1**
+- Added a option to allow repeating over dots.
+- Added on npm.
+- Fixed setPattern bug for larger matrix.
+- Fixed invalid pattern #15, #3
+- Fixed direction classes issue while directly moving to non near dots.
+
+**v0.6.0**
 - UMD (AMD, CommonJS) support.
 
-<strong>v0.5.0</strong>
+**v0.5.0**
 - Added directional classes, dir, n,s,e,w,n-e,n-w,s-e,s-w.
 
-<strong>v0.4.0</strong>
+**v0.4.0**
 - Added setPattern, disable, enable methods.
 
-<strong>v0.3.0</strong>
-- Fixed patternlock support on devices having both mouse and touch input.
+**v0.3.0**
+- Fixed patternlock support on devices having both mouse and touch input.

patternLock.css → dist/patternlock.css

@@ -1,10 +1,3 @@
-/*
-	patternLock.js v 0.6.0
-	Author: Sudhanshu Yadav
-	Copyright (c) 2016 Sudhanshu Yadav - ignitersworld.com , released under the MIT license.
-	Demo and documentaion on: ignitersworld.com/lab/patternLock.html
-*/
-
 .patt-holder{background:#3382c0;  -ms-touch-action: none;}
 .patt-wrap{position:relative; cursor:pointer;}
 .patt-wrap ul, .patt-wrap li{
@@ -20,7 +13,7 @@
  }
 .patt-circ.hovered{
 	border:3px solid #009900;
-} 
+}
 
 .patt-error .patt-circ.hovered{
 	border:3px solid #BA1B26;