@wrnrlr/prelude 0.2.19 → 0.2.20

package/deno.jsonc

@@ -1,6 +1,6 @@
 {
   "name": "@wrnrlr/prelude",
-  "version": "0.2.19",
+  "version": "0.2.20",
   "exports": {
       ".": "./src/mod.ts",
       "./style.css": "./src/style.css"

package/example/widget.html

@@ -126,7 +126,9 @@ label {
     border: 1px solid black;
     z-index: 10;
     white-space: nowrap;
-    > * {}
+    & > .selected {
+      background-color: var(--yellow-200);
+    }
   }
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wrnrlr/prelude",
   "type": "module",
-  "version": "0.2.19",
+  "version": "0.2.20",
   "author": "Werner Laurensse",
   "description": "A signal based frontend library with fine-grained reactivity",
   "main": "./src/mod.ts",

package/src/form.js

@@ -54,10 +54,12 @@ export function Select(props) {
   })
   const fallback = props.placeholder ? h('span', props.placeholder) : 'nbsp'
   return h('.select', [
-    h('button', {onClick:e=>show(s=>!s)}, h(Show, {when:()=>props.value, fallback}, ()=>props.value() || nbsp)),
+    h('button', {onClick:e=>show(s=>!s)},
+      h(Show, {when:()=>props.value, fallback}, ()=>props.value() || nbsp)),
     h(Show, {when: show}, h('.options', {style:'position:absolute'}, h(List, {each:()=>selected().options},
       (option) => h('.option', {
         onClick: (e) => { e.preventDefault(); props.value(option()); show(false) },
+        class: () => props.value()===option() ? 'selected' : '',
         style: 'cursor: pointer'
       }, option)
     )))