@pageboard/html 0.13.0 → 0.13.2

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/elements/table.js

@@ -206,6 +206,9 @@ exports.table_head_cell = {
 	contents: "block+",
 	tag: 'th',
 	inplace: true,
-	html: '<th class="[align|post: aligned] [width|as:colnums|post: wide]" rowspan="[rowspan]" colspan="[colspan]"></th>'
+	html: '<th class="[align|post: aligned] [width|as:colnums|post: wide]" rowspan="[rowspan]" colspan="[colspan]"></th>',
+	stylesheets: [
+		"../ui/table.css"
+	]
 };
 

package/package.json

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

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;
 		}
 	}

package/ui/input_radio.css

@@ -8,6 +8,7 @@
 	position: relative;
 	border: 1px solid gray;
 	border-radius: 4px;
+	text-align: center;
 }
 .field.button > .radio > input + label:hover {
 	opacity:1;

package/ui/table.css

@@ -0,0 +1,7 @@
+table tr:has(input:checked) {
+	background-color:rgba(0 0 0 / 10%);
+}
+
+.ui.compact.table td {
+	padding: 0 0.7em;
+}