leanweb 1.2.2 → 1.2.3

package/README.md

@@ -251,6 +251,11 @@ items = ["one", "two", "three"];
 2: three
 ```
 
+#### access DOM from lw-for
+
+`lw-for` binds the DOM to the list of elements respectively if `typeof element`
+evaluates `object`. To access the DOM node, use `element.getDom()`.
+
 ### lw-model and lw-on:
 
 ```html
@@ -350,6 +355,8 @@ Here is a few examples how Leanweb helps web components work with form binding.
 
 ### Checkbox
 
+#### Multiple chechboxes bound to an array
+
 ```javascript
 // ...
 items = ['one', 'two', 'three'];
@@ -375,6 +382,24 @@ checkedValues = [];
 
 <img src='https://leanweb.app/images/leanweb-form-binding-checkbox.gif' alt='Leanweb Form Binding Checkbox'/>
 
+#### Single checkbox bound to a boolean value
+
+```javascript
+checked = false;
+toggleCheckbox() {
+    this.checked = !this.checked;
+    this.update();
+}
+```
+
+```html
+<button lw-on:click="toggleCheckbox()">Toggle Checkbox</button>
+<div>
+  <input type="checkbox" lw-model="checked" />
+  <span lw>checked</span>
+</div>
+```
+
 ### Select
 
 ```javascript

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "leanweb",
-   "version": "1.2.2",
+   "version": "1.2.3",
    "description": "Builds framework agnostic web components.",
    "bin": {
       "leanweb": "leanweb.js",

package/templates/lib/lw-element.js

@@ -462,6 +462,9 @@ export default class LWElement extends HTMLElement {
             node.setAttribute('lw-context', '');
             currentNode.insertAdjacentElement('afterend', node);
          }
+         if (item && typeof item === 'object') {
+            item.getDom = () => node;
+         }
          currentNode = node;
          const itemContext = { [interpolation.itemExpr]: item };
          if (interpolation.indexExpr) {