Merge pull request #11 from ChristoPy/develop

Add k-not directive.

Author: ChristoPy

README.md

@@ -26,7 +26,8 @@ Your HTML
   <b k-text="name"></b>
 </div>
 
-<p k-if="canShowLastName">This node doesn't exists</p>
+<p k-if="canShowLastName">This node doesn't exists until the clause is true</p>
+<p k-not="canShowLastName">This node doesn't exists while the clause is false</p>
 <p k-hide="canShowLastName">This node is hidden</p>
 ```
 
@@ -38,6 +39,8 @@ The available ones are:
   Shows the value of the received reference in the element's text.
 * **k-if**:  
   Removes the element if received reference is falsy. Add if truthy.
+* **k-not**:  
+  Oposite of ```k-if```. Removes when truthy. Add when falsy.
 * **k-hide**:  
   Hides the element if received reference is falsy. Shows if truthy.
 * **k-bind**:  

package-lock.json

@@ -1,9 +1,11 @@
 {
   "name": "kuva",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Lightweight and straightforward reactive front-end library.",
   "main": "dist/index.js",
-  "files": ["dist/*"],
+  "files": [
+    "dist/*"
+  ],
   "scripts": {
     "dev": "./node_modules/.bin/reload -b -d ./src -p 8080 | ./node_modules/.bin/rollup -c -w",
     "build": "NODE_ENV=production rollup -c"
@@ -18,5 +20,15 @@
   },
   "keywords": [
     "kuva"
-  ]
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ChristoPy/kuva.git"
+  },
+  "author": "Christopher Ribeiro <christo_campiglia@hotmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ChristoPy/kuva/issues"
+  },
+  "homepage": "https://github.com/ChristoPy/kuva#readme"
 }

package.json

@@ -47,6 +47,21 @@ let directives = [
         else comment.replaceWith(element)
       }
 
+      innerHandler()
+      return innerHandler
+    }
+  },
+  {
+    name: "not",
+    elements: [],
+    handler: (element, data, value) => {
+      const comment = document.createComment('')
+
+      const innerHandler = () => {
+        if (!data[value]) comment.replaceWith(element)
+        else element.replaceWith(comment)
+      }
+
       innerHandler()
       return innerHandler
     }