lightview 1.4.0-b → 1.4.1-b

package/README.md

@@ -1,4 +1,4 @@
-# lightview v1.4.0b (BETA)
+# lightview v1.4.1b (BETA)
 
 Small, simple, powerful web UI and micro front end creation ...
 

package/lightview.js

@@ -302,7 +302,7 @@ const {observe} = (() => {
     }
     const inputTypeToType = (inputType) => {
         if (!inputType) return "any"
-        if (["text", "tel", "email", "url", "search", "radio"].includes(inputType)) return "string";
+        if (["text", "tel", "email", "url", "search", "radio","color","password"].includes(inputType)) return "string";
         if (["number", "range"].includes(inputType)) return "number";
         if (["datetime"].includes(inputType)) return Date;
         if (["checkbox"].includes(inputType)) return "boolean";
@@ -325,7 +325,11 @@ const {observe} = (() => {
                 else throw new TypeError(`Attempt to bind <input name="${name}" type="${type}"> to variable ${name}:${variable.type}`)
             }
             component.variables({[name]: type});
-            addListener(input,"change", (event) => {
+            let eventname = "change";
+            if(input.tagName!=="SELECT" && (!inputtype || ["text","number","tel","email","url","search","password"].includes(inputtype))) {
+                eventname = "input";
+            }
+            addListener(input,eventname, (event) => {
                 event.stopImmediatePropagation();
                 const target = event.target;
                 let value = target.value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lightview",
-  "version": "1.4.0b",
+  "version": "1.4.1b",
   "description": "Small, simple, powerful web UI and micro front end creation ... imagine a blend of Svelte, React, Vue, Riot and more.",
   "main": "lightview.js",
   "scripts": {