@pageboard/html 0.13.1 → 0.13.3

package/elements/inputs.js

@@ -73,7 +73,7 @@ exports.input_fields = {
 			default: false
 		}
 	},
-	contents: "input_field+",
+	contents: "input_field*",
 	html: `<div class="[inline] [full|alt:fluid:] fields"></div>`
 };
 

package/elements/tab.js

@@ -40,6 +40,7 @@ exports.tab_item = {
 	menu: 'widget',
 	context: 'tabs_container_items/',
 	contents: "inline*",
+	tag: 'a.item',
 	html: '<a class="item">Tab Item</a>'
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "description": "",
   "main": "index.js",
   "repository": {

package/ui/fieldset-list.js

@@ -162,7 +162,7 @@ class HTMLElementFieldsetList extends Page.Element {
 			}
 		}
 
-		const subtpl = inputs.ancestor();
+		const subtpl = inputs.map(node => node.closest('.fields') ?? node).ancestor();
 		if (!subtpl) {
 			console.warn("fieldset-list should contain input[name]", this);
 			return;

package/ui/form.css

@@ -45,3 +45,7 @@ element-select {
 	display: block !important;
 	opacity:0.5;
 }
+
+.ui.form .field :disabled {
+	pointer-events:initial;
+}

package/ui/form.js

@@ -126,7 +126,7 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 			// ?toggle=<name> for toggling hidden state
 			if (toggle) state.vars.toggle = true;
 			this.disabled = this.hidden = !masked;
-		} else if (this.name) {
+		} else {
 			this.disabled = this.hidden = masked;
 		}
 	}
@@ -192,11 +192,13 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 						}
 					}
 					break;
-				case "checkbox":
-					if (!withDefaults) {
-						if (!(name in query)) {
-							query[name] = undefined;
+				case "checkbox":		
+					if (withDefaults) {
+						if (query[name] === undefined) {
+							query[name] = null;
 						}
+					} else if (!query[name]) {
+						query[name] = node.required ? null : undefined;
 					}
 					break;
 				case "hidden":