@nebularstreams/libmui 2.5.112 → 2.5.114

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nebularstreams/libmui",
   "description": "Micro UI based on Mithril",
-  "version": "2.5.112",
+  "version": "2.5.114",
   "type": "module",
   "main": "src/index.js",
   "scripts": {

package/src/widgets/InputWidget.js

@@ -158,55 +158,61 @@ const
                                 ...attrs.title && {title: attrs.title},
                                 value: getValue(attrs, state),
                                 placeholder: attrs.hint || "",
-                                oninput: (event) => {
-                                    state.value = getInput(attrs, event.target.value);
-                                    event.fromoninput = true;
-                                    if (attrs.validator) state.isValid = attrs.validator(state.value);
-                                    if (attrs.onchange) {
-                                        (attrs.oninput || attrs.onchange)(state.value, event);
-                                    }
-                                },
-                                onchange: (event) => {
-                                    if (attrs.onchange) {
-                                        if (attrs.validator) state.isValid = attrs.validator(state.value);
-                                        event.enterPressed = state.enterPressed;
-                                        delete state.enterPressed;
-                                        attrs.onchange(getInput(attrs, event.target.value), event);
-                                        if (attrs.staticField) {
-                                            reset(true);
-                                        } else {
-                                            delete state.value;
-                                        }
-                                    }
-                                },
-                                onblur: () => {
-                                    if (state.showInput) {
-                                        reset(true);
+                                ...attrs.readonly
+                                    ? {
+                                        readonly: "readonly"
                                     }
-                                },
-                                onkeyup: (event) => {
-                                    if (state.showInput) {
-                                        if (event.key === "Escape") {
-                                            reset(true);
-                                        } else if (event.key === "Enter") {
-                                            if (state.value === attrs.value || !state.value) {
-                                                attrs.onchange(attrs.value, event);
+                                    : {
+                                        oninput: (event) => {
+                                            state.value = getInput(attrs, event.target.value);
+                                            event.fromoninput = true;
+                                            if (attrs.validator) state.isValid = attrs.validator(state.value);
+                                            if (attrs.onchange) {
+                                                (attrs.oninput || attrs.onchange)(state.value, event);
+                                            }
+                                        },
+                                        onchange: (event) => {
+                                            if (attrs.onchange) {
+                                                if (attrs.validator) state.isValid = attrs.validator(state.value);
+                                                event.enterPressed = state.enterPressed;
+                                                delete state.enterPressed;
+                                                attrs.onchange(getInput(attrs, event.target.value), event);
+                                                if (attrs.staticField) {
+                                                    reset(true);
+                                                } else {
+                                                    delete state.value;
+                                                }
+                                            }
+                                        },
+                                        onblur: () => {
+                                            if (state.showInput) {
                                                 reset(true);
                                             }
+                                        },
+                                        onkeyup: (event) => {
+                                            if (state.showInput) {
+                                                if (event.key === "Escape") {
+                                                    reset(true);
+                                                } else if (event.key === "Enter") {
+                                                    if (state.value === attrs.value || !state.value) {
+                                                        attrs.onchange(attrs.value, event);
+                                                        reset(true);
+                                                    }
+                                                }
+                                            }
+                                        },
+                                        onbeforeinput: (e) => {
+                                            if (attrs.subtype === "number" && e.data && !/^[0-9.\-]$/.test(e.data)) {
+                                                e.preventDefault();     // nothing but 0-9 or “.” gets through
+                                            }
+                                        },
+                                        inputmode: attrs.subtype === "number" ? "decimal" : undefined, // nicer mobile keyboard
+                                        onkeypress: (event) => {
+                                            if (!state.showInput && event.key === "Enter") {
+                                                attrs.onenter && attrs.onenter(event.target.value, event);
+                                            }
                                         }
-                                    }
-                                },
-                                onbeforeinput: (e) => {
-                                    if (attrs.subtype === "number" && e.data && !/^[0-9.\-]$/.test(e.data)) {
-                                        e.preventDefault();     // nothing but 0-9 or “.” gets through
-                                    }
-                                },
-                                inputmode: attrs.subtype === "number" ? "decimal" : undefined, // nicer mobile keyboard
-                                onkeypress: (event) => {
-                                    if (!state.showInput && event.key === "Enter") {
-                                        attrs.onenter && attrs.onenter(event.target.value, event);
-                                    }
-                                }
+                                    },
                             }),
 
                     m(".span.actions.absolute.right.bottom", [

package/src/widgets/TemplatedInputWidget.js

@@ -438,7 +438,7 @@ const
                                             if (metaDef.addAction.onClick) {
                                                 metaDef.addAction.onClick(e, parameters, auxParameters);
                                             } else if (metaDef.addAction.template) {
-                                                rawValue.push(clone(metaDef.addAction.template));
+                                                rawValue.push(cloneObject(metaDef.addAction.template));
                                             }
                                             m.redraw();
                                         }