tutuca 0.9.4 → 0.9.6

package/dist/tutuca-dev.js

@@ -369,7 +369,7 @@ class ValParser {
     this.allowFieldOnly();
     this.okName = true;
     const val = this.parse(s, px);
-    return val.toRawFieldVal ? val.toRawFieldVal() : new HandlerClass(val.name);
+    return val && (val.toRawFieldVal ? val.toRawFieldVal() : new HandlerClass(val.name));
   }
   parseHandlerName(s, px) {
     return this._parseHandler(s, px, InputHandlerNameVal);
@@ -721,7 +721,7 @@ class AttrParser {
         this.pushWrapper("push-view", s, vp.parseText(s, this.px));
         return;
       case "text":
-        this.textChild = vp.parseText(s, this.px) ?? vp.const("");
+        this.textChild = vp.parseText(s, this.px);
         return;
       case "show":
         this.pushWrapper("show", s, vp.parseCondValue(s, this.px));
@@ -1079,8 +1079,10 @@ class ANode extends BaseNode {
       switch (name) {
         case "slot":
           return new SlotNode(null, vp.const(value), maybeFragment(childs));
-        case "text":
-          return new RenderTextNode(null, vp.parseText(value, px) ?? vp.const(""));
+        case "text": {
+          const v = vp.parseText(value, px);
+          return v !== null ? new RenderTextNode(null, v) : null;
+        }
         case "render":
           return px.addNodeIf(RenderNode, vp.parseRender(value, px), as);
         case "render-it":
@@ -1124,8 +1126,8 @@ function wrap(node, px, wrappers) {
 }
 function makeWrapperNode(data, px) {
   const Cls = WRAPPER_NODES[data.name];
-  const node = Cls.register ? px.addNodeIf(Cls, data.val) : new Cls(null, data.val);
-  if (data.name === "each") {
+  const node = Cls.register ? px.addNodeIf(Cls, data.val) : data.val && new Cls(null, data.val);
+  if (node !== null && data.name === "each") {
     node.iterInfo.enrichWithVal = data.enrichWithVal ?? null;
     node.iterInfo.whenVal = data.whenVal ?? null;
     node.iterInfo.loopWithVal = data.loopWithVal ?? null;
@@ -1945,7 +1947,8 @@ class Stack {
     return this.ctx.lookupName(name);
   }
   lookupComputed(name) {
-    return this.comps.lookupComputed(this.it, name);
+    const node = this.binds.head.isFrame ? this.binds.head : this.binds.tail.head;
+    return this.comps.lookupComputed(node.it, name);
   }
   getInputHandler(name) {
     return this.comps.getInputHandlerFor(this.it, name);
@@ -2107,6 +2110,7 @@ class Transaction {
   }
 }
 var isMac2 = (globalThis.navigator?.userAgent ?? "").toLowerCase().includes("mac");
+var toNullIfNaN = (v) => Number.isNaN(v) ? null : v;
 function getValue(e) {
   return e.target.type === "checkbox" ? e.target.checked : (e instanceof CustomEvent ? e.detail : e.target.value) ?? null;
 }
@@ -2138,6 +2142,10 @@ class InputEvent extends Transaction {
     switch (name) {
       case "value":
         return getValue(e);
+      case "valueAsInt":
+        return toNullIfNaN(parseInt(getValue(e), 10));
+      case "valueAsFloat":
+        return toNullIfNaN(parseFloat(getValue(e)));
       case "target":
         return e.target;
       case "event":
@@ -2496,11 +2504,17 @@ class ParseCtxClassSetCollector extends ParseContext {
         const { value, thenVal, elseVal } = attr;
         if (thenVal !== undefined) {
           this._addClasses(thenVal.value);
-          if (elseVal) {
+          if (typeof elseVal?.value === "string") {
             this._addClasses(elseVal.value);
           }
         } else if (typeof value?.value === "string") {
           this._addClasses(value.value);
+        } else if (value?.vals !== undefined) {
+          for (const val of value.vals) {
+            if (val instanceof ConstVal && val.value !== "") {
+              this._addClasses(val.value);
+            }
+          }
         }
       }
     } else {
@@ -7922,6 +7936,8 @@ function checkEventModifiers(lx, view) {
 function isKnownHandlerName(name) {
   switch (name) {
     case "value":
+    case "valueAsInt":
+    case "valueAsFloat":
     case "target":
     case "event":
     case "isAlt":