Merge branch 'mihar-22-master'

Author: krausest

frameworks/keyed/maverick/package-lock.json

@@ -14,10 +14,10 @@
   "author": "Rahim Alwer",
   "license": "MIT",
   "dependencies": {
-    "maverick.js": "0.22.0"
+    "maverick.js": "0.22.2"
   },
   "devDependencies": {
-    "@maverick-js/compiler": "0.22.0",
+    "@maverick-js/compiler": "0.22.2",
     "esbuild": "0.16.8",
     "sirv-cli": "2.0.2",
     "typescript": "4.9.4"

frameworks/keyed/maverick/package.json

@@ -118,14 +118,15 @@ function App() {
         <tbody>
           <ForKeyed each={$data}>
             {(row) => {
+              const id = row.id;
               return (
-                <tr class={$selector(row.id) ? "danger" : ""}>
-                  <td class="col-md-1" $prop:textContent={row.id} />
+                <tr class={$selector(id)() ? "danger" : ""}>
+                  <td class="col-md-1" $prop:textContent={id} />
                   <td class="col-md-4">
-                    <a $on:click={[select, row.id]} $prop:textContent={row.label()} />
+                    <a $on:click={[select, id]} $prop:textContent={row.label()} />
                   </td>
                   <td class="col-md-1">
-                    <a $on:click={[remove, row.id]}>
+                    <a $on:click={[remove, id]}>
                       <span class="glyphicon glyphicon-remove" aria-hidden="true" />
                     </a>
                   </td>