jb-input - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

dist/JBInput.js

@@ -143,3 +143,3 @@ var HTML = "<div class=\"jb-input-web-component\">\r\n    <label class=\"--hide\"><span class=\"label-value\"></span><span>:</span></label>\r\n    <div class=\"input-box\">\r\n        <input class=\"input-box\">\r\n        <div class=\"password-trigger\">\r\n            <svg viewBox=\"0 0 120 120\">\r\n                <path class=\"eye-line\" stroke-linecap=\"round\"></path>\r\n                <circle cx=\"60\" cy=\"60\" r=\"20\"></circle>\r\n            </svg>\r\n        </div>\r\n    </div>\r\n    <div class=\"message-box\"></div>\r\n</div>";
     }
-    onInputKeyPress() {
+    onInputKeyPress(e) {
         //TODO: raise keypress event
@@ -166,3 +166,11 @@ const event = new CustomEvent('keypress');
         this.dispatchEvent(event);
+        if(e.keyCode == 13){
+            this.onInputEnter();
+        }
     }
+    onInputEnter(){
+        debugger;
+        const event = new CustomEvent('enter');
+        this.dispatchEvent(event);
+    }
     onInputChange(e) {
@@ -169,0 +177,0 @@ const inputText = e.target.value;

lib/JBInput.js

@@ -141,3 +141,3 @@ import HTML from './JBInput.html';
     }
-    onInputKeyPress() {
+    onInputKeyPress(e) {
         //TODO: raise keypress event
@@ -164,3 +164,10 @@ const event = new CustomEvent('keypress');
         this.dispatchEvent(event);
+        if(e.keyCode == 13){
+            this.onInputEnter();
+        }
     }
+    onInputEnter(){
+        const event = new CustomEvent('enter');
+        this.dispatchEvent(event);
+    }
     onInputChange(e) {
@@ -167,0 +174,0 @@ const inputText = e.target.value;

package.json

@@ -14,3 +14,3 @@ {
   ],
-  "version": "1.0.7",
+  "version": "1.0.8",
   "bugs": "https://github.com/javadbat/jb-input/issues",
@@ -17,0 +17,0 @@ "license": "MIT",

README.md

@@ -34,2 +34,7 @@ # jb-input
 document.getElementByTagName('jb-input').addEventListener('change',(event)=>{console.log(event.target.value)});
+document.getElementByTagName('jb-input').addEventListener('keyup',(event)=>{console.log(event.target.value)});
+document.getElementByTagName('jb-input').addEventListener('keydown',(event)=>{console.log(event.target.value)});
+document.getElementByTagName('jb-input').addEventListener('keypress',(event)=>{console.log(event.target.value)});
+// when user press enter on keyboard(dispatched on onKeyup)
+document.getElementByTagName('jb-input').addEventListener('enter',(event)=>{console.log(event.target.value)});
 ```
@@ -36,0 +41,0 @@

No alert changes

Improved metrics

Total package byte prevSize

62071

increased by2.28%

Lines of code

557

increased by2.77%

Number of lines in readme file

93

increased by5.68%

No dependency changes