peryl 1.5.9 → 1.5.11

package/demo/hsml-app-form_demo.ts

@@ -49,10 +49,10 @@ const state: HState<State> = function () {
 // type FormActions =
 //     "form-change" |
 //     "form-submit";
-
 enum Actions {
     change = "form-change",
-    submit = "form-submit"
+    submit = "form-submit",
+    cancel = "form-cancel"
 }
 
 const view: HView<State, Actions> = function (state) {
@@ -209,7 +209,18 @@ const view: HView<State, Actions> = function (state) {
                                 }]
                             ]]
                         ]],
-                        ["button.w3-btn.w3-blue", "Submit"]
+                        ["button.w3-btn.w3-blue", "Submit"],
+                        " ",
+                        // ["a.w3-btn", "Cancel"]
+                        ["a.w3-btn",
+                            {
+                                href: "javascript:void(0)",
+                                accesskey: "c",
+                                title: "alt-c",
+                                on: ["click", Actions.cancel]
+                            },
+                            "Cancel"
+                        ]
                     ]
                 ]
             ]]

package/dist/browser-esmodule/hsml-app.js

@@ -1284,26 +1284,28 @@ function $9adf8bc2f1ba310f$var$formData(e) {
 }
 function $9adf8bc2f1ba310f$var$formInputData(el) {
     const vel = el;
-    let valid = true;
-    for(const key in vel.validity){
-        if (key !== "customError" && key !== "valid") {
-            if (vel.validity[key]) {
-                const msgs = vel["validation"];
-                if (msgs) {
-                    const msg = msgs[key];
-                    if (msg) {
-                        vel.setCustomValidity(msg);
-                        valid = false;
-                        break;
-                    } else {
-                        vel.setCustomValidity("");
-                        break;
+    if (vel.willValidate) {
+        let valid = true;
+        for(const key in vel.validity){
+            if (key !== "customError" && key !== "valid") {
+                if (vel.validity[key]) {
+                    const msgs = vel["validation"];
+                    if (msgs) {
+                        const msg = msgs[key];
+                        if (msg) {
+                            vel.setCustomValidity(msg);
+                            valid = false;
+                            break;
+                        } else {
+                            vel.setCustomValidity("");
+                            break;
+                        }
                     }
                 }
             }
         }
+        if (valid) vel.setCustomValidity("");
     }
-    if (valid) vel.setCustomValidity("");
     let data;
     switch(el.nodeName){
         case "INPUT":
@@ -1313,22 +1315,48 @@ function $9adf8bc2f1ba310f$var$formInputData(el) {
                 case "hidden":
                 case "password":
                 case "email":
-                case "number":
                 case "search":
                 case "url":
                 case "tel":
                 case "color":
-                case "date":
+                case "submit":
+                case "button":
+                    data = {
+                        name: iel.name,
+                        value: iel.value,
+                        validation: iel.validationMessage,
+                        valid: iel.validity.valid
+                    };
+                    break;
+                case "number":
+                case "range":
+                    data = {
+                        name: iel.name,
+                        value: iel.valueAsNumber,
+                        valueString: iel.value,
+                        validation: iel.validationMessage,
+                        valid: iel.validity.valid
+                    };
+                    break;
                 case "datetime-local":
+                    data = {
+                        name: iel.name,
+                        value: iel.value,
+                        valueNumber: isNaN(iel.valueAsNumber) ? null : iel.valueAsNumber,
+                        valueDate: isNaN(iel.valueAsNumber) ? null : new Date(iel.valueAsNumber),
+                        validation: iel.validationMessage,
+                        valid: iel.validity.valid
+                    };
+                    break;
+                case "date":
                 case "month":
-                case "range":
                 case "time":
                 case "week":
-                case "submit":
-                case "button":
                     data = {
                         name: iel.name,
                         value: iel.value,
+                        valueNumber: isNaN(iel.valueAsNumber) ? null : iel.valueAsNumber,
+                        valueDate: iel.valueAsDate,
                         validation: iel.validationMessage,
                         valid: iel.validity.valid
                     };
@@ -1337,6 +1365,7 @@ function $9adf8bc2f1ba310f$var$formInputData(el) {
                     data = {
                         name: iel.name,
                         value: iel.checked ? iel.value : null,
+                        valueString: iel.value,
                         validation: iel.validationMessage,
                         valid: iel.validity.valid
                     };
@@ -1345,12 +1374,14 @@ function $9adf8bc2f1ba310f$var$formInputData(el) {
                     if (iel.value === "on") data = {
                         name: iel.name,
                         value: iel.checked,
+                        valueString: iel.value,
                         validation: iel.validationMessage,
                         valid: iel.validity.valid
                     };
                     else data = {
                         name: iel.name,
                         value: iel.checked ? String(iel.value) : null,
+                        valueString: iel.value,
                         validation: iel.validationMessage,
                         valid: iel.validity.valid
                     };
@@ -1361,6 +1392,7 @@ function $9adf8bc2f1ba310f$var$formInputData(el) {
                     data = {
                         name: iel.name,
                         value: value,
+                        valueString: iel.value,
                         validation: iel.validationMessage,
                         valid: iel.validity.valid
                     };
@@ -1374,6 +1406,7 @@ function $9adf8bc2f1ba310f$var$formInputData(el) {
                 data = {
                     name: sel.name,
                     value: values,
+                    valueString: sel.value,
                     validation: sel.validationMessage,
                     valid: sel.validity.valid
                 };